是否要在WordPress帖子中添加多列内容?

列可用于创建 您的出版物和页面的有吸引力的布局.

传统的印刷媒体,例如报纸和杂志,从印刷开始就采用了多列布局。 他们的目标是使 用户 更经济地使用可用空间,更易于阅读较小的文本。

如果您还没有在 WordPress 上创建网站或博客,我们邀请您在接下来的 7 个步骤中咨询如何安装 WordPress 博客, 如何找到,安装和你的博客激活WordPress主题

单列布局在网络上更常用。 然而 网格 包含多列的内容对于突出显示内容以及促进阅读和分析仍然很有用。

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

将内容添加到多个wordpress列e1565264744355

在WordPress中添加多列内容-简单的解决方案

创建多列内容(在WordPress中也称为网格内容)现在很容易,因为它是默认功能。 的 新的WordPress Gutenberg块编辑器 提出一个列块。

要添加多列布局,您需要创建一个新帖子或编辑一个帖子。 进入编辑区域后,点击“ 添加 在顶部添加一个块。

然后您必须选择块  在“布局元素”标签下。

添加wordpress列

您将看到鼠标指针跳到左列,而占位符将出现在右列。

Wordpress Gutenbeg上的列

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

您还将能够在屏幕的右列中看到块参数。

古腾堡柱的例子默认情况下,列块会添加两列。 您可以从右侧的块设置中增加要添加的列数。 这样一来,您最多可以添加六列。

编辑古腾堡wordpress列只需单击列,然后开始输入内容即可。 您可以使用键盘上的Tab键移动到下一列。

转到下一个wordpress列向您的专栏添加多媒体和其他内容

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

列块允许您在每列内添加块。 只需将鼠标悬停在列上,您会注意到“添加一个新块里面 您也可以通过输入块的名称来添加块。

将图像添加到列

您选择的块将出现在列中。 您可以去那里添加内容。

要上传-上传-您的媒体,请查看我们的文章 如何在WordPress上上传你的批量媒体

古腾堡列图像块

这就是您的新列在 WordPress主题 默认二十九。 在此示例中,我们使用三列,最后一列包含图像。

图片添加gutenberg列

如果您只想在侧面添加图片和文字,也可以使用块 媒体和文字 而不是列。 此块专门设计用于在文本旁边显示媒体,例如图像和视频。

WordPress阻止文本媒体

在经典编辑器中添加了几列 WordPress

如果您尚未将WordPress升级到古腾堡,并且仍在使用经典编辑您需要安装一个单独的插件来创建网格布局 .

首先安装并激活插件 轻量级网格列

有关详细说明,请按照我们的分步指南进行操作 在WordPress中安装插件.

激活后,您可以创建新消息或打开旧消息进行编辑。 然后点击“ 添加列 在可视编辑器工具栏中。

添加列wordpress经典编辑器现在,您将看到一个弹出窗口,可用于添加第一列。 您可以选择在台式机,平板电脑和移动设备上以不同的方式覆盖列的范围。

通过发现进一步 如何创建WordPress的一个完整的页面宽度

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

定义列的百分比

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

列宽选项

然后,必须在“内容”区域中添加列的内容,然后单击“确定”按钮以将其插入出版物中。

divi列的内容

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

在本教程中发现 如何安装和配置可湿性粉剂超高速缓存插件 改善博客的性能。

在经典的wordpress编辑器上添加的列

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

在经典的wordpress编辑器上添加另一列

之后,您将可以保存预览并进行预览。 这是我们第二十七测试网站上的外观。

列添加了WordPress演示

如果您还想找到可以帮助您在页面或出版物上创建列的WordPress主题,请参阅3 WordPress主题 高级 非常适合此任务。

1。 TheGem

有很多的 WordPress主题 它可能声称提供 OnePage 布局,但没有一个可以提供 TheGem WordPress 模板所具有的丰富选项和功能。 

Thegem多功能wordpress主题创建网站

您与一个好的 OnePage 网站相关联的所有设计元素都存在于此 WordPress主题 :全屏滑块(可以使用随提供的 Revolution Slider 插件创建) WordPress主题),有六种标题样式可供选择,并且能够使用包中包含的 Visual Composer 插件创建全角部分。

此外,它还为字体,颜色和图标等项目提供了许多自定义选项。 这是一件罕见的事情,但是还有一些我们不喜欢有关TheGem的细节。 但基本上,这是一个适合您的WordPress主题,因为它具有很多积极的方面。 它是一个强大的竞争者,这将有助于创建OnePage网站。

下载演示 | 虚拟主机

2。 斯德哥尔摩

Stockholm 是一个 WordPress 主题,旨在帮助您创建建筑公司、土木工程或任何与建筑翻新领域相关的公司的网站。 这个 WordPress模板 面向关注质量和细节的专业人士。

斯德哥尔摩主题 -  WordPress的 - 多用途多功能的创建站点互联网

带有选项面板和用户友好的后端,它们将使您轻松管理内容。 该模板大约有20个演示,演示了可以使用此WordPress主题的各种活动。 并且这些也可以用作将来自定义的基础,以便您的网站具有独特的外观。

反应灵敏,可以在任何类型的屏幕上完美显示。 如果在自定义或安装此模板的过程中遇到困难,则包装中随附的完整文档可以作为指南。 而且,即使您仍然无法做到,仍可以使用针对此主题WordPress的支持。

下载演示 | 虚拟主机

3。 木星

木星是另一个非常流行的WordPress主题。 它具有25演示,涵盖我们类别中的6-代理商,创意,教育,食品,卫生和电子商务-以后的更新中将添加更多内容。 它的大多数布局都具有简约的设计和令人愉悦的版式。

木星的主题 -  WordPress的 - 多用途多功能的创建站点互联网

Jupiter的主要卖点之一是其Creative Header Customizer,它可以让您快速轻松地自定义网站的页眉设计。 Visual Composer,3滑块(Layer,Revolution和iCarousel),10新短代码,超过1800图标和10自定义帖子类型都包括在交付中。

它的页面加载时间也很出色。 这是一个极好的产品,你会很难找到这么多 WordPress主题 有它的特点。

下载演示 | 虚拟主机

其他推荐资源

为了进一步优化博客或网站,我们还建议您参考一些链接,这些链接将使您沉浸在古腾堡的世界中

结论

这里 ! 本教程就是这样。 我们希望本文能帮助您学习如何在WordPress帖子和页面中添加列。 不要犹豫 与您的社交网络上的朋友分享本教程.

如果您有任何建议或意见,欢迎他们。 但是,如果您是新手,我们邀请您咨询我们的 RESSOURCES.

...