Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

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