行和堆栈区块

行区块和堆栈区块是一种设计区块类型，让您可以在一行（或具有“堆栈”区块的列）中插入多个区块，并均匀地将其间隔开来。您可以使用行区块或堆栈区块，在同一行中创建分隔符或添加各种元素，就像在列中一样。

在此指南中

1. 添加行区块或堆栈区块
2. 区块工具栏
3. 区块设置
   1. 排列
   2. 布局
   3. 位置
4. 区块类型
   1. 颜色
   2. 排版
   3. 尺寸
   4. 边框和半径
5. 将多个区块添加到行或堆栈区块
6. 取消现有区块分组

添加行区块或堆栈区块

点击 + 区块插入器图标添加行区块，并搜索 Row 查找行区块或搜索 Stack 查找堆栈区块。点击即可为文章或页面添加该区块。

💡

您还可以使用键盘另起一行输入 /行，然后按下回车，从而快速添加新的行区块，或输入 /堆栈添加新的堆栈区块。

有关添加区块的详细说明，请点击此处查看。

区块工具栏

当您点击区块时，选项工具栏将显示：

行区块工具栏

堆栈区块工具栏

行区块的工具栏提供以下选项：

• 更改区块类型或样式。
• 拖动区块。
• 上下移动区块。
• 更改项目对齐方式：向左、居中、向右和在各项目之间留间距。
• 更改对齐方式：无、加宽、全宽。
• 更多选项。

堆栈区块的工具栏提供以下选项：

• 更改区块类型或样式。
• 拖动区块。
• 上下移动区块。
• 更改项目对齐方式：向左、居中、向右。
• 更改对齐方式：无、加宽、全宽。
• 更多选项。

📌

如果您没有看到将区块宽度更改为宽或全款的选项，并且您的主题支持这些选项，则此区块有可能已添加到组区块中。您可以在此处进一步了解组区块。

区块设置

选择一个区块后，您会在右侧边栏中找到其他区块设置。如果您没有看到边栏，您可能需要点击右上角的设置图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面：

点击此“设置”图标，打开区块设置

排列

行区块可以转换为组区块或堆栈区块。堆栈区块可以转换为组区块或行区块。

布局

在“布局”部分，您可以设置行或堆叠区块的对齐方式。选择向左、居中、向右或对齐以设置行对齐方式。通过“方向”选项，您可以从行切换到堆叠。

堆栈区块不包括将内容设置为对齐的选项。此选项显示在行区块中，可使行均匀对齐。

此外，您可以打开或关闭将内容换行以显示为多行的功能。

位置

在位置部分，您可以在默认和置顶之间进行选择。

• 默认：当您滚动超过区块位置时，该区块将在您移动到页面的其他部分时消失。
• 置顶：即使您滚动超过最初添加区块的位置，该区块也将悬浮并保持在页面上可见。

高级

通过“高级”选项卡，您可以在区块中添加 CSS 类，从而编写自定义 CSS 并根据需要设置区块的样式。

在“高级”区域中向区块添加 CSS 类。

区块类型

在区块设置边栏中点击“样式”图标，访问区块的设计设置。“样式”图标是一个圆圈形状，圆圈的一半被填满：

颜色

“颜色”部分支持您修改行区块或堆栈区块中的文本、背景和链接的颜色。

点击“颜色”部分中的三个点，添加修改链接选项。

对于文本和链接：通过点击棋盘区域，您可以选择任何自定义颜色，也可以在下方的主题或默认部分中选择其中一种预选颜色。

对于背景，除了与文本的颜色设置类似的颜色设置（如上所述），您还可以选择纯色或渐变色（混合两种或多种颜色，使用特定图案显示），从浅色到深色，或一种颜色混合到另一种颜色。

排版

使用下方的设置来调整区块文本的外观。

如果您没有看到设置，点击排版（在右侧显示）右侧的三个点。 然后您可以选择您想要的选项：

• 字体大小
• 字体
• 外观
• 行高
• 装饰
• 字母大小写
• 字母间距

排版位于区块设置侧边栏，同时还具其他可展开的选项。

使用字体大小功能，您可以调整文本的大小。您可以选择预设字体大小，如小号、中号和大号。

您还可以选择特定值，只需直接点击默认选项上方的滑块图标，在下面屏幕截图中标记为 a 1。您可以点击下面屏幕截屏中标记为 2 的地方来修改单位。选项为像素 em 或 rem。

字体允许您选择可使用的字体风格。在下拉菜单中的字体列表选择字体。

外观允许您更改文字风格，如常规、斜体，以及从加细到加粗。

行高可设置文字上方/下方的间距。如果您选择零，请务必在移动设备上查看您的站点显示效果。

装饰包括下划线和删除线选项。

字母大小写可以设置文字为全部大写、首字母大写或全部小写。

字母间距设置文本中每个字符之间的间距。您可以更改单位，从默认（像素）到百分比、em、rem、vw和vh。在此处了解更多关于单位的信息。

尺寸

尺寸用于设置内边距 – 行区块中元素周围的间隔。当您使用背景颜色时，请选择此相关选项。

可以为所有四个边设定一个内边距值 – 方法是在内边距下的字段中添加一个值

或者，通过内边距可以为每个边设置单独的值。点击链接图标以显示用于分别向每一侧添加内边距的选项。所示数字按顺时针方向生效，从顶部到右侧、底部、左侧。您可以通过点击上图中显示的蓝色链接图标访问此视图。

堆栈区块不包括尺寸设置选项，因为其中的区块采用堆栈方式，尺寸可以通过单个区块或使用空白区块进行设置。

边框和半径

使用边框设置，在您的内容周围添加边框线。您可以选择颜色、尺寸和尺寸单位（px、%、em、rem、vw 和 vh）。

默认情况下，这些设置会控制所有四条边上的边框。要对顶部、右侧、底部和左侧进行特定的调整，请点击链接图标。

您可以通过半径选项为图像边框选择圆形外观。将半径设置为 0 表示图像边缘尖锐。

📌

如果您使用的是经典主题，边框和半径设置可能不会显示在您的站点上。您可能需要探索我们的一些新站点编辑器主题， 以便能够自定义图像边框等！

将多个区块添加到行或堆栈区块

首先，选择您要添加到行区块的一个或多个区块。您可以通过点击并拖动或按住“shift”键并点击每个区块（这些区块需要彼此相邻）来选择多个区块。

此时将显示区块工具栏。从工具栏中选择行或堆栈图标。以下图像指向行区块图标，右侧的图标是堆栈区块图标。

取消现有区块分组

您可能需要取消现有区块分组，以修改单个区块的对齐方式。

1. 点击编辑器顶部的列表视图，然后选择行区块或堆栈区块。
2. 点击区块工具栏中的“更多选项”图标。
3. 选择取消分组选项。