演示：EPT 段落

24/09/2025, by Ivan

使用 EPT 模块，你可以轻松设置落地页，而无需任何 HTML/CSS 知识。

配合 Paragraphs 使用非常简单

EPT 模块会创建段落类型，你可以在 Paragraph 字段中使用：

创建 EPT 段落

因此，你可以在页面上几次点击就添加新段落。

这里有更多关于 Paragraph 模块的信息：

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

段落内容和设置

在段落编辑表单中，你会找到两个标签：内容和设置。内容标签包含字段：标题、文本、图像等。设置标签包含 EPT 通用设置“设计选项”，例如 DOM Box，以及模块特定设置：JavaScript 插件设置、预定义样式：

EPT 设计选项

DOM Box：外边距、边框、内边距

每个 EPT 段落都有 DOM Box 设置，用于设置段落上方和下方的间距，以及段落内部的内边距：

Drupal EPT DOM Box

你可以只为一边、两边或所有边设置边框。不要忘记在 DOM Box 中输入边框大小，否则边框不会显示。

背景颜色、图像或视频

所有 EPT 段落类型都有背景设置。它支持基于 Media 模块的背景颜色、图像和远程视频。

尝试调整 DOM Box 以让段落看起来更好，尝试添加额外的内边距、外边距或边框。以下是 EPT Accordion/FAQ 模块的示例：
https://www.drupal.org/project/ept_accordion

Background Video

EPT modules support only YouTube background videos for now.

Where do programmers gather?

In the Stack Overflow lounge.

Can you give me a musical note for programming?

In the Background Image Style field, you can choose how the background image behaves. If your image is too small, try selecting "Cover" or "Parallax" so the background image fills the entire paragraph:

Edge to Edge paragraphs

Very often on landing pages, it's necessary to use a full-width background while centering the content. In the EPT settings, there is a checkbox called "Edge to Edge" that makes the outer container of the paragraph span the full width:

What is the meaning of life?

What is the most popular programming task?

A semicolon is missing.

What are the two words every programmer learns to code first?

Hello, World!

Where did programmers learn to code?

At Stack Overflow University.

What is the golden rule in programming?

If it works — don't touch it.

Container Max Width helps configure the width of the content within a paragraph that uses the Edge to Edge option. Since the paragraph stretches to full width, it's necessary to define the width for the text — sometimes this varies between paragraphs. You can modify the values of the Container Max Width classes; by default, EPT offers the following container width options:

Auto (100%) — Full width for the text container
xxSmall — 280px
xSmall — 480px
Small — 780px
Default — 960px
Large — 1120px
xLarge — 1320
xxLarge — 1600

Predefined styles

EPT modules usually include a set of predefined styles. This helps save time when styling a new component on your landing page. You can also create your own style and add it to the EPT module.