简介
在本课程中，我们将探讨如何使用群组块进行设计。群组块是一个容器，允许你将多个块捆绑在一起。可以把它想象成一个能容纳其他盒子的盒子。这个功能帮助你组织内容，并一次性对多个元素应用样式。创建群组块时，你会发现有不同的变体可供选择，即群组、行、堆叠和网格。但在本次课程中，我们将重点讨论默认的分组选项，以在容器中排列成一个盒子。
自定义
添加群组块后，你可以开始填充内容。点击插入器或加号图标，然后逐个选择块。另一种方法是在列表视图中选择所有想要分组的块。然后，你可以使用块工具栏将它们分组，或点击三个垂直点，然后选择“分组”。现在你会注意到所有这些块都被嵌套在一个群组块中。接下来，我们可以开始按照自己的喜好对这个部分或群组进行样式和自定义。我们可以更改背景颜色。我们可以通过添加内边距来调整尺寸，并将群组块的对齐方式更新为全宽。为了保持设计的有序性，你还可以重命名群组块。点击列表视图中的三个垂直点，选择“重命名”，然后添加一个描述性名称。让我们看一个快速示例，将这些步骤结合起来。我想添加一个推荐部分，并已经添加了一个标题块和两个列块。
接下来，我将在列表视图中选择所有三个块，然后在块工具栏中点击“分组”。现在这些块被嵌套在群组块中，下一步是将块重命名为“推荐”。然后我们可以对块进行样式设置，所以我们将转到侧边栏设置，打开“样式”，然后我将选择Twenty Twenty-Five主题附带的一个样式变体，接着在块内容周围添加一些水平和垂直内边距或空间。最后，我将在群组块周围添加一个10像素的边框。
内部块使用内容宽度
接下来，让我们讨论“内部块使用内容宽度”。当你添加一个群组块并在其中嵌套其他块并更改背景颜色时，你会注意到“内部块使用内容宽度”默认是启用的。这是什么意思？这意味着群组内的块会继承主题定义的宽度。因此，即使你将群组块的对齐方式更改为宽宽度或全宽度，内部的块也不会跟随。内部块保持在一个标准宽度，通常是居中的，但如果你禁用“内部块使用内容宽度”，内部块将扩展到填满群组的宽度，从而在设计上提供更大的灵活性。
粘性标题
你知道吗，群组块可以设置为粘性？这在某些情况下特别有用，比如当你想要让标题固定时。让我们看看它是如何工作的。我在我的页面模板中，可以修改页眉和页脚。让我们选择页眉，点击三个垂直点，然后将其包裹在一个群组中。然后我们可以转到设置，向下滚动到“位置”。当你点击“默认”时，可以稍微向下滚动，然后选择将块固定在窗口顶部的选项。但有两件事需要注意：首先，更改群组块的背景颜色，使其不透明，这意味着如果你不更改背景颜色，滚动时文本会透出来。第二，返回设置并取消选择“内部块使用内容宽度”。现在我们可以在前端预览它。
响应性
最后，还需要注意的是，群组块默认是响应式的，当我们在移动设备上预览时，会看到它自动调整布局。
结论
总之，使用群组块可以简化设计过程，使其更加高效。