介绍
在本课中，我们将更深入地了解如何使用行和堆栈块来实现我们的设计需求。使用组块是掌握区块编辑器的关键之一。当你选择一个组块时，你会看到组块的几种变体。标准组块用于将区块收集在一个容器中，行块用于水平排列区块，堆栈块用于垂直排列区块，网格块用于以网格形式排列区块。让我们看一些常见的例子，看看行块在哪些情况下会非常有用。
使用行块
首先，我想向你展示如何借助行块创建我示例中的顶部区域。如果我们向下滚动，会看到它目前是空的，所以让我们输入斜杠加行。添加一个行块，然后添加一个标题并命名为“温室”。接着我按回车键，当然，文本现在会出现在标题的右侧。让我们从示例中复制文本“让你的家成为避风港”，然后粘贴。打开列表视图，选择标题和段落块，然后使用我的块工具栏将它们组合在一起。现在文本位于标题下方，我想移除区块之间的间距。所以我打开侧边栏设置，进入样式，在尺寸下方，确保区块间距设置为零。现在标题和文本更靠近了，我觉得看起来很棒。
我将关闭侧边栏设置，并在列表视图中再次选择行块。点击插入器并添加一个按钮块。假设写上“探索”，然后打开侧边栏设置，选择轮廓样式。接下来，我想将按钮块移到右侧，这正是行块强大之处。在侧边栏设置中选择行块，在块工具栏中找到对齐方式，然后选择项目之间间距。一旦我们选择这个，就会注意到按钮块被推到了右侧。最后，我想将按钮块底部对齐。所以，在块工具栏中选择更改垂直对齐方式，然后点击底部对齐。正如你所见，利用行块的间距和对齐选项可以实现许多设计可能性。
构建页眉
其次，行块对于页眉非常有效。所以，要添加页眉，让我们进入外观，然后点击编辑器。这会带你进入站点编辑器，你可以在其中管理模板并添加页眉和页脚。进入模式，点击模式旁边的加号图标，然后选择创建模板部分。我们选择页眉，然后适当命名，接着点击创建。
现在，我们可以通过先添加一个行块来构建页眉。接下来，我将添加我的站点徽标，它已经添加到我的媒体库中，然后放大它。完成后，我按回车键。在我的站点徽标旁边，我将添加站点标语块。“更好的豆子，更好的咖啡。”然后，我打开列表视图，选择站点徽标和站点标语块，并将它们包裹在一个堆栈块中。现在，我想移除两个区块之间的间距，所以我确保选择了堆栈块，在侧边栏设置中打开样式，并确保区块间距为零。然后，我在块工具栏中将对齐方式改为居中。
接下来，我选择行块（容器块），进入样式并将背景颜色改为鲑鱼色。然后，我点击插入器并添加导航块。现在，我们会看到我添加到站点的所有页面列表，但我点击三个垂直点并选择一个我已经创建的导航菜单。然后，我确保再次选择行块，在侧边栏设置的布局下方，点击项目之间间距，以确保导航菜单移到右侧。这样，我们的页眉就完成了。
使用堆栈块
最后，让我们更仔细地看看堆栈块。在这个例子中，我们有三个列；你会注意到左侧列的文本或内容较少。我希望背景颜色和按钮块向下推，并与中间和右侧的列对齐。让我们看看我做了什么。我将列中的所有内容堆叠在一个堆栈块中，其次，我将标题和段落堆叠在另一个堆栈块中。但我把按钮块单独留下了。
接下来，当我们选择主堆栈块并打开样式设置时，你会注意到我更改了堆栈块的背景颜色，而不是列。并且我在主堆栈块周围添加了一些内边距。下一个关键步骤是将堆栈块的最小高度改为100%。当我们这样做时，你会注意到背景颜色扩展并与其它列对齐。接下来，我们将确保左侧的按钮块与其它按钮块对齐。所以，在块工具栏中选择更改垂直对齐方式，然后选择项目之间间距。现在你会看到按钮块被向下推，与其它列对齐。
结论
这些区块表面上看起来可能很简单，但正如你所见，一旦应用了间距和最小高度等额外设置，你就可以用它们做很多事情。