美文网首页Drupal
模块推荐 - Layout Paragraphs

模块推荐 - Layout Paragraphs

作者: 又起风了_ | 来源:发表于2022-10-26 11:57 被阅读0次

    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

        本文链接:https://www.haomeiwen.com/subject/paeazrtx.html