列块

返回列表阻碍

这个列块允许您在列中插入文本、媒体和其他类型的内容–限制为6。当一个接一个地使用时,柱可以创建网格效果。 

你可以输入/列,然后在一个新的段落块中点击回车键可以快速添加一个。

显示如何使用斜线插入器添加列块的图像。

关于添加块的详细说明

添加后列块,您可以选择一个变体作为开始(稍后可以更改数字或添加更多列)。如果要使用默认变量(50/50),可以单击跳过底部的选项。

列块占位符

添加和删除列

可以添加或删除列。为此,请单击框外框和侧栏之间的,然后更改列数(建议最多六列)。或者,可以调整块设置部分中的列数。

添加列块的演示

向列中添加内容

定义列数后,可以向每个列添加内容。columns块的神奇之处在于,您可以将其他块添加到每个列中。

例如,您可以使用列块作为结构并添加图像、标题和段落块以创建服务网格。

对图像使用列块

或者您可以使用列块使用盖板以突出网站页面的功能。

使用带盖块的柱块

您还可以使用列块使用按钮块邀请用户在您的站点上执行一些操作。

使用列块进行按钮布局

块工具栏

大多数块都有自己的块特定控件,允许您在编辑器中直接操作块。

这个列块显示了以下按钮:

  • 转换为
  • 移动手柄
  • 更改对齐方式
  • 更改垂直对齐
  • 更多选项
列块工具栏

转换为

可以将列转换为块。

列块工具栏上的变换选项

这个 将使您能够更改列周围的背景色。

使用组块提供背景色

也可以打开包装 的内容

移动手柄

虚线图标可用于将块拖放到您选择的位置。上下箭头图标可用于在文档中上下移动块。

列块工具栏上的块移动工具

获取有关在编辑器中移动块的详细信息。

更改对齐方式

列块工具栏上的对齐工具
  • 宽宽度–将块的宽度增加到内容大小之外。
  • 全宽–将块延伸到屏幕的整个宽度。

更改垂直对齐

列块工具栏上的垂直对齐工具
  • 顶部对齐–使块垂直对齐。
  • 中间对齐–使块垂直居中对齐。
  • 底部对齐–使块底部垂直对齐。

选项

块工具栏上的“选项”按钮提供了更多自定义块的功能。 

阅读这些和其他设置。

阻止设置

块设置面板包含特定于块的自定义选项。要打开它,请选择块并单击设置 按钮旁边的发布 按钮。

块设置按钮

请注意,由于列块如果您专门单击其中一列,则可以嵌入其他块,侧边栏中的设置将根据您添加到所选列的块而更改(例如,如果您在单击图像时向其中一列添加了图像,则侧边栏将显示来自图像块设置)。

以下是用于 块:

设置,您可以设置列数(16). 您可以通过单击向上和向下箭头、向右或向左拖动滑块或直接在字段中键入数字来编辑列数。

列编号设置

也可以更改颜色,排版, 尺寸,边框设置。要访问它们,请打开样式部分:

“样式”选项卡

颜色

使用颜色设置,可以更改块中文本的颜色、链接的颜色和块的背景色。对于列块,这意味着您可以单独设置每列的样式,也可以同时设置两列的样式以保持一致性。

有关更改颜色的详细信息,请参阅本指南。

印刷术

这个block提供了排版设置以更改字体系列、外观、行高、字母间距、装饰、字母大小写和字体大小。

有关详细信息,请参阅此支持文章:排版设置概述

尺寸

这个 提供了用于添加填充、边距和块间距的标注设置选项。

有关详细信息,请参阅此支持文章:尺寸设置概述

边框

这个块提供了边框设置选项来添加边框颜色、样式、宽度和半径。

有关详细信息,请参阅此支持文章:边框设置概述

高级

这个高级选项卡允许您将HTML锚和CSS类添加到块中。

高级部分

HTML锚允许您创建唯一的网址对于某个特定的列块。然后,您将能够直接链接到列块页面的。

这个其他CSS类允许您将CSS类添加到块中,允许您编写自定义CSS并根据需要设置块的样式。

对于单个柱块

对于个人中的块块,您可以自定义宽度选项,如下所示。为了更容易地查找和选择列块,建议使用列表视图.

宽度选项允许您在PX、%、EM、REM、VW或VH.

列宽设置

对于个人中的块块,还可以自定义布局设置。

有关详细信息,请参阅此支持文章:布局设置概述

变更日志

  • 2022-05-09更新
    • 为6.2更新了内容、屏幕截图和视频
  • 2022-12-12年更新
    • 更新了6.1的内容、屏幕截图和视频。
    • 添加了列块的块设置
  • 2022-11-21更新
    • 移动视图的对齐屏幕截图
    • 删除了冗余内容
    • 在一些图像中添加了alt文本
  • 2021-07-09更新
    • 更新的屏幕截图。
    • 在设置单个列样式的上下文中添加。
    • 添加了有关各个列的间距和宽度选项的信息。
  • 2020-08-24更新
    • 在页面顶部添加了“返回块列表”
  • 更新时间:2020-08-21
    • 符合WordPress 5.5的截图和视频
    • 在块工具栏中添加了功能更改
    • 在块设置中添加了功能更改
  • 创建日期:2019-03-07

这篇文章有用吗?如何改进?

首次发布

上次更新时间