介绍
欢迎使用“群组”区块。群组区块允许您将多个区块组合在一起并设置样式，从而简化内容管理和设计。
示例概览
这里有一个示例页面，我想先带您了解一些使用群组区块的选项。第一个示例，我使用了带有背景图片和标题的群组区块，还添加了边框和圆角。第二个示例，我使用了包含图片、标题和段落的群组区块，并添加了边框。第三个示例是一个包含标题和图库区块的群组区块，用于构建页面。
群组区块演示 #1
我打开了一个页面，并开启了列表视图（即左上角的三条斜线图标）。我喜欢将工具栏放在顶部。如果您也想这样设置，可以点击右上角的三个点，选择“顶部工具栏”并开启。我们将添加一个群组区块。输入斜杠加“group”，然后点击第一个选项。接着，我会转到样式工具，添加背景图片，打开媒体库（请确保上传前已优化图片），并添加替代文本以确保无障碍访问。
现在我们来设置图片样式。选中群组区块后，点击顶部工具中的“对齐”，选择“全宽”。然后回到右侧的“样式”面板，向下滚动到“最小高度”，我打算设置为大约 644 像素，试试 645 像素，因为我想让双手图案显示出来。先这样设置，并点击“更新”。另一个可用的工具是回到背景图片设置，打开“尺寸”选项。这样您可以调整焦点，让双手图案显示出来，然后点击“更新”。接着，点击群组区块内的加号，添加一个标题。输入“烘焙”。点击工具中的“文本对齐”，选择“居中”。由于标题文字不太清晰，我需要调整样式。转到样式工具，点击“背景”，选择绿色。然后需要添加内边距。在标题区块的“尺寸”设置中，开启“内边距”，前后和上下各点击两次，左右也各点击两次。再回到群组区块进行更多样式调整，因为我想在标题和顶部之间留出一些空间。在“样式”中为上下添加内边距，效果不错。然后添加边框，选择同样的绿色，并增加一些厚度。接着使用圆角功能，点击“圆角”，圆角可以为角落添加曲线。我将圆角值调大，直接设为 100，然后点击“更新”。刷新页面，第一个区块就完成了。
群组区块演示 #2
在我们的第二个示例中，我将点击三个点并选择“在后面添加”。这次，我不会从组块开始，因为我想向您展示如何将多个块组合在一起。所以，我们先添加一个图像。我们将这个图像设为饼干主题，然后我会添加一个标题。接着，我从示例中复制一些文本，我使用的是 cupcake ipsum。这是一个免费的网站，您可以从中获取填充文本，而这个文本是关于烘焙的，所以很有趣。好了，现在我们在列表视图中有了三个块，我们可以点击第一个块，然后按住 Shift 键点击最后一个块。选中这些块后，我们点击三个点，向下滚动到“组合”选项。好的，这很简单。点击“更新”，然后我们可以再次点击三个点选择“重命名”，以保持列表视图的整洁。好的，接下来我们继续为这个组合添加样式。对于这个组合，我将其设置为宽宽度。好的，让布局稍微不同。我关闭这个选项，因为我希望文本能够更舒展一些。等我们完成所有样式设置后，再看看效果。我想点击图像，因为图像有点大，它没有自动适应原始尺寸。所以我将其宽度设为 568，因为我希望它小一点。然后，我想将其居中对齐。好的，点击它，再点击“更新”按钮。然后，我还想回到我们的组块，为其添加边框。所以我点击颜色选项，打开它，设置一个小边框。点击“更新”。接着，我向上添加一些内边距。对于这个组合，我想在顶部和底部添加大约四次点击的内边距，在两侧添加两次。我们来操作一下。然后，还有一个块间距的选项。我想在我使用的三个块之间添加一些间距。所以我们也设置一下。我觉得都设置好了。让我们在前端查看一下。点击并刷新。我忘了对齐文本。所以回到标题，将其居中对齐。好了，这样就完成了。
组块演示 #3
要添加最后一个组块，我将点击前一个组块的三个点，选择“在后面添加”，然后输入组块。我会选择第一个选项。我添加一个标题，并从顶部工具栏将其文本居中对齐，然后像这样添加我的画廊，但示例中有多个不同的图像。为了节省时间，我快速备份一下。我打算直接复制粘贴，而不是逐个添加所有图像。所以我点击那个画廊，进入三个点，选择“复制”，以便快速添加我的图像。如果我打开画廊块，您会看到它们都是独立的图像。好的，我们回到我们的组块。我们会重命名它，你们知道怎么操作。现在，对于这个组块，我将其设置为全宽，好吗？另外，对于组块的布局，我关闭这个切换开关，这会让图像更舒展一些。确保我点击了“更新”，因为这是一个重要的更新。我添加一个背景，所以点击样式，进入背景，选择棕色。我需要一些内边距，所以向下滚动到尺寸下的内边距，在顶部和底部点击两次，在两侧点击两次。点击“更新”。我觉得一切看起来都不错。大家祈祷一下，我们刷新页面，好了，完成了。
总结
请查看资源部分，获取关于组块的文档链接。尽情探索使用组块的各种方法。感谢您的观看。