想要在 WordPress 中添加多个列?

将内容组织成列的做法可以追溯到印刷的早期。 这种格式可以是一种组织文本、图像等的通用方式。但是,在 WordPress 中添加多个列并正确放置它们可能有点棘手。

幸运的是,不必如此。 现在,您只需几个步骤即可使用块编辑器轻松地将多个列添加到您的 WordPress 帖子和页面。

您还可以使用经典编辑器或页面构建器插件来实现此布局。

在本教程中,我们将了解如何在 WordPress 中添加多个列。

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

为什么要使用多列布局

从选择正确的 WordPress 主题到 添加自定义字体,您的网站设计的个性化是您的品牌强加的核心。 您的文章和布局也是这个难题的一部分。 尝试不同的布局选项可能是为您的内容添加结构多样性的好方法。

由于没有最适合可读性的单一格式,因此您可以发挥创意并找到适合您的外观。 您可以更改每个页面的布局以适应不同类型的内容,并创建一个由具有不同布局的页面组成的 WordPress 站点。

列是一种特别通用的格式。 如果您希望经济地使用您的空间,它们是一种分割文本的简单方法。

您还可以使用列以一致的方式耦合不同的小部件,如 好友老板主题 :

如何在wordpress中添加多个列

或者,您可能只是对使用灵活的格式感兴趣,该格式可以删除或重新调整以满足您的需求。 无论您的推理是什么,专栏都可以为您的网站增添多样性和组织性。

如何在 WordPress 中添加多列

在 WordPress 的早期,用户需要具备 HTML 的应用知识,并且能够自信地编辑他们的代码以将列添加到他们的帖子中。 当时,写作和编辑内容还没有 最友好的体验.

幸运的是,现在有两种简单的方法可以在 WordPress 中添加列——不需要 HTML。

块编辑器带有直观的内置列功能,喜欢经典编辑器的人会很高兴听到您始终可以使用 WordPress插件.

现在让我们看看这两种方法。

第一种方法:使用块编辑器的原生功能

我们将首先使用块编辑器 (Gutenberg) 添加几列。 新的默认 WordPress 内容创建界面提供 许多有用的功能,都专注于易于移动的内容块。

其中一项功能是恰当命名的 Columns 块,它可以帮助您创建任意数量的列。

要开始,请输入 “列” 在块编辑器的搜索框中,您可以通过单击按钮打开 +. 或者,您只需单击屏幕并开始输入 “列” 显示相同的选项。

这将调出一个窗口,您可以在其中选择列布局:

如何在wordpress中添加多个列

从两个默认列开始并稍后调整设置也是一种选择。

一旦你指定了你想要多少个部分以及你想如何划分它们,你可以将块拖放到任何你想要的地方。

然后您可以在 Columns 块内嵌套其他块。 它们都可以是文本块。 尝试通过将其放在图像或日历列旁边来增强一列文本以使其突出:

如何在wordpress中添加多个列

不要害怕通过混合和匹配元素来利用编辑器的灵活性。

之后,您可以返回到 Columns 块设置并更改宽度比以满足您的需要。 每个单独的列都可以根据您想要的外观类型进行调整。

由于块编辑器的可视化界面,您在后端的工作将直接转化为前端。 作为参考,这是我们的示例在发布后的样子:

一旦您了解了基础知识,就可以通过列进行更多探索。

如果您正在寻找块编辑器的更多功能,您可以考虑下载 WordPress插件 这增强了块功能并尝试了新的内容组合。

方法二:使用 Classic Editor 和 Elementor Page Builder

您还可以在没有代码的情况下向您的帖子和页面添加多个列。 您只需要一个插件。 有很多选项可以完成这项工作,因此您需要做的第一件事就是选择一个。

因为我是插件的忠实粉丝 页面构建器元素, 我将使用这个来创建一个多列布局:

Ce 页面构建器 是一个可靠的免费选项,它使用直观的拖放界面,并拥有超过 5 万次活动安装。

一旦有了 安装并激活插件 在您的网站上,转到您要编辑的页面并使用 Elementor 进行编辑。

如何在wordpress中添加多个列

您将被带到 Elementor 编辑器。

如上图所示,我们将点击红色按钮 + 添加一个新部分以及将要使用的列数。

我们现在将选择编辑器和文本和日历小部件

更新您的页面并预览您的文章。

与此 WordPress插件,您还可以选择添加或删除列数。

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 联系表格7成功重定向

Contact Form 7 Success Redirect是Contact Form 7的高级WordPress插件的扩展,它允许在访客或用户提交联系人后将其重定向到页面。

创建重定向-联系表格7成功重定向wordpress插件

当表单提交过程导致重定向到管理员选择的页面时,它旨在使表单更加用户友好。

如何用WooCommerce创建一个私人商店 ? 通过查阅本文进行查找。

这是非常容易配置的。 您可以通过从信息中心的现有页面中选择一个页面或通过提供 自定义重定向网址.

发现我们的 8 WordPress插件,以改善您的博客的SEO

每种形式都有其自己的配置。 因此,可以以唯一的方式定义每个成功的重定向。

下载 | 演示 | 虚拟主机

2。 LetsPush Web推送通知

Web推送通知,也称为浏览器推送通知,是可单击的消息,即使用户不知道其电子邮件或其他联系信息,也可以由网站发送给用户。

用于Wordpress woocommerce buddypress的Letspush Web推送通知插件

即使用户没有浏览您的网站,它的通知也会实时传递。 该WordPress插件还允许管理员将推送通知消息发送给已订阅该网站的用户。

因此,您可以发送个性化消息,出售产品或将有关您网站的更新发送给访问者。 它与BuddyPress和 与WooCommerce兼容.

下载 | 演示 | 虚拟主机

3。 WooCommerce社交登录

这个高级WordPress插件有助于减少网站的注册时间,这通常会使用户烦恼并减少您的销售。 但是,如果您使用WooCommerce社交登录,则可以节省用户节省的时间,这也必然会增加您的销售额。

如何使用WordPress BuddyPress插件增强社交网络-Woocommerce社交登录wordpress插件

当客户首次访问您的网站时,您可以通过允许他们以访客身份签出来简化签出。 但是,这会给想要从您的在线商店多次购买的客户造成摩擦。 他们每次必须创建一个不同的用户名和密码。

发现我们的 50 WooCommerce插件来提高你的网上商店

因此,WooCommerce社交登录使此过程变得尽可能简单和安全-客户可以使用其Facebook,Twitter,Yahoo,LinkedIn,Foursquare,Windows Live,VKontakte(VK.com),PayPal,Instagram帐户登录到您的网站。和亚马逊。

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

向您的 WordPress 网站添加栏目可以帮助您保持布局的新鲜感和吸引力。 尽管执行此操作的过程有时可能会有些棘手,但您可以使用一些简单的方法使其变得更容易。

这是 ! 这就是本教程的内容,我希望您现在知道何时以及如何在 WordPress 中添加多个列。 不要犹豫 与您最喜欢的社交网络上的朋友分享

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

如果您有任何建议或意见,请将其留在我们的部分 评论.

...