是否要在WordPress帖子中添加多列内容?
列可用于创建 您的出版物和页面的有吸引力的布局.
传统的印刷媒体,例如报纸和杂志,从印刷开始就采用了多列布局。 他们的目标是使 用户 更经济地使用可用空间,更易于阅读较小的文本。
如果您还没有在 WordPress 上创建网站或博客,我们邀请您在接下来的 7 个步骤中咨询如何安装 WordPress 博客, 如何找到,安装和你的博客激活WordPress主题
单列布局在网络上更常用。 然而 网格 包含多列的内容对于突出显示内容以及促进阅读和分析仍然很有用。
在本教程中,我们将向您展示如何轻松地将多列内容添加到WordPress帖子中,而无需编写任何HTML代码。
在WordPress中添加多列内容-简单的解决方案
创建多列内容(在WordPress中也称为网格内容)现在很容易,因为它是默认功能。 的 新的WordPress Gutenberg块编辑器 提出一个列块。
要添加多列布局,您需要创建一个新帖子或编辑一个帖子。 进入编辑区域后,点击“ 添加 在顶部添加一个块。
然后您必须选择块 列 在“布局元素”标签下。
您将看到鼠标指针跳到左列,而占位符将出现在右列。
如您在上面的屏幕截图中所见, 柱 起初似乎是一个空白区域。 如果将鼠标悬停在左侧,则可以看到突出显示的块的边框。
您还将能够在屏幕的右列中看到块参数。
默认情况下,列块会添加两列。 您可以从右侧的块设置中增加要添加的列数。 这样一来,您最多可以添加六列。
只需单击列,然后开始输入内容即可。 您可以使用键盘上的Tab键移动到下一列。
向您的专栏添加多媒体和其他内容
除了文本内容之外,您还可以在WordPress列中添加图像并将视频嵌入。
列块允许您在每列内添加块。 只需将鼠标悬停在列上,您会注意到“添加一个新块里面 您也可以通过输入块的名称来添加块。
您选择的块将出现在列中。 您可以去那里添加内容。
要上传-上传-您的媒体,请查看我们的文章 如何在WordPress上上传你的批量媒体
这就是您的新列在 WordPress主题 默认二十九。 在此示例中,我们使用三列,最后一列包含图像。
如果您只想在侧面添加图片和文字,也可以使用块 媒体和文字 而不是列。 此块专门设计用于在文本旁边显示媒体,例如图像和视频。
在经典编辑器中添加了几列 WordPress
如果您尚未将WordPress升级到古腾堡,并且仍在使用经典编辑您需要安装一个单独的插件来创建网格布局 列.
首先安装并激活插件 轻量级网格列.
有关详细说明,请按照我们的分步指南进行操作 在WordPress中安装插件.
激活后,您可以创建新消息或打开旧消息进行编辑。 然后点击“ 添加列 在可视编辑器工具栏中。
现在,您将看到一个弹出窗口,可用于添加第一列。 您可以选择在台式机,平板电脑和移动设备上以不同的方式覆盖列的范围。
通过发现进一步 如何创建WordPress的一个完整的页面宽度
例如,如果设置50%桌面网格百分比,则您的列将覆盖行的一半。
它具有许多选项来设置列的宽度,从5%到100%,间隔为5。 您可以通过单击下拉菜单来选择一个。
然后,必须在“内容”区域中添加列的内容,然后单击“确定”按钮以将其插入出版物中。
该插件将使用您的内容生成所需的简码,并将其添加到您的帖子编辑器中。
在本教程中发现 如何安装和配置可湿性粉剂超高速缓存插件 改善博客的性能。
现在已经添加了第一列,您可以重复此过程以添加更多列。 对于最后一列,请不要忘记选中“该行的最后一列“。
之后,您将可以保存预览并进行预览。 这是我们第二十七测试网站上的外观。
如果您还想找到可以帮助您在页面或出版物上创建列的WordPress主题,请参阅3 WordPress主题 高级 非常适合此任务。
1。 TheGem
有很多的 WordPress主题 它可能声称提供 OnePage 布局,但没有一个可以提供 TheGem WordPress 模板所具有的丰富选项和功能。
您与一个好的 OnePage 网站相关联的所有设计元素都存在于此 WordPress主题 :全屏滑块(可以使用随提供的 Revolution Slider 插件创建) WordPress主题),有六种标题样式可供选择,并且能够使用包中包含的 Visual Composer 插件创建全角部分。
此外,它还为字体,颜色和图标等项目提供了许多自定义选项。 这是一件罕见的事情,但是还有一些我们不喜欢有关TheGem的细节。 但基本上,这是一个适合您的WordPress主题,因为它具有很多积极的方面。 它是一个强大的竞争者,这将有助于创建OnePage网站。
2。 斯德哥尔摩
Stockholm 是一个 WordPress 主题,旨在帮助您创建建筑公司、土木工程或任何与建筑翻新领域相关的公司的网站。 这个 WordPress模板 面向关注质量和细节的专业人士。
带有选项面板和用户友好的后端,它们将使您轻松管理内容。 该模板大约有20个演示,演示了可以使用此WordPress主题的各种活动。 并且这些也可以用作将来自定义的基础,以便您的网站具有独特的外观。
反应灵敏,可以在任何类型的屏幕上完美显示。 如果在自定义或安装此模板的过程中遇到困难,则包装中随附的完整文档可以作为指南。 而且,即使您仍然无法做到,仍可以使用针对此主题WordPress的支持。
3。 木星
木星是另一个非常流行的WordPress主题。 它具有25演示,涵盖我们类别中的6-代理商,创意,教育,食品,卫生和电子商务-以后的更新中将添加更多内容。 它的大多数布局都具有简约的设计和令人愉悦的版式。
Jupiter的主要卖点之一是其Creative Header Customizer,它可以让您快速轻松地自定义网站的页眉设计。 Visual Composer,3滑块(Layer,Revolution和iCarousel),10新短代码,超过1800图标和10自定义帖子类型都包括在交付中。
它的页面加载时间也很出色。 这是一个极好的产品,你会很难找到这么多 WordPress主题 有它的特点。
其他推荐资源
为了进一步优化博客或网站,我们还建议您参考一些链接,这些链接将使您沉浸在古腾堡的世界中
结论
这里 ! 本教程就是这样。 我们希望本文能帮助您学习如何在WordPress帖子和页面中添加列。 不要犹豫 与您的社交网络上的朋友分享本教程.
如果您有任何建议或意见,欢迎他们。 但是,如果您是新手,我们邀请您咨询我们的 RESSOURCES.
...
嗨,我有这个插件...。 但是它不能很好地工作,它发生了:
我将创建两列,一列用于照片,另一列用于文本,因此,当将JUMP文本保存在照片下方时,文本仅两行,而不是列的整个高度保持accano,看到一列消失…..
我该怎么办? 为什么会发生这种情况,这里还有另一个更好,更简单的插件?
谢谢,我将感谢您的帮助!
你好伊琳娜,
尝试激活默认的WordPress主题,如果一切正常,则问题出在您当前的WordPress主题上。
同时检查你是否有插件更新。
我只能说是Geniale。
它工作得很好,CA回复了我所有的期望。
感谢nombreu(BCP)
你好,
非常感谢,太好了
如何添加颜色到我的专栏?
Mercii
你好,
您可以使用自定义的CSS做到这一点。
你好,
我无法将文本粘贴到列中。 可能吗 ?
你好,
你怎么处理?
我已经复制了一些文本,并尝试通过CRTL + V粘贴,但没有成功。 右键单击上下文菜单不提供粘贴功能。
除了重新输入所有内容外,我没有找到其他解决方案...
很抱歉这么晚才回复。
您可以确保通过右键单击页面上的另一个元素来显示上下文菜单吗? 如果是这样,则您的托管服务可能存在JavaScript问题。
如果您使用的是Google Chrome浏览器,请转至有问题的页面,然后按“ F12”键(将打开一个窗口或将附加到该页面),然后选择“控制台”选项卡。 对此屏幕截图进行截图,如果有问题,我会告诉您。
你好,
谢谢您的回复。
我的网站由Free托管,可能是javascript问题。
您能告诉我如何转发我制作的屏幕截图吗?
亲切
我们要米雷耶但服务您所需要的类型是不幸的是付出,我们邀请您联系我们的技术团队blogpascher.com
当我为Free安装受限版本时,我认为问题就在那里。
我将尝试安装另一个版本...
我复制了一些文本,并尝试将其粘贴到插件的一列中。 既不能使用键盘快捷键CTRL + V,也不可以在不提供此功能的右键单击上下文菜单中使用。
是否有任何替代方案重新输入的一切吗?
我只有一个字可以说很棒! 我安装了它,经过两到三个修复后,我设法制作了专栏,谢谢!
感谢Ronnie的反馈。
你好,我安装了高级wp列。
但是当我在页面上浏览时,每列的左上方都有一个白色正方形? 你能帮助我吗。 谢谢
Bonsoir,
您是否尝试过使用默认的wordpress主题来查看问题是否仍然存在?
你好,
我们真的不能帮你,如果你不给你做的如何有一个白色方形的细节。
留言Merci。