你想在你的WordPress帖子中添加多列内容吗?列可以用来为你的文章和页面创建引人入胜的布局。
传统的印刷媒体,如报纸和杂志,从印刷的早期开始就一直使用多栏布局。他们的目标是使用户更容易阅读较小的文本,同时经济地利用可用空间。
单列布局在网络上更常用。然而,多列网格对于突出显示内容和使其更容易扫描和阅读仍然很有用。
在本文中,我们将向您展示如何轻松地在WordPress帖子中添加多列内容,而无需编写任何HTML代码。
视频教程
如果您喜欢书面说明,请继续阅读。
在WordPress中添加多列内容-简单的方法
在WordPress中创建多列内容又名网格列内容现在很容易,因为它是默认功能。新的WordPress块编辑器Gutenberg包含了一个列块。
要添加多列布局,您需要创建一个新帖子或编辑一个现有的帖子。进入后期编辑区域后,点击添加’图标在顶部添加一个块。
接下来,你需要选择‘Columns’布局元素’选项卡。
现在您将看到鼠标光标在左列上跳跃,并在右列上出现一个文本占位符。
从上面的截图中可以看到,Columns块一开始看起来只是一个空白区域。如果将鼠标移到左侧,可以看到块边界高亮显示。
您还可以在后期编辑屏幕的右列看到块设置。
默认情况下,列块将添加两列。您可以从右侧的块设置中增加要添加的列的数量。它允许您在一行中最多添加六列。
只需点击一个列并开始键入添加内容。您可以使用键盘上的tab键切换到下一列。
在您的列中添加媒体和其他内容
除了文本内容,您还可以在WordPress列中添加图像和嵌入视频。
columns块允许您在每个列中添加块。将鼠标移到列上,你会看到‘Add new block’图标在里面。您还可以通过输入/然后输入块名称来添加块。
您选择的块现在将出现在列内。现在可以继续往里面添加内容了。
以下是您的新列在默认的Twenty – 19主题中的外观。在本例中,我们使用三列,最后一列包含一个图像。
如果你只想在图片旁边添加一些文字,那么你也可以使用‘Media and text ’块而不是列。这个特殊的块是专门为显示媒体,如图像和视频旁边的一些文字。
添加多个列在旧的WordPress经典编辑器
如果你还没有升级你的WordPress到古登堡,仍然使用经典编辑器,那么你需要安装一个单独的插件来创建一个网格列布局。
首先,安装并激活轻量级网格列插件。有关详细说明,请按照我们关于如何在WordPress中安装插件的一步一步指南。
激活后,您可以创建新帖子或打开旧帖子进行编辑。接下来,点击‘添加列’按钮。
现在您将看到一个弹出窗口来添加您的第一列。在台式机、平板电脑和移动设备上,您可以选择您的专栏可以覆盖的面积。
例如,如果您将桌面网格百分比设置为50%,则列将覆盖半行。
有很多选项可以设置你的列宽度,从5%到100%,间隔为5。您可以通过点击下拉菜单选择一个。
之后,你需要在‘content ’然后点击“OK”按钮将其插入到您的帖子中。
插件现在将生成所需的短代码与您的内容,并将其添加到您的帖子编辑器。
现在您的第一列已经添加好了,您可以重复这个过程来添加更多的列。对于行中的最后一列,不要忘记勾选框‘行中的最后一列’。
之后,你可以保存你的文章并预览它。这是它在我们的测试网站上使用二十七主题的样子。
我们希望这篇文章能帮助你学习如何在你的WordPress帖子和页面中添加列。你可能还想看看我们关于如何在WordPress帖子中轻松对齐图像的简单指南。
和
RSS