3.7. Layout Builder —— 页面与内容构建器
Layout Builder 模块提供了一种可视化的页面布局构建方式,使我们能够为任何实体(如内容类型、用户、分类项等)自定义显示布局。下面展示了最终效果,也就是网站用户实际看到的页面:
启用 Layout Builder 模块
首先,我们需要启用 Layout Builder 模块:
启用该模块时,Layout Discovery 模块也会被自动启用。
为内容类型启用布局管理
现在,我们可以为某个特定的内容类型启用默认布局功能。例如,我们要为 “公告(announcement)” 内容类型启用布局管理:
admin/structure/types/manage/announcement/display
当 Layout Builder 启用后,原本 “管理显示(Manage display)” 页面中用于排列字段的列表会被一个新的按钮替代 —— “Manage Layout(管理布局)”。点击该按钮,即可进入布局编辑界面。
添加布局(Add Section)
首次打开时,系统会显示默认布局。若要新增布局,点击 “Add Section(添加分区)” 按钮,然后从右侧列表中选择所需布局类型。该按钮在页面的上方和下方都可见,方便根据需要添加布局。
某些布局(例如“两列布局 Two Column”)还提供额外参数可供选择。
添加区块(Add Block)
点击 “Add Block” 按钮后,会在右侧显示可供添加的区块列表。
点击 “+ Create Custom Block” 可创建一个仅用于该布局的自定义区块,该区块不会出现在全局的区块管理界面中,从而避免自定义区块库被杂乱数据填充。
示例:为公告内容类型创建布局
在此示例中,我们为 “公告(announcement)” 内容类型设置了一个布局 —— 内容正文(body)位于右侧,而部分内容字段(Content fields)位于左侧。
针对单个实体的布局编辑
若要为特定内容(例如某一篇公告)单独调整布局,可以在该内容的编辑界面中使用 “Layout” 标签页。
该标签页仅在为该内容类型启用了 “Allow each content item to have its layout customized(允许每个内容项自定义布局)” 选项时才会出现。可在 “Manage display” 标签页中启用该选项。
例如,我们现在就可以在 “Layout” 标签页中修改单个公告页面的布局: