模块推荐 - Layout Paragraphs

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结合)。

你可能感兴趣的:(模块推荐 - Layout Paragraphs)