简介
本节课我们将探索WordPress区块布局。通过学习嵌套和组合区块，创建高级布局与区块结构。需注意的是，我们使用容器区块（如群组区块、列区块、封面区块、媒体与文本区块、行/堆叠/网格区块）来嵌套其他区块。容器区块作为其他区块的包裹层，可对相关内容进行分组并统一应用样式或设置。
示例1
第一个示例中，我们将重组页眉、分隔线和列区块。首先添加群组区块并选择容器，在侧边栏设置中取消勾选”内部区块使用内容宽度”，通过区块工具栏调整为宽幅宽度。在群组区块内添加标题文字（按Shift+Enter换行），下方插入分隔线区块并设置为宽线样式，最后添加等宽双列区块填充左右侧文本。
样式调整步骤：选中标题后，在排版选项中设置外观为细体、自定义字号5REM、字母转为大写；保持左侧列文本原样，将右侧列文本改为小字号形成对比；最后为群组区块添加内边距完成设计。
示例2
本例基于模式库中的设计：首先添加封面区块并选择叠加色，取消”内部区块使用内容宽度”后设置为全宽。接着添加行区块，其内部第一个群组区块包含文本和”探索”按钮（按钮样式设为黑底白字、中号尺寸、大写字母），调整群组内区块间距为24像素后固定宽度为320像素。
行区块内第二个群组区块放置右对齐的专辑名称（通过Shift+Enter换行），设置文字样式为148像素字号、粗体、0.8行高、-4像素字距、大写字母；右侧群组区块宽度设为”填充”，行区块垂直对齐顶部；最后为封面区块添加5单位内边距，并启用行区块的”允许多行换行”确保移动端适配。
示例3
使用三列等宽布局：将主列区块设为宽幅后，首列添加封面区块（图片叠加40%透明度黑色），内部堆叠区块包含居中标题（2REM粗体大写）、分隔线和轮廓样式按钮，调整堆叠内区块间距为3，封面内容定位顶部居中并添加内边距。完成首列样式后复制两份替换内容即可。
实践
使用WordPress Playground重现示例2的布局设计。