Panels. Введение

В предыдущем уроке я рассказал как с помощью Page Manager настроить сложные правила доступа к контенту. Сегодня, как вы уже поняли, речь пойдет о базовых возможностях модуля Panels.

Некоторые возможности модуля Panels:

  • Панели поддерживают стили, которые могут управлять как отдельными панелями с содержимым так и регионами в целом. В составе модуля имеется 4 стиля, но при необходимости можно добавлять свои стили в виде плагинов;
  • Панели хороши для визуального проектирования содержимого страниц, для этого в составе модуля имеются различные макеты страниц. Так же как и в случае со стилями, макеты страниц могут быть легко добавлены в виде плагинов;
  • C помощью панелей можно управлять отображением панелей с содержим по различным условиям и при этом не придется писать ни строчки кода!

Шаг 1. Включаем страницу и создаем новый вариант страницы. Заполняем все поля формы (выбираем тип варианта "Панель") и жмем "Создать вариант":

Шаг 1. Создать вариант
Шаг 1. Создать вариант

Шаг 2. Откроется форма Правила выбора, в которой необходимо добавить условия, при выполнении которых будет выбран вариант. Добавляем условие "Материал: тип", выбираем нужный тип материала и жмем "Далее":

Шаг 2. Сохранение правил выбора
Шаг 2. Сохранение правил выбора

Шаг 3. Перед вами откроется форма Выбор макета страницы:

Шаг 3. Форма выбора макета страницы
Шаг 3. Форма выбора макета страницы

Шаг 4. Выбираем категорию "2 колонки", макет страницы "Две колонки" и жмем "Далее":

Шаг 4. Сохранение макета страницы
Шаг 4. Сохранение макета страницы

Шаг 5. Перед вами откроется форма Настройки панели, здесь:

  • Административный заголовок - название варианта;
  • Отключить блоки/регионы Drupal - если нажать эту галку, то на странице будут отключены регионы, выводимые темой оформления;
  • Удалить CSS классы body - введенные сюда css классы будут удалены у тэга body;
  • Добавить CSS классы body - введенные сюда сss классы будут добавлены к тэгу body;
  • Средство визуализации - тип визуализации панели. По умолчанию доступен только "Стандартный". Если включить модуль Panels In-Place Editor (входит в состав Panels) добавится тип "In-Place Editor";
  • CSS ID - введенный сюда сss id будет добавлен к тэгу body;
  • CSS-код - css стили для страницы.

Ставим галку "Отключить блоки/регионы Drupal" и жмем "Далее":

Шаг 5. Настройки панели
Шаг 5. Настройки панели

Шаг 6. Перед вами откроется форма Содержимое панели, здесь:

  • Тип заголовка - тип заголовка страницы;
  • Подставочные шаблоны - доступные токены (могут использоваться для формирования заголовка страницы или же для заголовков фрагментов панели и их содержимого).

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

Шаг 6. Содержимое панели
Шаг 6. Содержимое панели

Шаг 7. В верхнем левом углу региона есть шестеренка, нажимаем ее:

Шаг 8. Откроется маленький попап, в котором необходимо нажать "Добавить содержимое":

Шаг 8. Добавить содержимое
Шаг 8. Добавить содержимое

Шаг 9. Откроется попап. В левой части попапа расположены категории содержимого, после выбора категории в правой части попапа появится доступное содержимое. Нажимаем на категорию "Материал" и выбираем содержимое "Rendered Материал":

Шаг 9. Добавление содержимого
Шаг 9. Добавление содержимого

Шаг 10. Откроется форма с настройками содержимого. Здесь Переопределить заголовок - это заголовок добавляемого содержимого (аналог заголовка обычного блока). Остальные настройки могут меняться в зависимости от типа содержимого панели. Ставим галку "Переопределить заголовок", оставляем поле пустым (в этом случае заголовка не будет), "Режим просмотра" - "Содержимое полностью" и жмем "Готово":

Шаг 10. Сохранение содержимого "Rendered материал"
Шаг 10. Сохранение содержимого "Rendered материал"

Шаг 11. И так, в левую колонку мы добавили наш материал, а в правую колонку сейчас мы добавим Новые комментарии, проделаем почти тоже самое, что и в прошлых 4 шагах, только теперь выберем категорию "Деятельность" и содержимое "Новые комментарии". В открывшейся форме нажимаем галку "Переопределить заголовок", вводим заголовок "Последние комментарии" и жмем "Готово":

Шаг 11. Сохранение содержимого "Последние комментарии"
Шаг 11. Сохранение содержимого "Последние комментарии"

Шаг 12. Жмем "Создать вариант":

Шаг 12. Создать вариант
Шаг 12. Создать вариант

Шаг 13. Жмем "Обновить и сохранить":

Шаг 13. Обновить и сохранить страницу
Шаг 13. Обновить и сохранить страницу

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

Изменение положения содержимого
Изменение положения содержимого

P.S. С помощью Panels можно настраивать макеты страниц, например для разных типов материалов выводить разное содержимое.

Benya