logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

演示: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

背景视频

目前 EPT 模块仅支持 YouTube 背景视频。

程序员们在哪里聚集?

在 Stack Overflow 休息室。

你能给我一个用于编程的音符吗?

C#

在“背景图像样式”字段中,你可以选择背景图像的显示方式。如果你的图像太小,可以尝试选择“覆盖”或“视差”,这样背景图像就会填充整个段落:

图像
Parallax background image

Edge to Edge 段落

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

图像
Edge to edge paragraph

生命的意义是什么?

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 模块中。

图像
Styles

结果:

作为一名程序员,你觉得自己 10 年后会在哪里?

坐在电脑前,可能还在编程。

你能用四个词来描述程序员的生活吗?

吃。睡。写代码。重复。

程序员如何享受生活?

当他们看到自己的代码无错误运行时。

编程中最大的谎言是什么?

HTML 是一门编程语言。

可定制的 JavaScript 插件

一些 EPT 模块,例如 EPT 幻灯片,使用 JavaScript 插件:
https://www.drupal.org/project/ept_slideshow

你可以自定义这个 JavaScript 插件以满足你的需求:

图像

 

单页幻灯片模式:

Jane Doe

简·多伊

Girl 3

简·多伊

John Doe

约翰·多伊

多页幻灯片 — 轮播模式:

图像
EPT Slideshow settings
图像
Carousel settings
Jane Doe

简·多伊

Girl 3

简·多伊

John Doe

约翰·多伊

感谢你使用 EPT 模块!我很乐意听取关于 EPT 模块的任何想法:

在 Drupal.org 上创建一个问题

提出问题

在 LinkedIn 上发送消息