Дополнительные типы блоков (EBT) — новый опыт конструктора страниц❗

Дополнительные типы блоков (EBT) — стилизованные, настраиваемые типы блоков: слайдшоу, вкладки, карточки, аккордеоны и многие другие. Встроенные настройки для фона, DOM Box, плагины Javascript.

Демо EBT модули Скачать EBT модули

❗Дополнительные типы параграфов (EPT) — новый опыт работы с параграфами

Дополнительные типы параграфов (EPT) — набор модулей, основанный на аналогичных параграфах.

Демо EPT модули Скачать EPT модули

Scroll

4.7 - Layout Builder - конструктор страниц и вывода контента

17/11/2019, by Ivan

На данный момент Layout Builder является одним из экспериментальных модулей ядра Drupal, который предоставляет возможность оформления макетов для управления отображением любых сущностей. Данный модуль планируется стабилизировать в Drupal 8.7.

Ниже показан конечный результат, который будет виден для простого пользователя сайта.

Layout builder

Чтобы это сделать, для начала нужно включить модуль Layout Builder:

Layout builder

Кроме модуля Layout Builder будет также установлен модуль Layout Discovery.

Теперь давайте добавим возможность использовать макеты по умолчанию для определенного типа контента. В данном случае тип – объявления.

admin/structure/types/manage/ads/display

Layout builder

При включенном модуле Layout Builder список полей, которые обычно отображаются в параметрах управления отображения, заменяется на кнопку «Manage Layout». Нажмите на кнопку «Manage Layout», чтобы открыть пользовательский интерфейс изменения макета.

manage display

При первом открытии макет будет отображаться по умолчанию.

Для того, чтобы добавить макет необходимо нажать кнопку «Add Section» и выбрать необходимый макет. Кнопка «Add Section» находится как сверху, так и внизу, что дает возможность легко добавить макеты в нужном порядке, если это необходимо.

Выбираем макет из списка справа.

Некоторые макеты имеют дополнительные параметры, которые необходимо выбрать перед их добавлением (например, Two Column).

edit layout

При нажатии кнопки «Add Block» можно выбрать что будет отображаться из списка справа.

Кнопка «+Create Custom Block» создает кастомный блок, который доступен только для макета и не отображается в пользовательском интерфейсе блока, что позволяет не захламлять свою библиотеку кастомных блоков.

Layout builder

В данном случае мы настроили макет для типа контента объявления, где справа находится body, а слева определенные поля из Content fields.

result

Пользовательский интерфейс для редактирования макета страницы для определенной сущности доступен во вкладке «Layout». Вкладка «Layout» доступна только в том случае, если для этого типа контента включена опция "Allow each content item to have its layout customized" (включить во вкладке Manage display).

result

Если мы захотим изменить макет именного этого объявления, теперь это можно сделать во вкладке «Layout».

Layout builder