logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

滚动

3.7. Layout Builder —— 页面与内容构建器

17/10/2025, by Ivan

Layout Builder 模块提供了一种可视化的页面布局构建方式,使我们能够为任何实体(如内容类型、用户、分类项等)自定义显示布局。下面展示了最终效果,也就是网站用户实际看到的页面:

Layout builder

启用 Layout Builder 模块

首先,我们需要启用 Layout Builder 模块:

Layout builder

启用该模块时,Layout Discovery 模块也会被自动启用。

为内容类型启用布局管理

现在,我们可以为某个特定的内容类型启用默认布局功能。例如,我们要为 “公告(announcement)” 内容类型启用布局管理:

admin/structure/types/manage/announcement/display

Layout builder

Layout Builder 启用后,原本 “管理显示(Manage display)” 页面中用于排列字段的列表会被一个新的按钮替代 —— “Manage Layout(管理布局)”。点击该按钮,即可进入布局编辑界面。

manage display

添加布局(Add Section)

首次打开时,系统会显示默认布局。若要新增布局,点击 “Add Section(添加分区)” 按钮,然后从右侧列表中选择所需布局类型。该按钮在页面的上方和下方都可见,方便根据需要添加布局。

某些布局(例如“两列布局 Two Column”)还提供额外参数可供选择。

edit layout

添加区块(Add Block)

点击 “Add Block” 按钮后,会在右侧显示可供添加的区块列表。

点击 “+ Create Custom Block” 可创建一个仅用于该布局的自定义区块,该区块不会出现在全局的区块管理界面中,从而避免自定义区块库被杂乱数据填充。

Layout builder

示例:为公告内容类型创建布局

在此示例中,我们为 “公告(announcement)” 内容类型设置了一个布局 —— 内容正文(body)位于右侧,而部分内容字段(Content fields)位于左侧。

result

针对单个实体的布局编辑

若要为特定内容(例如某一篇公告)单独调整布局,可以在该内容的编辑界面中使用 “Layout” 标签页。

该标签页仅在为该内容类型启用了 “Allow each content item to have its layout customized(允许每个内容项自定义布局)” 选项时才会出现。可在 “Manage display” 标签页中启用该选项。

result

例如,我们现在就可以在 “Layout” 标签页中修改单个公告页面的布局:

Layout builder