引言
正如我们所学到的，区块是构建在线家园的基石。你可以将它们视为网站的实体积木。在本课中，我们将基于对区块的了解，探索使用各种类型的区块，以及嵌套和分组区块来创建不同的布局。
嵌套区块
嵌套区块通过在一个区块内部添加多个区块，帮助你创建更复杂的布局。我们通常使用容器区块，如群组区块、列区块、封面区块、媒体与文本区块或行区块，来将内容分组在一起。
提醒一下，当你打开列表视图时，你可以在内容层和嵌套区块之间导航。让我们看看这个主页上的第二个部分，来实际体验一下。我会选择列区块。当我们展开列区块时，会看到内部的所有区块。在左列中，我们会看到一个标题区块、一个分隔区块和一个段落区块。在右列中，我们会看到一个包含四张图片的图库区块。让我们一起来创建一些示例。
群组区块
首先，我将使用群组区块将一些区块分组在一起。但首先，我会添加一个标题区块，并给它起一个合适的名称。在这个例子中，标题是“笑是最好的良药”。然后我按回车键，添加一个列区块，选择两列等宽，然后在左列和右列中添加一些文本。接着，我会在列表视图中按住 Shift 键并点击鼠标来选择这两个区块，这样我就能选择多个区块，然后使用区块工具栏将它们分组到一个群组区块中。
接下来，我想将群组区块的宽度改为宽幅。但在那之前，我必须取消选中“内部区块使用内容宽度”。只有取消选中这个选项后，嵌套区块才能使用内容宽度选项，比如宽幅和全宽。如果我不取消选中这个选项，我就无法将对齐方式改为全宽。正如你所见，什么都不会发生。所以一旦取消选中，我可以返回区块工具栏，将宽度改为宽幅，而不受主题的限制。
接下来，我们可以打开样式标签，进一步为我们的区块设置样式。我首先要做的是更改群组区块的背景颜色。请注意，如果你愿意，也可以为群组区块添加背景图片。点击排版旁边的三个垂直点，查看所有可用选项。接下来，我会添加一些内边距，为区块内容创造更多空间。你可以决定进一步为群组区块设置样式。
当页面上有多个内容层时，你可以使用群组区块来重命名部分。所以，在上面的例子中，我们会看到第一个部分叫做“我们的故事”，现在我可以选择下面的群组区块并重命名它。在这个例子中，重命名为“推荐语”。因此，群组区块的这个功能将允许你构建和组织内容。
媒体与文本区块
在下一个示例中，让我们使用媒体与文本区块来分组区块。所以，让我们添加媒体与文本区块。然后，在左侧，我们可以从媒体库中添加一张图片。在右侧，我们可以开始添加内容。在顶部，我会添加一个标题，命名为“寿司是艺术”。按回车键，然后添加一些文本。在底部，我想添加一个行动号召，或者在这个例子中，是一个按钮区块。然后我会写上“了解更多”，并使用区块工具栏将文本加粗，并添加相关的 URL。接着，我会在列表视图中选择父区块，并将对齐方式改为宽幅。如果你想要更改并让图片显示在右侧，也可以使用区块工具栏。在设置下方，我会将媒体宽度改为 40。然后，我会打开样式标签，在内容周围添加一些内边距。最后，我会将图片的垂直对齐方式改为底部对齐。
列区块
在下一个示例中，我们将使用列区块。列区块是创建复杂布局或设计最有效的区块之一。所以，让我们添加一个列区块，然后选择三列等宽。在左列中，我会添加一些文本，命名为“拼盘”，按回车键，然后添加一个段落。在下面，我会添加一个图片区块，并从媒体库中选择一张图片。然后，我会选择顶部的文本，将其加粗并放大字号，接着将两个段落的文本居中。一旦居中对齐，我会选择图片区块，将宽高比改为正方形。然后我会选择主要的列区块或父区块，将对齐方式改为宽幅。
之后，我会进入样式设置，为区块内容添加内边距，并在三列之间设置区块间距。完成样式调整后，我会选中左侧列并复制两次。复制完成后，我们就可以删除空白列。接着，我们可以根据需要自由修改内容。
封面区块
在最后一个示例中，我们将使用封面区块。封面区块允许你在图片或视频上方显示文字及其他内容，非常适合用于页眉和横幅式展示。那么，我们直接添加封面区块。你会看到可以选择颜色叠加层。不过我会从媒体库中选择一张图片作为背景。然后添加一些文字，接着添加一个按钮区块。我会输入”下单”并修改行动号召按钮的背景色和文字颜色。接着选中这两个区块，用堆叠区块将它们组合在一起。这样就能同时自定义这两个区块。然后将堆叠区块居中对齐，选中封面区块并将对齐方式改为宽幅。别忘了取消勾选”内部区块使用内容宽度”。现在我们可以进行进一步调整。我会放大”享受八折优惠”的文字和按钮区块。我还想让按钮区块的文字加粗，别忘了添加你的网址。然后选中封面区块，请注意在区块工具栏中可以切换全屏高度。但我们也可以手动缩小或放大尺寸。接着打开样式选项卡，将叠加层透明度改为30使其更淡。这样我的封面区块就准备好了。相信你现在对嵌套和组合区块已经更有信心了。