День добрый, уважаемые читатели wmbn.ru! Продолжаем работать с CMS Drupal, а именно с меню системы, и сегодня рассмотрим такой пункт меню Drupal, как оформление. Drupal, как и любая другая система управления сайтом ее масштаба имеет потрясающую возможность быстрой смены оформления при помощи шаблонов. Вспомните те же шаблоны WordPress — их просто огромное количество и администратор блога может спокойно сменить тему, останется лишь доработать некоторые недочеты на его взгляд. В CMS Drupal все точно так же — можно без особого труда сменить и настроить тему как вздумается, изменить ее код или добавить что-то новое.

Настройка шаблона Drupal

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

Шаблоны Drupal — загрузка и установка шаблонов

Приступим конкретно к рассмотрению шаблонов для Drupal. По сути для шаблона даже можно дать определение — набор файлов, которые в совокупности составляют дизайн любого сайта, обращаясь при этом к движку, в нашем случае к Drupal. Шаблоны для Drupal написаны на языке phptemplate, с помощью которого осуществляются взаимодействие файлов и запросы к системе.

Скачать готовый шаблон можно с официального сайта Drupal, где из большого количества тем (более 1300 готовых работ) можете подобрать свой, выбрав из фильтра те условия, которые нужны для поиска шаблона. Загруженный шаблон лучше всего не копировать сразу в папку themes в главной директории Drupal, а поместить в папку sites/all/themes, где можно найти файл README, в которой говорится, что сторонние шаблоны следует устанавливать в данную папку, чтобы в будущем при обновлении не возникало проблем.

Просмотр шаблонов Drupal

Можно установить другую тему и включить ее, а можно пока воспользоваться стандартным шаблоном Drupal — Bartik, и посмотреть на его примере как устроены шаблоны и настройка к ним. Чтобы приступить к просмотру, перейдите в пункт Оформление, который находится в меню. После этого откроется список шаблонов для сайта и панели администратора. По умолчанию для сайта установлен шаблон Bartik, а для панели администрирования Seven. К шаблонам так же предлагается описание, а именно что в них можно изменить и настроить.

Ниже, в блоке Disabled Themes показаны отключенные шаблоны — Garland (установлен по умолчанию в шестой версии Drupal) и Stark — так называемый стартовый шаблон, с помощью которого можно писать свои шаблоны для Drupal или редактировать готовые. Ну а еще ниже в выпадающем списке можно выбрать ту тему оформления, которая будет применена для админской части сайта.

Настройка цветовой схемы шаблона Drupal

К каждому шаблону предлагается своя настройка — может быть как своя, так и общая для всех. Давайте сначала рассмотрим настройку конкретного шаблона Drupal — Bartik. Первое, что нам предложат, это настроить цветовую схему, выбрав из палитры цвета для каждого элемента:

  • Верхний и нижний заголовок сайта — задается как градиент;
  • Фон сайта и сайдбара, а так же его рамки;
  • Цвет футера;
  • Цвет текста заголовка сайта и основного текста контента и ссылок;

Все изменения сразу же показаны в блоке просмотр.

Элементы страницы шаблона Drupal

Ниже показаны те компоненты сайта, которые можно отключить от их вывода на страницы сайта:

  • Логотип — тот же значок капли около названия сайта;
  • Само название сайта;
  • Слоган — отображается ниже;
  • Аватары в документах и комментариях — отображается фото как для автора записи (документа) так и для отзыва;
  • Статус регистрации пользователя;
  • Значок — фавиконка;
  • Основные и дополнительные ссылки — при их отключении как минимум отключается меню, а так же ссылки на записи;

Кроме того, если вас не устраивает стандартный логотип Drupal, то в шаблонах его можно поменять, убрав галку в пункте Использовать стандартный логотип, а затем сразу с настроек шаблона указать либо адрес изображения на сервере, либо загрузить его с ПК. Тоже самое для значка сайта — фавиконки. Те же самые настройки доступны для изменения всех шаблонов, исключая настройку цветов.

Просмотр регионов и блоков в шаблонах для Drupal

А теперь приступим к более расширенной настройки шаблона в Drupal — настройка блоков и регионов. Находятся данные настройки в меню Структура — Блоки. С помощью блоков в Drupal можно управлять выводом записей в любую часть шаблона — от заголовка, до футера. Проще говоря — блок это информация, которую нужно показать, а регион это то место шаблоны, куда можно поместить информацию (блок).

Просмотр блоков в Drupal

Перейдя на страницу настройки блоков, в первую очередь бросается в глаза большая таблица с заголовками Блок, Регион и Операции. В ней то как раз изменяется структура шаблона Drupal и вывод записей. Для примера разберем регионы в стандартном шаблоне Drupal — Bartik.

