WordPress 古腾堡编辑器中排版设计类区块介绍

在 WordPress 古腾堡编辑器的“区块插入器”中的“设计”分类下，系统提供了包括按钮、栏目、群组、分隔符等在内的 10 种不同的区块，用于丰富页面排版风格。本文将由 Kevin 详细介绍这些区块，并通过实际案例展示它们之间的差异。

1. 设计类区块简介

在 WordPress 最新版中，各种区块为页面设计提供了灵活的选择：

“更多”标签通常与摘要相关，是一个较早期的功能。在 WordPress 中，使用“更多”标签时，它会将文章或页面内容分为两部分：前一部分作为摘要显示在博客列表或归档页面，后一部分则被隐藏，用户需要点击“查看更多”链接才能查看完整内容。这种方式有助于提高页面可读性，使访客更容易浏览多个文章或内容。

然而，现在大多数主题采用按字数截断的方式来显示摘要，因此“更多”标签的使用变得较少。总的来说，是否使用该标签取决于主题如何处理它。

相比之下，分页符的功能更为直观。不过，考虑到当前的用户浏览习惯和 SEO 优化，我们在撰写文章时通常不会进行分页。如果文章内容过长，通常会将其拆分成多篇文章发布，就像本 WordPress 系列教程一样。

分隔线和间隔的功能和名称相符，分别用于在页面上创建有形和无形的空间。间隔的大小可以根据数值进行调整，非常灵活…再也不需要按回车了！分隔线有三种样式：短线、三个点和宽线，如下所示：

接下来是栏目、行、堆叠、网格和群组区块。它们之间有一定的相似性，初学者可能会认为它们是重复的，毕竟它们都提供了“容器”，可以用来添加其他区块。但实际上，它们在使用细节上有所不同。

（1）栏目（Columns）：用于创建多列布局，用户可设置列数（如 2 列、3 列），每列内可添加独立区块。适合并排展示内容，如图片与文字组合。栏目的特性是可以按比例或像素自定义列宽，通常 WordPress 建议一行最多 3 列，但你可以根据实际情况按回车增加。

（2）行（Row）：用于水平排列多个区块，自动适应容器宽度。与栏目相比，行更适合简单的内容布局，如按钮组或图标，整体布局更加紧凑。在下面的例子中，行区块让它们水平排列在同一行内。

（3）堆叠（Stack）：专注于垂直排列，区块依次上下堆叠，类似传统的页面流。适用于需要清晰分层的内容，如文章段落或列表。它的设置和操作与行区块类似，只不过是纵向排列。

（4）网格（Grid）：提供二维布局，用户可自定义行和列，形成网格状结构，适合复杂布局，如图片画廊或产品展示，默认情况下，网格会根据格子内的内容（如图片、文本）自适应调整尺寸，保持布局平衡，但格子大小可能因内容差异而略有不同。

某些主题或插件（如 Kadence Blocks）支持固定网格设置，允许用户通过调整列宽或最小格子尺寸确保所有格子均等大小，适合规整的画廊或产品展示布局。

（5）群组（Group）：通用容器，将多个区块组合为一个整体，便于统一调整样式（如背景色、边距）或移动。适合组织零散内容，增强页面结构清晰度。