行区块和堆栈区块是一种设计区块类型,让您可以在一行(或具有“堆栈”区块的列)中插入多个区块,并均匀地将其间隔开来。您可以使用行区块或堆栈区块,在同一行中创建分隔符或添加各种元素,就像在列中一样。
点击 + 区块插入器图标添加行区块,并搜索 Row
查找行区块或搜索 Stack
查找堆栈区块。点击即可为文章或页面添加该区块。
💡
您还可以使用键盘另起一行输入 /行,然后按下回车,从而快速添加新的行区块,或输入 /堆栈添加新的堆栈区块。
有关添加区块的详细说明,请点击此处查看。
当您点击区块时,选项工具栏将显示:
行区块的工具栏提供以下选项:
- 更改区块类型或样式。
- 拖动区块。
- 上下移动区块。
- 更改项目对齐方式:向左、居中、向右和在各项目之间留间距。
- 更改对齐方式:无、加宽、全宽。
- 更多选项。
堆栈区块的工具栏提供以下选项:
- 更改区块类型或样式。
- 拖动区块。
- 上下移动区块。
- 更改项目对齐方式:向左、居中、向右。
- 更改对齐方式:无、加宽、全宽。
- 更多选项。
📌
如果您没有看到将区块宽度更改为宽或全款的选项,并且您的主题支持这些选项,则此区块有可能已添加到组区块中。您可以在此处进一步了解组区块。
选择一个区块后,您会在右侧边栏中找到其他区块设置。如果您没有看到边栏,您可能需要点击右上角的设置图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面:
行区块可以转换为组区块或堆栈区块。堆栈区块可以转换为组区块或行区块。
在“布局”部分,您可以设置行或堆叠区块的对齐方式。选择向左、居中、向右或对齐以设置行对齐方式。通过“方向”选项,您可以从行切换到堆叠。
堆栈区块不包括将内容设置为对齐的选项。此选项显示在行区块中,可使行均匀对齐。
此外,您可以打开或关闭将内容换行以显示为多行的功能。
在位置部分,您可以在默认和置顶之间进行选择。
- 默认:当您滚动超过区块位置时,该区块将在您移动到页面的其他部分时消失。
- 置顶:即使您滚动超过最初添加区块的位置,该区块也将悬浮并保持在页面上可见。
高级
通过“高级”选项卡,您可以在区块中添加 CSS 类,从而编写自定义 CSS 并根据需要设置区块的样式。
在区块设置边栏中点击“样式”图标,访问区块的设计设置。“样式”图标是一个圆圈形状,圆圈的一半被填满:
“颜色”部分支持您修改行区块或堆栈区块中的文本、背景和链接的颜色。
点击“颜色”部分中的三个点,添加修改链接选项。
对于文本和链接:通过点击棋盘区域,您可以选择任何自定义颜色,也可以在下方的主题或默认部分中选择其中一种预选颜色。
对于背景,除了与文本的颜色设置类似的颜色设置(如上所述),您还可以选择纯色或渐变色(混合两种或多种颜色,使用特定图案显示),从浅色到深色,或一种颜色混合到另一种颜色。
使用下方的设置来调整区块文本的外观。
如果您没有看到设置,点击排版(在右侧显示)右侧的三个点。 然后您可以选择您���要的选项:
- 字体大小
- 字体
- 外观
- 行高
- 装饰
- 字母大小写
- 字母间距
使用字体大小功能,您可以调整文本的大小。您可以选择预设字体大小,如小号、中号和大号。
您还可以选择特定值,只需直接点击默认选项上方的滑块图标,在下面屏幕截图中标记为 a 1。您可以点击下面屏幕截屏中标记为 2 的地方来修改单位。选项为像素 em
或 rem
。
字体允许您选择可使用的字体风格。在下拉菜单中的字体列表选择字体。
外观允许您更改文字风格,如常规、斜体,以及从加细到加粗。
行高可设置文字上方/下方的间距。如果您选择零,请务必在移动设备上查看您的站点显示效果。
装饰包括下划线和删除线选项。
字母大小写可以设置文字为全部大写、首字母大写或全部小写。
字母间距设置文本中每个字符之间的间距。您可以更改单位,从默认(像素)到百分比、em
、rem
、vw
和vh
。在此处了解更多关于单位的信息。
尺寸用于设置内边距 – 行区块中元素周围的间隔。当您使用背景颜色时,请选择此相关选项。
可以为所有四个边设定一个内边距值 – 方法是在内边距下的字段中添加一个值
或者,通过内边距可以为每个边设置单独的值。点击链接图标以显示用于分别向每一侧添加内边距的选项。所示数字按顺时针方向生效,从顶部到右侧、底部、左侧。您可以通过点击上图中显示的蓝色链接图标访问此视图。
堆栈区块不包括尺寸设置选项,因为其中的区块采用堆栈方式,尺寸可以通过单个区块或使用空白区块进行设置。
使用边框设置,在您的内容周围添加边框线。您可以选择颜色、尺寸和尺寸单位(px、%、em、rem、vw 和 vh)。
默认情况下,这些设置会控制所有四条边上的边框。要对顶部、右侧、底部和左侧进行特定的调整,请点击链接图标。
您可以通过半径选项为图像边框选择圆形外观。将半径设置为 0 表示图像边缘尖锐。
首先,选择您要添加到行区块的一个或多个区块。您可以通过点击并拖动或按住“shift”键并点击每个区块(这些区块需要彼此相邻)来选择多个区块。
此时将显示区块工具栏。从工具栏中选择行或堆栈图标。以下图像指向行区块图标,右侧的图标是堆栈区块图标。
您可能需要取消现有区块分组,以修改单个区块的对齐方式。
- 点击编辑器顶部的列表视图,然后选择行区块或堆栈区块。
- 点击区块工具栏中的“更多选项”图标。
- 选择取消分组选项。