Откройте свой Мир!

В прошлом месяце «Концепт» закончил работу над сайтом певицы Маргариты Ri Смелянской. В студии разработали проект на Drupal CMS с использованием flash-технологий во фронт-енде. Эта публикация — первая из планируемых двух статей о том, как мы делали это сайт.

1. Установка и настройка «Друпала»
2. Темизация сайта и интеграция flash-ролика

В этой публикации мы совершенно не касаемся фронт-энда и работаем строго с админкой.

Содержание первой серии:

1. Постановка задачи
2. Коротко об установке «Друпала»
3. Установка модулей-утилит
4. Типы контента и CCK
5. Изображения и ImageCache
6. Views

Постановка задачи

Необходимо сделать сайт со структурой, описанной ниже.

• Главная — страница без информативной нагрузки, просто сплэш.
• Новости — страница со списком новостей с возможностью просмотреть каждую новость подробнее.
• Пресса — страница подобная новостям, но со своим набором полей
• Аудио — таблица треков с возможностью как прослушать каждый трек, так и скачать его.
• Видео — аналогично аудио.
• Легенда — статичная страница.
• Фото — многоальбомная галерея.
• Контакты — Статичная страница.

На сайте работают flash- и html-версии. По умолчанию загружается flash-версия сайта.

Коротко об установке «Друпала»

Идем на www.drupal.org и скачиваем последнюю стабильную версию шестой ветки «Друпала». На сегодняшний день, 17 марта 2009, — 6.10. Распаковываем содержимое архива на сервер. Там же создаем папку files и сразу устанавливаем ей атрибуты доступа 777: в этой папке будем хранить весь контент подгружаемый через веб-интерфейс. В папке sites/default дублируем файл default.settings.php, переименовываем в settings.php и тоже устанавливаем права, достаточные для записи в файл. (После инстола система сама выставит безопасные аттрибуты для этого файла.)

Теперь все готово для инстола: набираем в браузере адрес нашего сайта и следуем инструкциям визарда.

В конце концов получили свежий тепленький «Друпал» :) Пока оставим его и поговорим о том, как все будет устроено.

Во-первых, всилу особенностей дизайна, у нас отпадает надобность в управляемом меню на сайте: все ссылки меню мы жестко пропишем, но об этом во второй части.

Во-вторых, на главной странице у нас находится flash-ролик, который, в принципе, постоянно будет доступен по этому адресу. В него будем динамически подгружать контент в зависимости от того, в какой раздел сайта зашел пользователя. На сайте предусмотрена html-версия. Как мы связали две версии сайта — во второй части.

Предлагаю зайти в бэк-энд сайта на страницу со списком всех модулей и сразу разобраться с тем, что нужно, а что не нужно из того, что нам предоставили по умолчанию: идем по адресу /admin/build/modules и оставляем включенными только следующие модули из группы опциональных:

• Content translation,
• Database logging,
• Locale,
• Menu,
• Path,
• Statistic,
• Syslog.

Остальные можно удалить вообще с сервера и почистить записи в базе данных в таблице system — удаляем все строки, связанные с только что удаленными модулями. Говорят, что в этой таблице лишних записей не иметь.

Теперь настроим то, что имеем. В первую очередь переведем интерфейс на русский. Идем на www.drupaler.ru и находим то, что нужно.

Сохраняем к себе на винчестер, заходим в  в Translate interface → Import (admin/build/translate/import) и импортируем .po-файл. И не забудьте включить русский язык на страницу Languages (/admin/settings/language).

К базовой настройке можно отнести включение «чистых ссылок» (admin/settings/clean-urls) и указать информацию о сайте (admin/settings/site-information), если не сделали это при инстоле.

Установка модулей-утилит

Продолжим наращивание функционала. Займемся модулями-утилитами, которые оказываются полезными не только для этого сайта или музыкальных сайтов. Сет модулей описанных ниже присутствует у меня в каждом проекте. Модули устанавливаются просто: забрасываем их в директорию modules или sites/all/modules (в последнем случае директорию modules нужно со

здать самому). На странице с таблицей модулей, на которой мы сегодня уже были, отмечаем чекбокс напротив нужного модуля. Правда, у каждого модуля могут быть свои особенности инстола, но они, как правило, всегда описаны в ридми-файлах. Если не разберетесь — спрашивайте в комментариях.

Backup and Migrate

Админы делятся на тех, кто делает бэкапы и на тех, кто будет делать бэкапы. Поэтому нам нужен модуль, который поможет в форс-мажорных ситуациях быстро восстановить сайт. Модуль делает резервную копию базы данных как вручную, так и по расписанию. Я его использую для переноса сайта с локалхоста на продакшен-сервер, например. Из множества модулей для «Друпала» он самый надежный, хотя и не без проблем.

Скачать: http://drupal.org/project/backup_migrate.

