演示:EPT 段落
使用 EPT 模块,你可以轻松设置落地页,而无需任何 HTML/CSS 知识。
配合 Paragraphs 使用非常简单
EPT 模块会创建段落类型,你可以在 Paragraph 字段中使用:
因此,你可以在页面上几次点击就添加新段落。
这里有更多关于 Paragraph 模块的信息:
https://www.drupal.org/docs/contributed-modules/paragraphs
段落内容和设置
在段落编辑表单中,你会找到两个标签:内容和设置。内容标签包含字段:标题、文本、图像等。设置标签包含 EPT 通用设置“设计选项”,例如 DOM Box,以及模块特定设置:JavaScript 插件设置、预定义样式:
DOM Box:外边距、边框、内边距
每个 EPT 段落都有 DOM Box 设置,用于设置段落上方和下方的间距,以及段落内部的内边距:
你可以只为一边、两边或所有边设置边框。不要忘记在 DOM Box 中输入边框大小,否则边框不会显示。
背景颜色、图像或视频
所有 EPT 段落类型都有背景设置。它支持基于 Media 模块的背景颜色、图像和远程视频。
尝试调整 DOM Box 以让段落看起来更好,尝试添加额外的内边距、外边距或边框。以下是 EPT Accordion/FAQ 模块的示例:
https://www.drupal.org/project/ept_accordion
背景视频
目前 EPT 模块仅支持 YouTube 背景视频。
程序员们在哪里聚集?
程序员们在哪里聚集?
在 Stack Overflow 休息室。
你能给我一个用于编程的音符吗?
你能给我一个用于编程的音符吗?
C#
在“背景图像样式”字段中,你可以选择背景图像的显示方式。如果你的图像太小,可以尝试选择“覆盖”或“视差”,这样背景图像就会填充整个段落:

Edge to Edge 段落
在落地页中,经常需要使用全宽背景并将内容居中。在 EPT 设置中,有一个名为“Edge to Edge”的复选框,可以让段落的外部容器跨越整个宽度:

生命的意义是什么?
生命的意义是什么?
42
最流行的编程任务是什么?
最流行的编程任务是什么?
缺少分号。
每个程序员最先学会编写的两个词是什么?
每个程序员最先学会编写的两个词是什么?
你好,世界!
程序员是在哪里学习编程的?
程序员是在哪里学习编程的?
在 Stack Overflow 大学。
编程中的黄金法则是什么?
编程中的黄金法则是什么?
如果它能运行——就不要碰它。
容器最大宽度 有助于配置使用 Edge to Edge 选项的段落中内容的宽度。由于段落会拉伸到全宽,因此需要为文本定义宽度 —— 有时不同段落之间会有所不同。你可以修改容器最大宽度类的值;默认情况下,EPT 提供以下容器宽度选项:
- Auto (100%) — 文本容器全宽
- xxSmall — 280px
- xSmall — 480px
- Small — 780px
- Default — 960px
- Large — 1120px
- xLarge — 1320
- xxLarge — 1600
预定义样式
EPT 模块通常包含一组预定义样式。这有助于在为落地页上的新组件设置样式时节省时间。你也可以创建自己的样式并将其添加到 EPT 模块中。

结果:
作为一名程序员,你觉得自己 10 年后会在哪里?
作为一名程序员,你觉得自己 10 年后会在哪里?
坐在电脑前,可能还在编程。
你能用四个词来描述程序员的生活吗?
你能用四个词来描述程序员的生活吗?
吃。睡。写代码。重复。
程序员如何享受生活?
程序员如何享受生活?
当他们看到自己的代码无错误运行时。
编程中最大的谎言是什么?
编程中最大的谎言是什么?
HTML 是一门编程语言。
可定制的 JavaScript 插件
一些 EPT 模块,例如 EPT 幻灯片,使用 JavaScript 插件:
https://www.drupal.org/project/ept_slideshow
你可以自定义这个 JavaScript 插件以满足你的需求:
多页幻灯片 — 轮播模式:

