Проблемы с Flexible лэйаутом панелей.

Как большинство людей используют модуль Panels? Берут Flexible лэйаут и строят из него сложную структуру при помощи Rows-строк и Regions-областей.

 

В чем недостаток этого метода? Основные проблемы:

  • Если надо поменять местами две строки, то придется вычищать всю панель и наполнять ее заново. Невероятно неудобно.
  • Flexible лэйаут настраивает ширину панелей "вручную", бегунком, что, разумеется, не подходит для сайтов делаемых по нормальным макетам. (Ширина 24.47723%).
  • Flexible не позволяет установить ширину строки-row равной 100%. Только 99%. Последствия и комментарии излишни.
  • Невозможно изменить верстку или добавить врапперы вокруг строк-rows.

 

Как работать с панелями правильно.

 

Для правильной работы с панелями надо использовать Мини-панели (и тоже правильно. :)) Мини-панели - это способы создать маленькие "блоки из блоков", которые потом можно будет вставлять в большую Панель. На примере сайта Хэпписвадьба, главная страница: основная панель у нас Одна Колонка. В эту колонку вставляются Мини-панели: "Свадебный каталог" - 3 колонки, Новости, Статьи и Конкурс - 3 колонки, Топ лучших Фирм - 2 колонки (в первую можно вставить еще и мини-панель "две кнопки" на две колонки) , Видео + Журнал - 2 колонки, Подписка + реклама - 2 колонки, и так далее. Ни в коем случае не использовать flexible мини-панели.

При использовании мини-панелей можно, например, использовать лэйауты контента Омеги - Mondrian особенно интересен.

 

Основные преимущества: 

  • Возможность использовать блоки мини-панелей на других страницах
  • Возможность легко менять строки и вообще любой контент местами при помощи мышки, без гиганстких правок больших панелей.
  • При помощи модуля Panels Extra Styles изменять и улучшать верстку в любых пределах, убирать лишний мусор, добавлять нужные элементы, привести верстку в согласие со стандартом html5, например, что невозможно с панелями любым другим способом.
  • Избавиться от наследных, неубираемых проблем с Flexible лэйаутом.

 

Пытливый ум может спросить - а зачем тогда вообще Flexible layout, если им не пользоваться? Я думаю, Flexible создавался когда еще не было мини-панелей, и мини-панели собственно и дублировали его функционал, только лучше и качественнее. Я не нашел ни одного сценария, когда Flexible лучше, чем комбинация стандартная панель + стандартные мини-панели, за исключением ситуации "мне просто лень между страницами переключиться лишний раз, я лучше все в одну запихаю." :)

 

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

 

Идем на страницу Панелей - http://happysvadba.ru.ct101.ruswebs.ru/ru/admin/structure/panels

Ссылка Создать... Страницу-панель.

Базовые настройки минимальны - название, машинное название, путь и сделать страницу главной страницей сайта.

Выбор Макета: Одна колонка.

Настройка Панели: Отключить блоки/регионы Drupal; 

Содержимое: помещаем туда первый блок, сохраняем.

 

Теперь переходим к минипанелям и создаем соответствующие блоки-минипанели. http://happysvadba.ru.ct101.ruswebs.ru/ru/admin/structure/mini-panels

Добавить; описание создаваемого блока, в нашем случае блока Свадебного каталога с кнопками слева и баннером справа. 

Контекст: очень полезная штука глобально, но в нашем случае не нужна. Жмем дальше.

Макет: 3 колонки. В центре разумеется каталог, слева блоки, справа баннер. Все логично. Дальше.

Добавляем содержимое. Сохраняем. Получаем готовый блок-мини-панель "Свадебный каталог на главной"

 

Идем на страницу панелей, и там в разделе Manage pages находим нашу ранее сделанную Главную страницу. Редактируем. Переключаемся на вкладку Содержимое. Добавляем нашу мини-панель "Свадебный каталог на главной" как следующий блок в нашей одноколоночной панели.

 

Повторяем со всеми остальными блоками.

 

 

Panels