FCK Editor

Модуль интегрирует одноименный WYSIWYG-редактор в «Друпал». С ним для добавления контента на сайт не нужно знать язык разметки и наполнять сайт контентом сможет любой человек без обучения.

Скачать: http://drupal.org/project/fckeditor.

Meta Tags

Позволяет задавать как глобальные мета-теги, так и уникальные для каждой страницы. С помощью мета-тегво мы помогаем поисковым системам индексировать сайт по нужным нам ключевым словам.

Скачать: http://drupal.org/project/nodewords.

Pathauto

Модуль создан как дополнение дефолтному модулю Path. Легко настраивается и при добавлении страниц на сайт сам генерует «чистые» ссылки для них согласно тем шаблонам, которые мы указали в настройках модуля.

Скачать: http://drupal.org/project/pathauto.

Token

Необходим для Pathauto.

Скачать: http://drupal.org/project/token.

Transliteration

Избавляет нас от надобности вручную переименовывать в транслит подгружаемые файлы.

Скачать: http://drupal.org/project/transliteration.

Типы контента и CCK

По умолчанию в «Друпале» настроено два типа контента: страница и заметка. Так вот, заметку удаляем. А страница нас вполне устраивает, только сделаем пару настроек.

Во-первых, задействуем модуль Pathauto. Зайдем на страницу его настроек, затем перейдем по вкладке «Настройки адреса материала» (admin/build/path/pathauto). В третьем свитке есть два (пока только два) текстовых поля: шаблон пути по умолчанию и для типа контента «Страница». Пишем во втором поле «[title-raw]». Шаблон «[title-raw]» заменяется при добавлении страницы на то, что мы вводим в поле заголовка страницы. Это позволяет нам автоматически генерировать адрес страницы, наиболее подходящий для страницы и баловать поисковые системы «чистыми» ссылками. (Для транслитерации русских заголовков нужно вначале сделать соответствующие настройки модуля, которые подробно описаны в readme.txt в папке модуля.)

Теперь вернемся к нашему техническому заданию, описанному в начале публикации. «Легенда» и «Контакты» вполне подходят типа контента «Страница». Переходим к форме добавления материала (node/add/page). Заполняем форму два раза: для «Контактов» и для «Легенды». Получаем страницы kontakty и legenda.

Займемся новостями. Что нужно для того, чтобы описать новость? Просто заголовка и самого текста новости — мало. Еще как минимум нужна дата и нужна картинка-«ушко». В «Друпале» для добавления произвольных полей к типам контента используют модуль CCK, который позволяет дабавлять эти самые поля через веб-интерфейс. (Конечно, можете обойтись без модуля и использовать CCK, создавая тип контента программно :)). Скачиваем модуль, распаковываем и подключаем со всего массива модулей вот эти:

• Content,
• Option widgets,
• Text.

Еще нам понадобятся модули: Date, ImageField, ImageCache (зависимый от FileField) и Image API. Из свитка Date/Time понадобятся только Date, Date API и Date Timezone, из ImageCache — все, кроме ImageAPI ImageMagick. В свитке CCK добавляем ImageField, FileField и FileField Tokens.

Работу с ImageCache мы затронем позже. Сейчас же я хотел бы остановиться на датах. Когда на сайтах дата выводится в фомате «06 февраль 2008» — это жесть! Нужно «6 февраля 2008», как минимум. Заходим на страницу настроек формата даты (admin/settings/date-time/formats). Там жмем вкладку «Add format» и вводим вот это: «j F Y». Получаем на выходе: 6 February 2008 (дата случайная). Осталось только названия месяцев попереводить. Это легко сделать че

р

е

з встроеный интерфейс — admin/build/translate/search. Только перед этим зададимся вопросом: а как переводить. Лично я на своих сайтах забыл, когда встречал названия месяцев в именительном падеже. Отсюда вывод: перевод месяцев делаем в родительном падеже. И не забываем писать со строчной: у нас никогда не было традиции писать имена месяцев с прописной буквы! Переводим: «January» → «января», «February» → «февраля» и т. д. И самое главное, на странице настройки форматов не забыть присвоить одному из способов отображения даты то, что мы только что сделали. Например для «Short date format».

Новости

Наконец-таки, идем в «Типы материалов» (admin/content/types). Жмем «Добавить тип содержимого» и заполняем, как у меня показано на скриншоте:

Идем дальше и добавляем еще два поля. Нажимаем «Управлять полями» (таб сверху). В блоке «Добавить» заполняем форму.

Жмем «Сохранить» и опять всматриваемся в скриншот.

Дата прикручена. Прикрутим картинку-ушко. В «Друпале» для этого есть отличный модуль ImageField. Он представляем собой удобный виджет загрузки изображений на сервер с мгновенный предосмотром. В тип контента «Новость» добавляем еще одно поле.

