如何在 WordPress 帖子中添加多列内容(无需 HTML)

您想在您的 WordPress 帖子中添加多栏内容吗?列可用于为您的帖子和页面创建引人入胜的布局。

传统的印刷媒体,如报纸和杂志,从印刷的早期开始就一直使用多栏布局。他们的目标是让用户更容易阅读较小的文本,同时经济地利用可用空间。

单列布局在网络上更常用。但是,多列网格仍然可用于突出显示内容并使其更易于扫描和阅读。

在本文中,我们将向您展示如何在您的 WordPress 帖子中轻松添加多列内容,而无需编写任何 HTML 代码。

在 WordPress 帖子和页面中添加多列内容

视频教程

订阅 WPBeginner

如果您更喜欢书面说明,请继续阅读。

在 WordPress 中添加多列内容——简单的方法

在 WordPress 中创建多列内容(即网格列内容)现在很容易,因为它是默认功能。新的 WordPress 块编辑器古腾堡包括一个列块。

要添加多列布局,您需要创建新帖子或编辑现有帖子。进入帖子编辑区域后,单击顶部的“添加”图标以添加块。

接下来,您需要选择位于“布局元素”选项卡下的“列”块。

在您的 WordPress 帖子中添加列块

您现在将看到鼠标光标在左列上跳跃,并且一个文本占位符将出现在右列上。

添加到帖子的 WordPress 中的列阻止 WordPress

正如您在上面的屏幕截图中看到的那样,Columns 块起初似乎只是一个空白区域。如果您将鼠标悬停在左侧,您可以看到突出显示的块边框。

您还可以在帖子编辑屏幕的右栏中看到阻止设置。

列阻止 WordPress - 2 列

默认情况下,列块将添加两列。您可以从右侧的块设置中增加要添加的列数。它允许您在一行中最多添加六列。

将更多列添加到您的列

只需单击一列并开始输入以添加内容。您可以使用键盘上的 Tab 键切换到下一列。

在您的 WordPress 列中添加文本

在列中添加媒体和其他内容

除了文本内容,您还可以在 WordPress 列中添加图像和嵌入视频。

列块允许您在每列内添加块。只需将鼠标移到一列,您就会注意到其中的“添加新块”图标。您还可以通过输入 / 然后输入块名称来添加块。

在 WordPress 列中添加新块

您选择的块现在将出现在列内。您现在可以继续向其中添加内容。

图像块添加到 WordPress

以下是您的新专栏在默认的 29 岁主题中的外观。在此示例中,我们使用三列,最后一列包含图像。

WordPress 帖子中的 3 列 - 预览

如果您只想在其旁边添加图像和一些文本,那么您也可以使用“媒体和文本”块而不是列。此特定块专门用于在某些文本旁边显示图像和视频等媒体。

在 WordPress 中添加媒体和文本块

在旧版 WordPress 经典编辑器中添加多列

如果您尚未将 WordPress 升级到 Gutenberg 并且仍在使用Classic Editor,那么您需要安装一个单独的插件来创建网格列布局。

首先,安装并激活Lightweight Grid Columns插件。有关详细说明,请按照我们关于如何在 WordPress 中安装插件的分步指南进行操作。

激活后,您可以创建新帖子或打开旧帖子进行编辑。接下来,单击可视化编辑器工具栏中的“添加列”按钮。

添加列图标轻量级网格列插件

现在您将看到一个弹出窗口来添加您的第一列。您可以选择您的专栏可以覆盖的区域,在台式机、平板电脑和移动设备中有所不同。

例如,如果您将桌面网格百分比设置为 50%,您的列将覆盖半行。

网格宽度百分比 - 轻量级网格列

有很多选项可以设置您的列宽,从 5% 到 100%,间隔为 5。您可以通过单击下拉菜单选择一个。

列宽选项 - 网格百分比

之后,您需要在“内容”框中添加您的专栏内容,然后单击“确定”按钮将其插入到您的帖子中。

将内容添加到您的列 - 轻量级网格列插件

该插件现在将使用您的内容生成所需的短代码并将其添加到您的帖子编辑器中。

添加到 WordPress 列的简码和内容

现在您的第一列已添加,您可以重复该过程以添加更多列。对于行中的最后一列,不要忘记选中“行中的最后一列”框。

WordPress 中 2 列的简码和内容

之后,您可以保存帖子并进行预览。这是它在我们的测试站点上使用 27 个主题的外观。

二十七主题中的两个 WordPress 专栏

我们希望本文能帮助您了解如何在 WordPress 帖子和页面中添加列。您可能还想查看我们关于如何轻松对齐 WordPress 帖子中的图像的简单指南。