Layout Paragraphs(LP)模块类似于内核模块Layout Builder (LB),但LP更倾向于内容生产者,而LB则多用于网站开发者,进行页面布局。LP依赖于Paragraphs(P)模块,使用P创建不同的组件,以便灵活的在LP中使用。用过SharePoint系统的用户会比较熟悉这种模式。
1.安装LP
#安装P
composer require drupal/paragraphs
#安装LP
composer require drupal/layout_paragraphs
#启用P / LP
drush en paragraphs layout_paragraphs
drush cr
2. 使用P创建所需的组件
2.1 创建section,如下图
为Behaviorsr打开LP,并选择所需要的布局
screencapture-d9-gz-admin-structure-paragraphs-type-section-2022-10-26-11_22_07.png
保存即可,不需要添加新的字段
2.2 创建text,如下图
除了Section外的其他组件,都不再需要配置Behaviors了
screencapture-d9-gz-admin-structure-paragraphs-type-text-2022-10-26-11_26_56.png
保存后,再添加一个text字段即可
2.3 创建image
类似2.2,只需添加image字段,以供上传图片。用P可以组合成各种小组件,可按需创建,本文暂时只加text和image。
3. 配置内容类型
3.1 内容类型添加P字段
本文在Page内容类型中添加了Content字段,类型选择Paragraph,并使用上文创建的三个组件(Section、Image和Text)
image.png
3.2 配置显示方式
将Content字段的Widget设置为 Layout Paragraphs 或者 Layout Paragraphs Builder (Experimental)
image.png
4.创建Page
在创建内容的时,我们就可以看到同传统的页面创建已经有所不同了,现在我们可以很方便的进行布局,而且是所见所得的,以下是效果图。
image.png
点击 Add Section 会出现以下布局选择框
image.png比如,本文选择2栏布局
image.png
再点击+号,可以选择相应的组件,进行内容添加
image.png image.png
image.png
个人感觉这种内容上传的方式,对于用户来说还是很友好的,开发者只需要把每个组件的样式调整好就行了。后期还可以根据项目需求开发出比较复杂的组件(比如和Block和Views结合)。
网友评论