想在你的WordPress帖子或页面中添加多列内容吗?下面是如何在WordPress中添加网格列布局(不需要任何HTML或CSS代码)。

你想在你的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帖子中轻松对齐图像的简单指南。

更多有关于 Wordpress插件技巧

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号