Всего регионов в системе 15 штук — посмотреть их можно, нажав на ссылку Просмотр регионов:Bartik:

  • Заголовок — размещаются блоки в шапке сайта. Чаще всего данный регион отдается рекламе — баннерам или контекстной рекламе графического формата;
  • Популярное — второй регион, расположен сразу под шапкой;
  • Основной контент — документы, справка и закреплено. Выбор не ограничивается лишь показом одних документов, можно дополнить страницу сайта более функциональными блоками, нежели простым текстом;
  • Правая и левая колонка заняты соответственно колонкой первой и второй. Выполняют они роль сайдбара, но это только по стандарту блогов, а так можно что угодно добавить в шаблон — Drupal такую возможность поддерживает;
  • В подвале сайта (футере) расположены еще семь регионов, которые разделяют всю нижнюю часть сайта. Туда можно установить различные счетчики от сервисов статистики (Яндекс.Метрика, Рейтинг@Mail.ru и прочие);
  • Последняя часть шаблона отдается нижней колонке. Можно отдать данный блок под описание сайта, дублированное меню и прочие хитрости;

Когда ни один блок не будет установлен в хотя бы один регион, он будет расположен в конце таблицы после пункта Выключено, их список тоже небольшой (основные блоки):

  • Пользовательское меню — блок тех ссылок, что вы добавили в качестве навигации по сайту;
  • Вход в аккаунт — стандартная форма входа в панель администратора Drupal;
  • Выбор языка — блок говорит сам за себя, выбираем тот язык, который доступен в системе и переводе;
  • Документ — основной блок, в котором выводятся созданные записи. Его обычно выставляют в центре сайта, в регионе Документы, но так же можно установить его в другой регион, сделав блок в качестве новости сайта;
  • Лента сайта — добавляет значок RSS для подписки на новостную ленту сайта. Очень даже симпатично смотрится в подвале сайта в самой нижней колонке — порталу вряд ли так требуются подписчики, как блогу;
  • Новые комментарии, пользователи и сообщения — ясно по названию, удобно расположить в футере сайта в одной из колонок;
  • Основные ссылки — добавляет ссылки для быстрого перехода к записям и страницам сайта;
  • Сделано на Drupal — блок сообщает посетителям, что сайт работает на системе управления сайтом Drupal;
  • Сейчас на сайте — показывает количество пользователей, посетивших сайт в настоящий момент;
  • Форма поиска — с помощью данного блока добавляется на сайт поисковая форма Drupal, причем она вполне функциональная, однако для ее стабильной работы не забудьте запустить cron.php после добавления новостей;

Настройка и создание блоков для шаблонов Drupal

Все блоки добавляются в регионы с помощью выпадающего списка в столбце Регион. Для одного региона можно задать сразу несколько блоков одновременно. Каждый блок можно отдельно настроить, поменяв его название, далее указав регион и параметры:

  • Страницы — показывать блок на перечисленных страницах, или наоборот исключать их;
  • Тип документов — выбираем какие типы документов показывать в блоке;
  • Роли — можно выбрать каким пользователям (типам или ролям) показывать данный блок — посетителю, пользователю или администратору;
  • Пользователи — настройка видимости блока для типов пользователей системы;

Давайте для примера создадим свой блок, в котором будет помещена произвольная информация — может быть счетчик, баннер, реклама и прочее.

Добавление блока в шаблон Drupal

Для этого нажмите ссылку Добавить блок, далее для блока нужно указать название и описание. Если с названием все понятно, то для описания лучше всего подобрать более ясное предложение, раскрывающее суть использования блока. Далее заполняем содержание блока, выбрав внизу из выпадающего списка тип текста. Затем выбираем регион, в который будет помещен созданный блок.

Настройка параметров блока

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

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

Комментариев: 2

  1. Константин

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

    Вообще Drupal как я погляжу тоже тяжёлый оказывается, для поста 21 запрос к БД, тьма. Мне на WordPress удалось свести к 8ми, но оптимизация это дело не простое.

    Главная же проблема в том, что хороших бесплатных шаблонов мало, а те что есть добивают до полной немприглядности. Это вообще для любого CMS.

    1. writer

      Drupal пусть и тяжелый, WordPress то не особо легче, хотя плагины кеширования вроде бы справляются (в будущем опробую скрипт, который все так хвалят, посмотрим как все на деле). Для Drupal есть один специализированный хостинг it-patrol.ru — для одного будущего проекта, который надеюсь смогу осилить.
      Ну а насчет кода, это все по позже, хотя код у шаблонов не такой сложный, даже интересный.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>