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