Демо: EPT Параграфы

20/04/2025, by Ivan

С помощью модулей EBT вы можете легко создавать лендинги без каких-либо знаний HTML/CSS.

Простота использования с Paragraphs

Модули EBT создают типы параграфов, которые можно использовать в полях Paragraph:

Create EPT Paragraphs

Таким образом, вы можете добавить новый параграф на страницу всего в несколько кликов.

Вот дополнительная информация о модуле Paragraphs:

https://www.drupal.org/docs/contributed-modules/paragraphs

Содержимое и настройки параграфа

На форме редактирования параграфа вы найдете две вкладки: Content (Содержимое) и Settings (Настройки). Вкладка Content содержит поля: заголовки, тексты, изображения и т.д. Вкладка Settings включает общие настройки EPT — "Design Options", например DOM Box, а также специфические настройки модуля: параметры javascript-плагинов, предустановленные стили:

EPT Design Options

DOM Box: отступы, границы, внутренние поля

Каждый блок EBT имеет настройки DOM Box для задания отступов сверху и снизу блока, а также внутренних отступов:

Drupal EPT DOM Box

Вы можете задать границу только для одной стороны, двух сторон или всех сторон. Не забудьте указать размер границы в DOM Box — без этого она не появится.

Цвет фона, изображение или видео

Все типы параграфов EPT имеют настройки фона. Поддерживаются цвет фона, изображения и внешние видео на основе модуля Media.

Экспериментируйте с DOM Box, чтобы улучшить внешний вид блоков — попробуйте добавить дополнительные отступы, внутренние поля или границы. Вот пример модуля EPT Accordion/FAQ:
https://www.drupal.org/project/ebt_accordion

Фоновое видео

В настоящее время модули EPT поддерживают только фоновые видео с YouTube.

Где собираются программисты?

В лаунже Stack Overflow.

Можешь дать мне музыкальную ноту для программирования?

В поле "Стиль фонового изображения" вы можете выбрать, как будет вести себя фоновое изображение. Если ваше изображение слишком маленькое, попробуйте выбрать "Cover" или "Parallax", чтобы фоновое изображение заполнило весь абзац:

Параграфы "от края до края"

Очень часто на лендингах необходимо использовать фоновое изображение на всю ширину экрана, при этом центрируя контент. В настройках EBT есть флажок с названием "От края до края", который заставляет внешний контейнер абзаца растягиваться на всю ширину:

В чём смысл жизни?

Какая задача программирования является самой популярной?

Отсутствует точка с запятой.

Какие два слова каждый программист учится кодировать первым?

Привет, мир!

Где программисты учились программировать?

В университете Stack Overflow.

Каково золотое правило в программировании?

Если работает — не трогай.

Максимальная ширина контейнера помогает настроить ширину содержимого внутри блока, использующего опцию «От края до края». Поскольку блок растягивается на всю ширину, необходимо задать ширину текста — иногда она различается для разных блоков. Вы можете изменить значения классов максимальной ширины контейнера; по умолчанию EBT предлагает следующие варианты ширины контейнера:

Auto (100%) — Полная ширина для текстового контейнера
xxSmall — 280px
xSmall — 480px
Small — 780px
Default — 960px
Large — 1120px
xLarge — 1320
xxLarge — 1600

Предопределённые стили

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