logo

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

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

演示 EBT 模块 下载 EBT 模块

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

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

演示 EPT 模块 滚动

滚动

3.4. Paragraphs - 着陆页构建器

18/10/2025, by Ivan

在网站上,我们经常需要创建一个与网站整体模板风格不同的着陆页(Landing Page)。通常,这类页面用于促销活动、事件公告或演示展示。

为此,Drupal 提供了一个非常方便的构建工具 —— Paragraphs 模块

https://www.drupal.org/project/paragraphs

Paragraphs 允许你通过节点中的多值字段展示不同类型的段落(paragraphs):图片库、图文组合、幻灯片、视频等多种内容形式。

为了使用这些功能,我们需要启用 Paragraphs 模块Paragraphs demo 模块。Paragraphs demo 中已经包含了一些预制的段落类型。同时,我们还需要安装 Entity Reference Revisions 模块:

https://www.drupal.org/project/entity_reference_revisions

然后我们创建一个新的内容类型「Landing Page」(着陆页)(或使用现有的 Page、Article 内容类型),并为其添加一个 paragraphs 字段:

drupal 8 paragraphs

为该新字段选择「无限数量(Unlimited)」的值。

drupal 8 paragraphs

manage fields

我们可以添加更多类型的段落,例如图片库、视频、视差滚动(parallax)图片等。在 Drupal 7 中,有许多用于扩展不同段落类型的附加模块:

Paragraphs Pack

Classy Paragraphs

Edgy

Entity Background

Paragraphs Defaults

Apachesolr Paragraphs

Paragraphs ID

Entity Behaviors

也许在未来,这些模块都会为 Drupal 8 版本推出。

现在,当我们创建「Landing Page」类型的节点时,可以添加各种不同类型的段落:

drupal 8 paragraphs

drupal 8 paragraphs

大致效果如下:

Drupal 8 paragraphs

Paragraphs 模块为编辑着陆页提供了非常方便的界面,但页面内容的展示样式仍然需要你自行设计和美化。

我们来尝试添加一种新的段落类型 —— 幻灯片(Slideshow)。为此,需要一个能将 Drupal 字段以图片画廊形式显示的模块,例如 Gallery Formatter

https://www.drupal.org/project/galleryformatter

安装该模块后,创建一个新的段落类型:

/admin/structure/paragraphs_type/add

drupal 8 paragraphs

在该段落类型中,添加一个「Photos」字段:

drupal 8 paragraphs

为了能够上传任意数量的图片,在字段设置中将值数量设置为「无限(Unlimited)」:

drupal 8 paragraphs

在「显示管理(Manage display)」选项卡中,为图像字段设置 jQuery Gallery 格式:

drupal 8 gallery formatter

现在,当我们编辑「Landing Page」节点时,可以将图片库作为一个独立段落添加:

drupal 8 paragraphs

在页面上,模块默认未加样式时显示如下:

Drupal 8 gallery formatter

我相信,随着时间的推移,模块作者会完善其样式,使其看起来与 Drupal 7 版本一样美观。

Paragraphs 模块非常适合用于构建着陆页、新闻页、博客等类型的页面,但同时,你仍需要对页面进行布局与样式设计,使其视觉效果更佳。