Демо: 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

Background Video

EPT modules support only YouTube background videos for now.

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

В лаунже Stack Overflow.

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

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

Параграфы во всю ширину (Edge to Edge)

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

Каков смысл жизни?

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

Пропущена точка с запятой.

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

Привет, Мир!

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

В Университете Stackoverflow.

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

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

Container Max Width помогает настроить ширину содержимого внутри блока с опцией Edge to Edge. Так как блок растягивается на всю ширину, необходимо задать ширину для текста — иногда она разная для разных блоков. Вы можете изменить значения классов Container Max Width, по умолчанию EBT предлагает следующие варианты ширины контейнеров:

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

Предустановленные стили

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