3.4. Paragraphs - 着陆页构建器
在网站上,我们经常需要创建一个与网站整体模板风格不同的着陆页(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 字段:
为该新字段选择「无限数量(Unlimited)」的值。
我们可以添加更多类型的段落,例如图片库、视频、视差滚动(parallax)图片等。在 Drupal 7 中,有许多用于扩展不同段落类型的附加模块:
也许在未来,这些模块都会为 Drupal 8 版本推出。
现在,当我们创建「Landing Page」类型的节点时,可以添加各种不同类型的段落:
大致效果如下:
Paragraphs 模块为编辑着陆页提供了非常方便的界面,但页面内容的展示样式仍然需要你自行设计和美化。
我们来尝试添加一种新的段落类型 —— 幻灯片(Slideshow)。为此,需要一个能将 Drupal 字段以图片画廊形式显示的模块,例如 Gallery Formatter:
https://www.drupal.org/project/galleryformatter
安装该模块后,创建一个新的段落类型:
/admin/structure/paragraphs_type/add
在该段落类型中,添加一个「Photos」字段:
为了能够上传任意数量的图片,在字段设置中将值数量设置为「无限(Unlimited)」:
在「显示管理(Manage display)」选项卡中,为图像字段设置 jQuery Gallery 格式:
现在,当我们编辑「Landing Page」节点时,可以将图片库作为一个独立段落添加:
在页面上,模块默认未加样式时显示如下:
我相信,随着时间的推移,模块作者会完善其样式,使其看起来与 Drupal 7 版本一样美观。
Paragraphs 模块非常适合用于构建着陆页、新闻页、博客等类型的页面,但同时,你仍需要对页面进行布局与样式设计,使其视觉效果更佳。