Вводный курс по DrupalУпоминаемые CMSАвтор: Елена Цаплина Специально для «Drupal Россия» от студии «Aquanther». Редакция вторая, от 24 марта 2009 г.
ВведениеДобрый день, меня зовут Цаплина Елена. Работая над проектом «Мои подружки» у нас в студии, я столкнулась с тем - что многие знают Drupal, хотели бы делать на нём свои сайты, но их пугает отсутствие пошаговой инструкции для начинающих по этой CMS. Поэтому для рассеивания всех ваших страхов я попыталась сделать максимально подробную и иллюстрированную инструкцию первых шагов работы с Drupal, чтобы ещё на этапе проектирования Вы были уверенны в своих силах. I. Установка пакета программ - Денвер1. Для того, что бы работать с Drupal на обычном компьютере под управлением операционной системы Windows (у меня Windows XP Pro), необходимо установить и настроить на нём - базу данных MySQL, web-сервер (например: Apache) и PHP. Пакет программ Денвер позволяет установить эти предварительно настроенные программы на ваш компьютер с помощью несколько кликов мыши и управлять ими (включать, выключать и перезагружать) всего с помощью 3 ярлыков. 2. Скачаем Денвер по Интернет адресу – http://www.denwer.ru/. 3. Запустим скачанный установочный файл Денвера. 4. После запуска установочного файла Денвера начинает работать мастер установки, который в процессе установки задаст Вам несколько вопросов и установит его на ваш компьютер. По завершении работы мастера установки Денвера откроется Интернет браузер, в котором Вам будет сообщено, что Денвер успешно установлен и готов к работе. 5. Я использую каталог установки Денвера – C:\MyWebServers, букву виртуального диска web-сервера – L и режим запуска Денвера – 2 (поэтому каждый раз, когда мне необходимо поработать с Денвером, мне придходится запускать и в дальнейшем - выключать его, с помощью специального ярлыка). II. Установка CMS Drupal1. Для установки Drupal, скачаем его дистрибутив по Интернет адресу – http://www.drupal.org/. Я скачаю последний актуальный на момент написания руководства релиз - Drupal 6.10, для этого в меню Download нажму на пункт Drupal 6.10 и на открывшейся новой странице нажму на пункт – Download Drupal 6.10. Используйте только последние версии Drupal, в них исправлены недоработки и ошибки предыдущих версий.
2. Перейдём в папку C:\WebServers\home. В ней создадим папку mysite.ru – для вашего сайта, а уже в этой папке – создадим папку www. 3. Откроем скачанный архив Drupal, внутри него находится папка - Drupal-x.x (где x.x – версия Drupal). Извлечём содержимое папки Drupal-x.x в папку - www.
4. Запустим Денвер с помощью ярлыка - Start на рабочем столе или с помощью файла - Strart.exe расположенного в папке denwer расположенной в папке пакета программ – Денвера (C:\WebServers – по умолчанию). 5. При запуске Денвера, если у вас установлен брандмауэр (межсетевой экран), Вам будет выведено окно с вопросом о разрешении работы программы Apache HTTP Server. Нажмём кнопку – Разблокировать, разрешив работу web-сервера Денвера.
6. Запустим Интернет браузер и в строке URL наберём - http://localhost/. Вам откроется основная страница Денвера. Прокрутим её вниз до таблицы с URL и их описанием. Перейдём по ссылке - http://localhost/Tools/phpMyAdmin, напротив ячейки – Проверка MySQL и phpMyAdmin.
7. На открывшейся странице phpMyAdmin, в поле – Создать новую БД, введём желаемое имя базы данных для сайта. Нажмём кнопку – Создать, после чего база данных для сайта будет создана.
8. Набёрём в Интернет браузере, в строке URL - http://mysite.ru/. Где mysite.ru - это имя папки указанной (в качестве папки вашего сайта) в пункте 2. На открывшейся странице мастера установки Drupal выберем – Install Drupal in English.
9. В некоторых случаях при установке Drupal может возникнуть ошибка (показанная на изображении ниже), связанная с отсутствием файла settings.php.
10. Для устранения этой ошибки перейдём в папку C:\WebServers\home\mysite.ru\www\sites\default\ – и создадим в этой папке простой текстовый файл. Переименуем созданный текстовый файл в settings.php. Данный файл будет использоваться CMS для хранения некоторых настроек вашего сайта (например: настройка соединения с базой данных и т.п.). Вернёмся в Интернет браузер и нажмём клавишу F5 – для обновления открытой страницы в нём. После чего мастер установки Drupal перейдёт к следующему шагу установки - связанному с настройками соединения CMS и вашей базы данных.
11. На странице настройки соединения CMS и базы данных - укажем имя вашей базы данных (заданное в пункте 7) в поле Database name. В поле Database username укажем имя пользователя базы данных, по умолчанию для Денвера – root. Поле Database password оставим незаполненным, так как в базе данных Денвера пользователь root работает без пароля. В раскрывающемся списке – Advanced options, поле Database host – оставим заполненное по умолчанию, так как Денвер работает с базой данных локально, а не удалённо по IP. В поле Table prefix укажем, что все таблицы Drupal в вашей базе данных буду созданы с префиксом – drupal_ в начале имени таблицы. Нажмём кнопку – Save and continue.
12. После нажатия кнопки Save and continue, мастер установки Drupal создаст в вашей базе данных все необходимые для работы CMS таблицы и заполнит их первоначальными данными, так же часть настроек вашего сайта будут записаны в файл settings.php.
13. Последним шагом мастера установки Drupal является настройка конфигурации сайта. Для его прохождения Вам необходимо ввести данные о:
Рекомендую включить чистые URL и проверку обновлений CMS. После настройки параметров нажмём кнопку – Save and continue.
14. По завершении работы мастера установки Drupal нажмём на ссылку – your new site и перейдём на главную страницу нашего сайта.
III. Перевод языка CMS Drupal и её модулей на язык отличный от английского языка1. Процедура перевода языка CMS Drupal и её модулей на язык отличный от английского языка – одинаковы, в независимости от того переводите ли Вы отдельно взятый модуль или саму CMS. Поэтому рассмотренное ниже руководство подойдёт в обоих случаях. 2. Перейдём на страницу администрирования сайта, выбрав в боковом меню - Administer (при этом Вы должны быть, авторизованы с правами администратора на сайте, иначе Вы просто не увидите это меню). Это главная страница администрирования вашего сайта.
3. Перейдём по ссылке - Modules на страницу управления модулями сайта и включим (отметив квадрат) модуль - Locale отвечающий за перевод CMS Drupal и её модулей на язык отличный от английского языка.
4. После этого на этой же странице нажмём кнопку - Save configuration.
5. Вернёмся на страницу администрирования сайта, выбрав в боковом меню - Administer и перейдём по ссылке - Languages на страницу управления языками сайта.
6. На странице управления языками сайта нажмём кнопку - Add language.
7. На странице добавления нового языка сайта выберем в выпадающем списке Language name – Russian (Русский) и нажмём кнопку - Add Language. После этого Вы автоматически будете перемещены на страницу управления языками вашего сайта.
8. На странице управления языками вашего сайта, активируем язык - Russian, отметив квадрат напротив языка в столбике - Enabled и круг напротив языка в столбике - Default. Нажмём кнопку - Save configuration.
9. Так же Вы можете снять пометку в квадрате напротив языка - English в столбике - Enabled и нажать кнопку - Save configuration.
10. Скачать перевод для Drupal и его модулей можно по Интернет адресу – http://drupaler.ru/translate/languages/ru/export. Наберём на этой странице в поле Choose a project – Drupal (так же можно набрать и имя модуля, если Вы скачиваете перевод для него) и нажмём Choose project.
11. Откроется страница настройки экспорта перевода. Выберем в выпадающем списке - Release версию вашего модуля или Drupal для перевода. Если вашей версии там нет, то ничего страшного выберите более раннюю версию. В списке - Format used выберем – All in one file, для того, что бы текст перевода был скомпонован в 1 файл. Нажмём - кнопку Export.
12. После нажатия кнопки - Export, начнётся процедура скачивания перевода с сайта. Сохраним файл перевода на вашем компьютере.
13. Вернёмся на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Administer. Перейдём по ссылке - Translate interface на страницу управления переводами языков сайта.
14. На странице управления переводами языков сайта, нажмём кнопку - Import.
15. На странице импорта переводов языков сайта, нажмём кнопку - Обзор напротив поля - Language file и выберем скачанный в пункте 12 файл. Выставим в выпадающем списке Import into – Russian и нажмём кнопку - Import. Импорт переводов для модулей производится точно таким же образом.
16. После импорта перевода ваш сайт будет отображаться на русском языке.
IV. Установка модуля редактора текстов1. Для установки модуля редактора текстов (будем использовать редактор текстов FCKeditor и модуль его интеграции в Drupal c аналогичным именем (как у редактора текстов)),скачаем его дистрибутив по Интернет адресу – http://www.drupal.org/. Для этого войдя на сайт, перейдём по ссылке – Modules в меню - Download. Мы попадём на основную страницу модулей расширяющих функционал Drupal. На этой странице, модули разбиты по категориям, можно прейти в одну из категорий и просмотреть имеющиеся модули. А можно воспользоваться поиском. Для того, что бы воспользоваться поиском, наберём в поле Search downloads имя разыскиваемого нами модуля – fckeditor.
2. Просмотрим результаты поиска и перейдём на страницу модуля – FCKeditor WYAIWYG HTML editor: http://drupal.org/project/fckeditor. 3. Прокрутим страницу модуля вниз до ссылок на скачивание модуля - Releases и скачаем версию 6.x-2.0. 4. Перейдём в папку в папку Денвера (C:\WebServers – по умолчанию), далее в папку home, далее в папку mysite.ru, далее в папку www, далее в папку modules – эта папка для модулей Drupal, сохранение ваших модулей в данной папке нежелательно. Поэтому перейдём в папку Денвера (C:\WebServers – по умолчанию), далее в папку home, далее в папку mysite.ru, далее в папку www, далее в папку sites, далее в папку all, далее в папку modules. Если у Вас не существует, какая либо из папок – создайте её. Данная папка modules в которую Вы перешли, предназначена для ваших модулей и их нужно сохранять именно в этой папке. 5. Распакуем архив FCKeditor в эту папку. 6. В папке каждого модуля в большинстве случаев есть инструкция по установке в файле – README.txt. 7. Для перевода инструкции к модулю воспользуемся сервисом Google Переводчик по Интернет адресу – http://translate.google.ru/translate_t?hl=ru#. 8. Для чтения инструкции к модулю я пользуюсь текстовым редактором – Notepad++ Portable, не требующим установки на компьютер. 9. Скачать Notepad++ Portable можно по Интернет адресу - http://portableapps.com/apps/development/notepadpp_portable. 10. В инструкции к модулю FCKeditor говорится, что сам модуль не является редактором текстов, а интегрирует в Drupal редактор текстов FCKeditor, который необходимо скачать отдельно по Интернет адресу - http://www.fckeditor.net/download. 11. При нажатии на ссылку скачивания (я скачаю последний актуальный на момент написания руководства релиз FCKeditor 2.6.3) Вы будете перенаправлены на сайт http://sourceforge.net/ - это один из самых известных сайтов по хранению файлов проектов с открытыми исходными файлами (Open Source Software). После перенаправления, скачивание архива текстового редактора начнётся автоматически. Если скачивание не начнётся автоматически, нажмите на ссылку – direct link. 12. Распакуем скачанный архив в папку fckeditor находящуюся внутри папки модуля fckeditor. 13. Вернёмся на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке - Модули на страницу управления модулями сайта. 14. На странице управления модулями сайта активируем модуль FCKeditor и нажмём кнопку – Сохранить настройки. 15. Вернёмся на страницу администрирования вашего сайта выбрав в боковом меню - Управление и перейдём по ссылке - Разрешения на страницу управления разрешениями доступа на сайте для групп пользователей сайта. Выставим разрешения на доступ к модулю FCKeditor для зарегистрированных пользователей. 16. Перейдём на страницу управления созданием материалов (статей) на вашем сайте выбрав в боковом меню - Создать материал и перейдём по ссылке - Story. На странице создания Story Вы можете наблюдать интегрированный в Drupal текстовый редактор FCKeditor. Процедура перевода модуля интеграции FCKeditor в Drupal, аналогична процедуре перевода языка CMS Drupal на язык отличный от английского языка. 17. Для того, что бы Вы могли не только редактировать текст на вашем сайте, но и вставлять в текст изображения - установим на ваш сайт (в Drupal) дополнительные модули. Установим модуль загрузки и управления изображениями на сервере и в Интернет браузере – IMCE (http://drupal.org/project/imce). А так же установим вспомогательный модуль для модуля IMCE, предназначенный для создания папок на сервере, - IMCE Mkdir (http://drupal.org/project/imce_mkdir). Для установки этих модулей в Drupal, повторим действия указанные в пунктах с 1 по 6 данного руководства, с поправкой на то, что Вы устанавливаете один из этих модулей, а не модуль FCKeditor. Скачаем архив модулей IMCE и IMCE Mkdir. 18. Что бы скачать IMCE Mkdir, на странице модуля нажмите ссылку – View all releases. 19. На странице просмотра всех релизов модуля (View all releases) нажмите на ссылку – imce_mkdir-6.x-1.x-dev.tar.gz: http://ftp.drupal.org/files/projects/imce_mkdir-6.x-1.x-dev.tar.gz. 20. Перейдём в папку Денвера (C:\WebServers – по умолчанию), далее в папку home, далее в папку mysite.ru, далее в папку www, далее в папку sites, далее в папку all, далее в папку modules. Распакуем архивы модулей в эту папку. 21. Вернёмся на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке - Модули на страницу управления модулями сайта. Активируем модули IMCE и IMCE Mkdir. 21. Установим в Drupal, файлы перевода на русский язык для этих модулей. Данная процедура аналогична процедуре перевода языка CMS Drupal на язык отличный от английского языка. 23. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление, и перейдём по ссылке - IMCE на страницу настройки модуля IMCE. Создадим новый профиль в Настройке профилей с именем – Профиль модератора. После чего, зарегистрированному пользователю назначим Профиль модератора в Role-profile назначениях (как на изображении назначен Профиль модератора ролям пользователей - модераторы). 24. Настроим профиль под названием - Профиль модератора, модуля IMCE, согласно изображению ниже. 25. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление, и перейдём по ссылке – FCKeditor settings на страницу настройки модуля FCKeditor. На этой странице перейдём по ссылке редактировать напротив профиля Advanced. 26. Настроим профиль под названием - Advanced, модуля FCKeditor, согласно изображениям ниже. Только у Вас в графе Роли, которым разрешено использовать этот профиль вместо модератор будет зарегистрированный пользователь.
27. После настройки всех модулей перейдём на страницу управления созданием материалов (статей) на вашем сайте выбрав в боковом меню - Создать материал и перейдём по ссылке - Story. На странице создания Story Вы можете наблюдать интегрированный в Drupal текстовый редактор FCKeditor. Если нажать на кнопку, в текстовом редакторе, для вставки изображения (в виде иконки с горой и солнцем) -откроется окно с диалогом вставки изображения.
28. В окне с диалогом вставки изображения нажмём кнопку – Просмотреть на сервере. 29. При нажатии в окне с диалогом вставки изображения кнопки – Просмотреть на сервере, откроется файловый браузер IMCE разбитый на 3 строки и 2 колонки. В 1 строке находятся кнопки управления IMCE. В 1 столбце 2 строки находится дерево папок на сервере в папке с файлами. В 2 столбце 2 строки находится список файлов в выбранной в данный момент папке. В 1 столбце 3 строки находится лог работы IMCE. В 2 столбце 3 строки отображён выбранный в данный момент файл в выбранной в данной момент папке. 30. Если в IMCE, выбрать изображение в папке (2 столбец, 2 строки) и нажать на отображение изображения (2 столбце 3 строки), то IMCE закроется, а путь к изображению будет вставлен в поле URL диалога вставки изображения FCKeditor. Если в диалоге вставки изображения, после этого, нажать кнопку OK, то изображение будет вставлено в сам текстовый редактор FCKeditor. 31. Иногда доступ к FCKeditor нужно разрешить только определённой группе людей. Для этого перейдём на страницу администрирования вашего сайта, выбрав в боковом меню - Управление, и перейдём по ссылке – Управление пользователями на страницу управления группами пользователей. Создадим новую группу пользователей, например – модераторы. Перейдём на страницу администрирования вашего сайта, выбрав в боковом меню - Управление, и перейдём по ссылке – Пользователи на страницу управления пользователями. Напротив нужных Вам для объединения в группу модераторы пользователей нажимаем ссылку – редактировать и на странице управления конкретным пользователем в графе - Роли, помечаем квадрат напротив роли - модераторы. Не забываем, как всегда, сохранить настройки нажатием кнопки – сохранить. Перейдём на страницу администрирования вашего сайта, выбрав в боковом меню - Управление, и перейдём по ссылке – Разрешения на страницу управления разрешениями для групп пользователей. Уберём пометки с квадратов в столбцах зарегистрированный пользователь напротив строк модуля FCKeditor, а в столбцах модераторы наоборот выставим. Вернёмся к пункту 22 данного руководства и у зарегистрированного пользователя назначим профиль IMCE нет в Role-profile назначениях, а у модераторов назначим Профиль модератора в Role-profile назначениях. Вернёмся к пункту 25 данного руководства и в графе Роли, которым разрешено использовать этот профиль отметим квадрат только напротив роли - модератор. После применения данных настроек текстовый редактор FCKeditor на странице создания новых материалов (статей), будет доступен только пользователям, добавленным в группу - модераторы. V. Создание сайта визитки1. Сайт визитка – это сайт из нескольких HTML страниц с редко изменяемой информацией, каждая HTML страниц привязана к своему пункту в меню сайта. Информация на таком сайте изменяется не чаще 1 раза в день. Данная информация содержит сведения, о какой либо фирме, человеке, событии и т.п. Создание нового типа материала / нового типа статей2. Будем считать каждый пункт меню сайта – отдельным разделом сайта. Для каждого раздела на сайте создадим свой тип материала (свой тип статей). Этого можно и не делать, воспользовавшись одним из имеющихся типов материалов, но в дальнейшем, когда Вы решите превратить ваш сайт визитку - в большой портал, Вам будет очень неудобно управлять статьями на сайте, так как они не будут разбиты по группам. 3. Перейдём на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке - Содержание и далее по ссылке – Типы материалов на страницу управления типами материалов (типами статей). 4. На этой странице перейдём по ссылке – Добавить тип содержимого, на страницу добавления нового типа материалов. Добавим новый материал, например – Новости, для ваших новостей.
Создание меню5. Создадим меню для сайта визитки и свяжем его с одним из типов материалов. Для этого перейдём на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Модули на страницу управления модулями сайта и активируем модуль – Menu (если он у Вас отключен). 6. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Меню на страницу управления меню сайта. 7. Перейдём по ссылке – Добавить меню, для добавления нового меню на сайт. Добавим новое меню на сайт. 8. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Блоки на страницу управления блоками на сайте. Активируем только что созданное меню сайта, выбрав в выпадающем блоке рядом с названием вашего меню: Меню сайта – Правая колонка. После чего нажмём кнопку – Сохранить блок. 9. Перейдём на страницу добавления материалов (статей) на ваш сайт, выбрав в боковом меню - Создать материал. Создадим материал типа - Новости. При создании нового материала (статьи) Вы увидите на странице создания нового материала новый пункт – Настройки меню. Заполним этот пункт меню. Новостная лента / лента статей / лента анонсов статей10. Для создания новостной ленты используем таксономию. Таксономия предназначена для упорядочивания статей сайта в независимости от того, к какому типу материала принадлежит статья. 11. Для этого перейдём на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Модули на страницу управления модулями сайта и активируем модуль – Taxonomy (если он у Вас отключен). 12. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Таксономия на страницу управления таксономией на сайте и нажмём ссылку – Добавить словарь. Добавим новый словарь в соответствии с изображением ниже. Где Типы материалов – типы материалов при создании или отображении которых будет выводится данный словарь содержащий список лент анонсов статей к которым может принадлежать данная статья. Так же в настройках словаря можно выбрать:
13. После создания нового словаря Вы будете перенаправлены на страницу управления таксономией на сайте. 14. Нажмём на ссылку – добавить термин, для добавления новой ленты анонса статей и добавьте новую ленту анонса статей. 15. Перейдём на страницу добавления материалов (статей) на ваш сайт, выбрав в боковом меню - Создать материал. Создадим материал типа - Новости. При создании нового материала (статьи) Вы увидите на странице создания нового материала новый пункт – Контейнер для лент анонсов статей, типа - новости. В этом пункте, Вы можете выбрать, к какой именно ленте анонсов статей будет принадлежать данная статья (в данном случае у нас только 1 лента анонсов статей – Новостная лента сайта, добавленная вами в предыдущем пункте). 16. Добавим 3-4 статьи типа Новости с указанием их привязки к ленте анонсов статей – Новостная лента сайта. При создании статей помните, что в анонс и ленты анонса статей попадает только первый абзац статьи. Незабудим исправить созданную ранее новость связанную с меню - свяжем её с лентой анонсов статей. Это можно сделать 2 способами:
17. Создадим для вашей ленты анонсов статей пункт в созданном вами меню. Для этого вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Таксономия. На странице управления таксономией на сайте, перейдём по ссылке – список терминов, напротив вашего словаря таксономии. Нажмём на имя вашего термина, Вы будете перенаправлены на страницу отображения данных, данного термина (на страницу отображения новостной ленты сайта). Запомним URL данной страницы (http://mysite.ru/taxonomy/term/1). 18. Вернёмся на страницу администрирования вашего сайта, выбрав в боковом меню - Управление. Перейдём по ссылке - Меню. На странице управления меню сайта, нажмём на имени созданного нами меню сайта, для его просмотра. На странице просмотра созданного вами меню сайта перейдём по ссылке – добавить пункт. Добавим новый пункт указав при его создании:
19. На рисунке ниже изображена создаваемая вами лента анонсов статей. Дополнительные модули для сайта визитки и ещё одна краткая инструкция по установке модулей.20. Давайте ещё раз кратко вспомним инструкцию по установке модулей:
21. SEO пригодные URL - мы с вами при установки Drupal уже включили Clean URLs (чистые ссылки) и ссылки на сайте у нас отражаются не в виде - http://mysite.ru/?q=node/1, а в виде http://mysite.ru/node/1. Но для того что бы URL на сайте были более понятны пользователям (вида - http://mysite.ru/test-news-my-site), включим на сайте модуль Path (входящий в состав Drupal). После чего на страницах добавления или изменения статей сайта появится новый пункт настройки статьи – Настройка адресов, в которым Вы можете задать желаемый адрес (URL) для статьи. Например, если Вы пропишите в настройках адреса – test-news-my-site, то ваша статья будет доступна Вам по URL - http://mysite.ru/test-news-my-site. 22.Коментарии. Для того, что бы пользователи могли размещать коментарии под рядом статей, включим на сайте модуль - Comment (входящий в состав Drupal). Настроим права доступа групп пользователей к данному модулю - права просмотра и права комментирования. Настроим в типах материалов для каких материалов будет разрешено комментирование. Вот и все настройки. 23. Форум, гостевая книга и т.д. добавляется на сайт с помощью дополнительных модулей невходящих в состав поставки Drupal (найти их можно на официальном сайте Drupal, в разделе модули). 24. Часть дополнительных модулей для Drupal не являются 100% разработкой сообщества Drupal, а просто интегрируют созданные другими сообществами программные продукты в Drupal (например: форум PHPBB3 или редактор статей FCKeditor). Дизайны для сайта25. Бесплатные готовые темы дизайна для Drupal можно скачать на официальном сайте Drupal в разделе - Themes. 26. Бесплатные дизайны для вашего сайта можно скачать по адресу - http://www.oswd.org/. Данные дизайны требуют создания темы для Drupal на их основе — которая и устанавливается в Drupal. VI. Создание портала на DrupalПортал очень похож на сайт визитку, только по количеству входящих в него страниц он намного превышает сайт визитку. Так же функционал портала намного шире функционала сайта визитки, достигается это установкой дополнительных модулей Drupal. Например, развлекательный портал про компьютерные игры, может состоять из разделов:
За работу каждого раздела будет отвечать свой модуль, иногда не один. Например, за работу раздела фотоальбом на Вашем сайте может отвечать модуль Photos. Наиболее часто используемые модули для Drupal, кроме тех, что мы уже использовали с вами:
Большое количество модулей можно найти на официальном сайте Drupal. Так же на официальном сайте Drupal на главной странице иногда выкладывают ссылки на статьи о том, как создавался тот или иной сайт с указанием применённых при создании модулей. VII. Создание дизайна сайта и темы оформления сайта на основе дизайнаПеред созданием дизайна сайта на компьютере я делаю набросок дизайна сайта на бумаге – это позволяет заранее рассмотреть несколько вариантов компоновки данных в дизайне сайта и выбрать лучший. Набросок дизайна я разбиваю на простейшие изображения – иконки, которые создаю в редакторе векторной графики CorelDraw или Inscape. Создавать иконки в CorelDraw или Inscape намного быстрее, чем в Photoshop или Gimp. Далее из иконок в Photoshop или Gimp я формирую конечный дизайн сайта. По Photoshop и CorelDraw существует довольно большое количество уроков и видеороликов (например на: http://www.youtube.com/) в сети Интернет, а так же обучающих видео курсов и книг в магазинах. На основе дизайна сайта я создаю HTML шаблон дизайна сайта с использованием стилей CSS. По HTML и CSS так же существует довольно большое количество уроков в сети Интернет и книг в магазинах. Создание темы для Drupal я не буду рассматривать подробно, в рамках данного руководства, только вкратце:
Для активации созданной темы оформления сайта перейдём на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке - Темы оформления на страницу управления темами оформления сайта и активируем вашу тему оформления. VIII. Копирование на хостингДля копирования на хостинг, необходимо установить на хостинге программу phpmyadmin, архив дистрибутива которой можно скачать по Интернет адресу -http://phpmyadmin.net/home_page/downloads.php. После чего дистрибутив необходимо разархивировать и скопировать на сервер используя например программу FileZilla. Для безопасности копируйте phpmyadmin не в папку phpmyadmin на сервере, а например в папку kdgjfhxv238df, которая будет находиться внутри папки kfj3gdhnppolx10. В директории phpmyadmin создайте файл config.inc.php следующего содержания: Не забудьте изменить секретное слово в $cfg['blowfish_secret'] - '4593eddfae0fd923248738'. В браузере наберем - http://мой-сайт-на-денвере/kfj3gdhnppolx10/kdgjfhxv238df/ или http://мой-сайт-на-сервере/kfj3gdhnppolx10/kdgjfhxv238df/index.php. На вновь открывшейся странице введите логин и пароль от вашей базы данных, после чего Вы попадёте на главную страницу phpMyAdmin. Необходимо выставить параметр MySQL connection collation равный – utf8_general_ci на этой странице. Для экспорта, необходимо выбрать нужную базу данных в левом столбце – БД. После чего когда будет открыт список таблиц базы данных необходимо в верхнем меню выбрать – Экспорт,для экспорта базы данных. На странице экспорта выбрать – Отметить все, архивировать в zip и нажать кнопку пошёл. Будет создана копия база данных, заархивирована и передана браузеру для скачивания. Сохраним эту копию базы данных.
Для импорта, если Вы импортируете данные и база на сервере не создана, её необходимо создать и выбрать. Это можно сделать на главной странице phpMyAdmin. После чего когда будет выбрана база данных, необходимо в верхнем меню выбрать – Импорт или SQL(в зависимости от версии phpMyAdmin). На странице импорта данных необходимо нажать кнопку обзор и выбрать наш архив базы данных, после чего нажать кнопку – OK. Начнётся импорт данных в базу данных. После копирования базы данных на сервер, необходимо скопировать полностью все файлы вашего сайта на Drupal из Денвера (из папки www) на сервер и исправить в файле settings.php (www\sites\default) параметры подключения к базе данных (логин и пароль). Строка 92 и 93: По завершении всех проделанных действий сайт должен начать работать на сервере. IX. Рекламные блоки и счётчикиПерейдём на страницу администрирования вашего сайта, набрав в Интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке - Блоки на страницу управления блоками на сайте. Создадим новый блок, вместо текста блока вставим - рекламный банер или скрипт счётчика сгенерированный, например на сайте по Интернет адресу - https://www.google.com/analytics/. Для вставки счётчика под текстовым редактором нажмём – Switch to plain text editor, для его отключения, только после этого вставим скрипт счётчика. Так же под текстовым редактором выбирем формат ввода – Full HTML. После создания блока на странице Блоков, нажмём настроить напротив созданного блока и выберем на каких страницах он будет отображаться. После чего на странице блоков выберем место расположение блока на странице. X. Оптимизация работы сайтаДля оптимизации работы сайта применяется много методик, мы с вами рассмотрим только наиболее простые из них. Необязательно стараться выполнить все пункты оптимизации работы сайта, достаточно для начала первых трёх пунктов. Размер памяти в 2-3 мегабайта занимаемый Drupal при создании страницы и время создания страницы - 100 миллисекунд, является очень хорошим результатом при оптимизации. 1. Включим кэширование средствами Drupal, которое позволяет:
Для того, что бы включить кэширование перейдём на страницу администрирования вашего сайта, набрав в интернет браузере в строке URL его адрес и выбрав в боковом меню - Управление. Перейдём по ссылке – Производительность на страницу настройки производительности сайта. Я использую агрессивный режим кэширования, но некоторые модули Drupal работаю некорректно при таком режиме кэширования, поэтому не забывайте после включения кэширования проверять работу сайта. Если на вашем сайте информация обновляется не очень часто, то возможно Вам следует увеличить минимальное время жизни кэша вплоть до одного дня. После включения кэширования страниц сайта, если Вы вдруг решите внести изменение в работу сайта, иногда требуется очистить кэш данных, для того что бы изменение отразилось на сайте. Так же отключим все неиспользуемые модули.
2. В HTML коде ваших страниц постарайтесь использовать как можно меньше таблиц оформления – table, заменяя их на div. Все стили оформления страницы выносите в CSS (которые автоматически кэшируются в Интернет браузере пользователя). Вставки JavaScript старайтесь вынести в JS файлы и вызов функций из них делать ближе к концу HTML. Оптимизируйте качество и размер изображений для ускорения их загрузки. 3. Уточните у провайдера установлен ли на вашем хостинге PHP акселератор (eAccelerator или подобные), если нет, то попросите установить его. Если Вы администрируете сервер сами – то установите PHP акселератор сами, в случае его отсутствия. 4. Установите модуль Cache Router для кэширования страниц в файл на жёсткий диск сервера или для кэширования страниц в памяти сервера с помощью программы memcached - который так же должна быть установлена на вашем сервере. 5. Оптимизируйте MySQL. 6. Замените web-сервер Apache на Nginx. 7. Увеличьте производительность, объём памяти на вашем сервере или количество ваших серверов. XI. SEO и оптимизация сайта для продвижения1. Включим на сайте чистые ссылки – Clean URLs (мы с вами их уже включили). Для преобразования URL вида: http://mysite.ru/?q=node/1, в URL вида: http://mysite.ru/node/1. 2. Включим на сайте модуль Path (мы с вами его уже включили). Для преобразования URL вида: http://mysite.ru/node/1, в URL вида: http://mysite.ru/test-news-my-site. 3. Установим на сайте модуль Pathauto (http://drupal.org/project/pathauto), для автоматического формирования URL в соответствии с заданным шаблоном или названием статьи. Перед активацией модуля переименуем в папке модуля файл i18n-ascii.example.txt в i18n-ascii.txt, для корректного преобразования названия статьи в URL. Так же для работы модуля Pathauto, требуется установить модуль – Token (http://drupal.org/project/token). Настройка URL и их шаблонов производится в разделе Синонимы перейти в который можно со страницы администрирования вашего сайта. В раздел Синонимы входят страницы:
4. Установим модуль Meta tags (http://drupal.org/project/nodewords), который позволяет добавлять на сайт мета тэги (описание страницы для поисковиковых машин), например, указание авторства, ключевые слова и описание сайта для главной страницы, а также индивидуальные настройки для каждого документа. 5. Установим модуль Page Title (http://drupal.org/project/page_title), который позволяет задавать заголовок в Интернет браузере для каждой страницы. 6. Настроим в файле .htaccess работу сайта либо с префиксом www, либо без него. Т.е.:
Вам необходимо выбрать только один из вариантов работы сайта и в соответствии с выбором прописать настройки в вашем .htaccess файле в корневой директории сайта. Запись в .htaccess необходимая при выборе первого варианта работы сайта: Запись в .htaccess необходимая при выборе второго варианта работы сайта: 7. Тег <h1>...</h1> - должен использоваться на странице не более одного раза в заголовке материала, текст внутри тега должен содержать ключевые слова статьи. 8. Всегда используйте созданную вами главную страницу сайта, а не главную страницу заданную в Drupal по умолчанию. Задать созданную вами страницу в качестве главной страницы сайта можно на странице - О сайте, переход на которую осуществляется со страницы управления сайтом. 9. Ваш веб-сайт не должен иметь PHP идентификаторов сеансов в URL. 10. Установим модуль Global Redirect (http://drupal.org/project/globalredirect), который автоматитически проверяет существует ли у открытой страницы синоним URL, если да то пользователь перенаправляется на эту страницу. 11. Исправте, если это необходимо, данные в файле - robots.txt (фал применяется поисковыми машинами для индексирования содержимого сайта) в корневой директории вашего сайта: Существует проблема при запрете на сканирование служебных путей Drupal. Проблема состоит в том, что невсегда получается достигнуть запрета на сканирование этих путей. Подробнее можно прочитать по интернет адресу — http://tips.webdesign10.com/robots-txt-and-drupal. 12. Так же может быть Вам будет интерестно прочитать книгу - Оптимизация и продвижение сайтов в поисковых системах написанную И. Ашмановым и А. Ивановой. Книга не является единственно верной и единственной по данной тематике, просто это первая книга по данной тематике название которой я вспомнила. XII. Обновление Drupal1) Активируйте тему Garland на сайте. 2) Переведите сайт в оффлайн режим. 3) Сделайте бэкап базы данных (также бэкап папки files и папки дополнительных модулей). 4) Отключите все дополнительные модули. 5) Сохраните файл sites/default/settings.php. 6) Удалите все файлы от предыдущей версии Drupal и замените их файлами новой версии. 7) Вставьте старый файл sites/default/settings.php вместо нового файла. 8) Верните папку files на место, а так же и папки дополнительных модулей. 9) Запустите скрипт ваш_сайт/update.php. 10) Подключайте дополнительные модули и запускайте снова скрипт ваш_сайт/update.php. 11) Активируйте нужную Вам тему на сайте. XIII. ПослесловиеК сожалению, моя статья ограничена по объёму сильнее, чем книга, поэтому часть последних пунктов я рассмотрела поверхностно, более подробно мы их с Вами рассмотрим в следующих статьях. Предположительно в июне выйдет продолжение статьи, в котором будет более подробно описан процесс создания и продвижения Интернет портала. Так же совместно со статьёй на сайте моей студии в свободный доступ будут выложены готовые сборки Drupal для быстрого разворачивания сайтов определённых тематик (новостные сайты, фан сайты и т.п.). На последок рекомендую Вам прочитать статью - как делали сайт журнала Популярная наука (Popular Science Magazine, PopSci.com) по Интернет адресу - http://www.drupal.ru/node/13383 или http://drupal.org/node/233090. И не забудьте:
По всем вопросам и с пожеланиями, прошу обращаться либо к Вячеславу (координатору этой статьи) на сайте http://drupal.ru/, его ник — Irbis, либо Вы можете обратиться напрямую ко мне - воспользовавшись формой контакты на сайте моей студии - «Aquanther».
Комментарии (117) |
|
|||
|
О проектеПартнерыСотрудничество
РекламаРейтингиКаталог CMSВеб-студииОтзывы о CMSСтоимость сайта
Библиотека
SEO-компании
Copyright © 2006-2009 CMS Magazine Правовая информация CMS Magazine – электронное средство массовой информации. Эл № ФС 77-32705. |
||||