WordPress 列布局
您想在 WordPress 帖子中添加多栏内容吗？栏可用于为您的帖子和页面创建引人入胜的布局。
您想向您的 WordPress 帖子添加多列内容吗？栏可用于为您的帖子和页面创建引人入胜的布局。
传统的印刷媒体，如报纸和杂志，从印刷的早期就开始使用多栏布局。他们的目标是让用户更轻松地阅读较小的文本，同时经济地利用可用空间。
传统的印刷媒体，例如报纸和杂志，自印刷诞生以来就一直使用多栏布局。他们的目标是让用户更轻松地阅读较小的文本，同时经济地利用可用空间。
单列布局在网络上更常用。然而，多列网格对于突出显示内容并使其更易于扫描和阅读仍然有用。
单列布局在网络上更常用。然而，多列网格对于突出显示内容并使其更易于扫描和阅读仍然有用。
在本文中，我们将向您展示如何在 WordPress 帖子中轻松添加多列内容，而无需编写任何 HTML 代码。
在本文中，我们将向您展示如何轻松地将多列内容添加到 WordPress 帖子中，而无需编写任何 HTML 代码。
在WordPress中添加多列内容–简单的方法 （Adding Multi-Column Content in WordPress – The Easy Way）
Creating multi-column content aka grid column content in WordPress is now easy because it comes as a default feature. The new WordPress Block Editor 古腾堡 includes a columns block.
现在，在WordPress中创建多列内容或网格列内容非常容易，因为它是默认功能。 新的WordPress区块编辑器古腾堡包含一个专栏区块。
要添加多列布局，您需要创建一篇新帖子或编辑现有帖子。进入帖子编辑区域后，单击顶部的“添加”图标以添加块。
要添加多列布局，您需要创建新帖子或编辑现有帖子。进入帖子编辑区域后，单击顶部的“添加”图标以添加块。
接下来，您需要选择“布局元素”选项卡下的“列”块。
接下来，您需要选择“布局元素”选项卡下的“列”块。
现在，您将看到鼠标光标在左列上跳跃，并且文本占位符将出现在右列上。
现在您将看到鼠标光标跳到左列，文本占位符将出现在右列中。
正如您在上面的屏幕截图中看到的，“列”块起初似乎只是一个空白区域。如果将鼠标移至左侧，您可以看到块边框突出显示。
正如您在上面的屏幕截图中看到的，“列”块起初似乎只是一个空白区域。如果将鼠标悬停在左侧，您可以看到突出显示的块边框。
您还可以在帖子编辑屏幕的右栏中看到阻止设置。
您还可以在帖子编辑屏幕的右栏中查看阻止设置。
默认情况下，列块将添加两列。您可以从右侧的块设置中增加要添加的列数。它允许您在一行中添加最多六列。
默认情况下，列块将添加两列。您可以从右侧的块设置中增加要添加的列数。它允许您在一行中添加最多六列。
只需单击某一列并开始输入即可添加内容。您可以使用键盘上的 Tab 键切换到下一列。
只需单击一列并开始输入。您可以使用键盘上的 Tab 键切换到下一列。
在列中添加媒体和其他内容 （Adding Media and Other Content in Your Columns）
In addition to the text content, you can also add images and 嵌入视频 in WordPress columns.
除了文本内容之外，您还可以在WordPress列中添加图像和嵌入视频 。
列块允许您在每列内添加块。只需将鼠标移至一列，您就会注意到其中的“添加新块”图标。您还可以通过键入 / 然后键入块名称来添加块。
列块允许您在每列中添加块。只需将鼠标移到一列上，您就会注意到其中的“添加新块”图标。您还可以通过键入 / 后跟块名称来添加块。
您选择的块现在将出现在该列内。您现在可以继续向其中添加内容。
您选择的块现在将出现在该列中。您现在可以继续向其中添加内容。
以下是您的新专栏在默认 29 主题中的外观。在此示例中，我们使用三列，最后一列包含图像。
这就是新列在默认 29 主题中的显示方式。在此示例中，我们使用三列，最后一列包含图像。
如果您只想添加图像和旁边的一些文本，那么您也可以使用“媒体和文本”块而不是列。这个特定的块是专门为在某些文本旁边显示图像和视频等媒体而设计的。
如果您只想添加图像及其旁边的一些文本，您还可以使用“媒体和文本”块而不是列。这个特定的块旨在在某些文本旁边显示图像和视频等媒体。
在旧的WordPress经典编辑器中添加多个列 （Adding Multiple Columns in Old WordPress Classic Editor）
In case you haven’t upgraded your WordPress to Gutenberg and still using the 经典编辑器, then you’ll need to install a separate plugin for creating a grid column layout.
如果您尚未将WordPress升级到Gutenberg并仍使用经典编辑器 ，则需要安装一个单独的插件来创建网格列布局。
First, install and activate the 轻量级网格列 plugin. For detailed instructions, follow our step by step guide on 如何在 WordPress 中安装插件.
首先，安装并激活“ “轻量级网格柱”插件。 有关详细说明，请按照我们的逐步指南进行操作，以了解如何在 WordPress 中安装插件 。
激活后，您可以创建新帖子或打开旧帖子进行编辑。接下来，单击可视化编辑器工具栏中的“添加列”按钮。
激活后，您可以创建新帖子或打开旧帖子进行编辑。接下来，单击可视化编辑器工具栏中的“添加列”按钮。
现在您将看到一个弹出窗口来添加第一列。您可以以不同的方式选择列可以覆盖的区域，在台式机、平板电脑和移动设备中。
现在您将看到一个弹出窗口，用于添加第一列。您可以选择您的专栏可以在台式机、平板电脑和移动设备上覆盖的不同区域。
例如，如果您将桌面网格百分比设置为 50%，则您的列将覆盖半行。
例如，如果您将桌面网格百分比设置为 50%，则您的列将覆盖一半的行。
有很多选项可以设置列宽，从 5% 到 100%，间隔为 5。您可以通过单击下拉菜单来选择一个。
设置列宽的选项有很多，从 5% 到 100%，间隔为 5。您可以通过单击下拉列表来选择一个。
之后，您需要在“内容”框中添加专栏内容，然后单击“确定”按钮将其插入到您的帖子中。
之后，您需要在内容框中添加列内容，然后单击确定按钮将其插入到您的帖子中。
该插件现在将使用您的内容生成所需的短代码并将其添加到您的帖子编辑器中。
该插件现在将使用您的内容生成所需的短代码并将其添加到帖子编辑器中。
现在已添加第一列，您可以重复此过程以添加更多列。对于行中的最后一列，不要忘记选中“行中的最后一列”框。
现在已添加第一列，您可以重复此过程以添加更多列。对于行中的最后一列，不要忘记选中“行中的最后一列”框。
之后，您可以保存帖子并预览。这是使用“二十十七”主题在我们的测试网站上的外观。
之后，您可以保存帖子并预览。这就是我们使用“二十十七”主题的测试网站上的样子。
We hope this article helped you learn how to add columns in your WordPress posts and pages. You may also want to see our simple guide on how to 轻松对齐 WordPress 帖子中的图像.
我们希望本文能帮助您学习如何在WordPress帖子和页面中添加列。 您可能还想查看有关如何轻松对齐 WordPress 帖子中的图像简单指南。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
WordPress 列布局