Для удобства меняем порядок следования полей (admin/content/node-type/news/fields). Получаем:

На другом «полюсе» «Друпала» — в настройках синонимов (admin/build/path/pathauto) — пишем шаблон алиасов (синонимов путей) для типа контента «Новости»: news/[title-raw].

Теперь вы можете попробовать дабавить пару новостей, но опять повторю — выводом контента мы в этой главе не занимаемся. Поэтому посмотрите плоды нашей работы в Гарланде :)

Пресса

Тип контента «Пресса» от «Новостей» отличается не многим: вместо виджета ImageField добавляемтекстовое поле. В качестве домашнего задания предлагаю создать самостоятельно тип материала «Пресса» (что на самом деле есть повтор действий, описанный выше). Дельный совет: называйте имя поля по шаблону «field_» + [тип контента] + [смысловая нагрузка поля]. Никогда не запутаетесь.

Вот так получилось у меня:

Не забудьте про настройку алиасов.

Аудио и видео

Какой должна быть форма для добавления mp3-файла на сайт? Заголовок, как минимум. Ну, и поле для загрузки самого файла. Все хорошо, только автор попадал в ситуации, когда никак нельзя «зааплодить» 15-метровый файл через веб-интерфейс, и единственным выходом была загрузка файла через ftp-менеджер. Поэтому на своих сайтах я предусматриваю такую возможность и добавляю опциональное поле «Путь к файлу». Если оно оказывается заполненным, то поле для аплода игнорируется.

Таким образом, создаем тип контента «Аудио» (admin/content/types/add) и в свитке «Свойства формы» оставляем значение поля «Название поля текста» пустым. В отличие от заголовка, контент опционален и может не существовать.Таким образом мы его убрали из типа контента.

Добавляем два необязательных поля. Одно — типа «файл», настройка которого схожа с настройкой виджета ImageField и приведена ниже.

Второе дополнительное поле — текстовое, со значением по умолчанию той директории, куда мы планируем грузить

cms, drupal, flash, ri, концепт, разработка

Несколько месяцев назад, говоря о рынке плагинов для коммерческих CMS, я мимоходом упомянул про “сборки” открытых систем управления сайтами. При том, что работал я со многими (за спиной большое число проектов различного масштаба на SharePoint, Битриксе, Юми, Wordpress, Drupal, нескольких “студийных” и просто самописных системах), больше всего, несмотря на свою прожорливость, мне нравится именно Друпал. Поэтому просто перечислю несколько интересных сборок на нём, предназначенных для различных задач.

Acquia

Пожалуй, наиболее известная на сегодня сборка, разработанная под руководством самого Дриса Байтаерта.  Acquia Drupal — это дистрибутив CMS Drupal, дополненный модулями, разработанными Drupal-сообществом и сотрудниками компании Acquia. Помимо самого дистрибутива существует сервис Acquia Network и коммерческая поддержка. Основная сфера применения Acquia – создание “социальных” сайтов.



Acquia настолько популярна, что её рекомендует даже Микрософт (впрочем, как и несколько других CMS, например Wordpress). Предлагают установку этой системы и отдельные хостеры. Из отечественных можно назвать SpaceWeb:

DrupalCampLA

Эта сборка по сути – сайт, разработанный для конференции DrupalСampLA. Разработчики просто описали процесс и выложили результат (обратите внимание, что дизайн придется дополнять – графика не включена в тему). Так что, если вы готовите какой-нибудь баркамп или конференцию, эта сборка может стать отличным решением, позволяющим подсказать ряд интересных идей и значительно сократить время разработки сайта.

Open Atrium

Open Atrium – хорошее решение для построение корпоративного интранета. В комплекте есть большой объем функционала – блог, вики, календари, списки задач и т.п. Помнится, весной я делал для одной компании подобное решение, но здесь мы имеем отличный вариант, работающий “из коробки” и при этом бесплатный. Да, существует достаточное количество решений с большим функционалом, но а) всегда ли всё это реально нужно? б) какова стоимость решения? в) это друпал, открытая система, которую вы можете свободно расширять.

ProsePoint

Друпал – популярное решение для создание новостных сайтов, и не только за границей, но и у нас. Drupal Newspaper And Journalism Showcase Slideshow  

ProsePoint – попытка создать дистрибутив, позволяющий быстро и эффективно запустить новостной сайт. Рецепт достаточно традиционный: набор модулей, подобранных под задачу, созданная с нуля тема оформления.



Кроме того, есть множество других установочных профилей (скажем, Uberdrupal) и просто дампов проектов, разработанных для конкретной задачи. Открытость кода и модульность позволяют найти решения для многих своих задач, ну и поделиться своими наработками.

PS Интересно, через сколько минут прибегут воинственные противники с воплями «Друпал — говно»?
Источник