古腾堡与 WordPress 页面构建器:彼此区分开来的主要区别
已发表: 2020-03-30在过去一年左右的时间里,就在 WordPress 5.0 发布之后,关于 Gutenberg 的未来前景以及它如何与 WordPress 的常见传统页面构建器抗衡的争论一直没有结束。 一年半后,争论仍在继续。 随着越来越多的人升级到 WordPress 5.0,他们开始质疑 Gutenberg 能否在页面构建领域带来革命性的变化。 它能否成为 Elementor、Divi 和 Beaver Builder 等传统拖放构建器的理想替代品?
自 2017 年 6 月推出以来,Matt Mullenweg 将 Gutenberg 介绍为 WordPress 的终极和默认块编辑器。 从那以后,对于它的用户来说,使用它的体验得到了不同的反应,在全世界都喜欢和不喜欢它的完美平衡。
刚开始时,Gutenberg 遇到了许多问题,例如无响应的块、功能有限的功能缓慢等。但考虑到 WordPress 5.4 的最新版本,Gutenberg 目前似乎是一个强大的工具,具有快速响应的块编辑机制。

但现在真正的问题是它是否仍然有机会对抗其他高级页面构建器插件的免费版本,或者两者之间是否有任何重大区别使它们与众不同? 好吧,这样的比较查询现在和永远都是不可避免的。
因此,在这篇文章中,我们试图阐明 Gutenberg 与 WordPress 页面构建器的一些基本差异,因此,如果您在理解两者之间的适用性时感到困惑,那么您可以做出正确的选择更适合你的。
古腾堡与 WordPress 页面构建器:主要区别
也许现在你们中的一些人已经在您的网站上同时使用 Gutenberg 和 WordPress 页面构建器,甚至不知道它们的真正区别。 因此,您可能不知道使用这些有助于很好地组织您的网站的神奇工具的真正目的。 因此,该类别的人肯定会发现下面的差异比较很有趣。
在这里,我们比较了每种工具的基本优点、缺点、建议等。 所以让我们开始吧。
比较古腾堡与 WordPress 页面构建器的主要产品

让我们根据以下标准分析工具,例如:
块和小部件
简单的内容编辑块是古腾堡的主要组成部分,这就是为什么大多数人抱怨它的块和功能的特性缺乏变体。 对于许多 Gutenberg 的默认块而言,可能足以构成他们的日常内容元素,但对于更关键或更详细的设计,这可能还不够。 但是随着最新的更新,列块现在变得更加灵活,但并没有掩盖其块设计选项中的不足。

另一方面,WordPress 页面构建器附带了广泛的块、小部件、附加组件等。 这使用户可以自由地构建接近他们想象的所需页面。 它还使用户能够使用其他高级元素,例如滑块、轮播、并排比较、表格、号召性用语按钮等。
编辑选项
在编辑页面内容时,Gutenberg 主要作为其用户的后端基于块的编辑器。 尽管尝试启用其前端编辑选项,但它仍然无法为用户提供页面在前端的外观。
尽管当您从后端的编辑器面板中隐藏其菜单和其他设置选项时,它在前端的视图中给出了一个公平的想法。 但这仍然不是您正在编辑的网页或帖子的实际插图。 虽然一旦您预览它,您就可以正确了解页面发布或发布后内容的外观。

而像 Elementor 这样的 WordPress 页面构建器具有实时编辑功能以及拖放页面构建功能。 这意味着您将能够实时查看页面上所做的所有更改,以及移动小部件和其他可编辑功能的能力。
所做的任何调整都会在您眼前发生变化,而无需离开该页面或保存它。 这使得编辑变得非常容易,因为您可以正确地进行位置或内容自定义所需的任何更正。
主题、扩展和兼容性

在使用 Gutenberg 时,您不能只是简单地更改或调整 WordPress 主题或添加扩展以增强其可用性。 在您的整个用户体验中,它基本上保持不变并且处于空闲状态。
尽管在使用 Gutenberg 时,主题的样式保持不变,但是可以为其中的块添加有限数量的 CSS 和自定义 CSS。 对于许多用户来说,这有时会变得很无聊,因为他们没有太多选择可以改变或玩。
但在使用 Page Builder 的情况下并非如此。 您可以在其默认主题上自由使用许多流行的插件或扩展,以提高页面构建的性能和可用性。
更重要的是,它们中的大多数都是完全兼容的,并且不会影响其原始性能。 此外,您甚至可以对其主题的样式和设置进行显着更改和更新。 因此,如果想要创建任何自定义页面布局,其广泛的功能对用户来说非常有用。
页面格式和内容设计
从推出之日起,有限的页面格式选项一直是 Gutenberg 的一个缺点。 它不允许添加块的自定义宽度,而添加列宽的百分比是可能的。 此外,设计选项也不是那么创新。 从它的传统结构或颜色转向另一种需要相当多的工作。

但是在内容的形成和设计方面,WordPress Page Builders 与 Gutenberg 相比总是领先一步。 格式化页面或在其上设计页面非常简单、快捷且轻松。

其用户友好的界面使用户能够比以往更简单地进行任何类型的页面调整,例如缩放、颜色、字体、自定义定位、元素转换、填充。 虽然如果您正在设计的页面很重,它可能会有点滞后也是事实。
响应能力和性能
如今,随着现代技术的兴起,大多数插件都采用响应式设计。 它在各种平台上对其进行测试,以确保其在所有平台上的性能基准。 因此,在这种情况下,古腾堡也不例外。 它已经在各种设备上测试了它的性能和响应能力,并在此基础上进行了设计设置调整。
由于是一个轻量级工具,Gutenberg 到目前为止没有表现出任何缓慢或性能滞后。 但由于越来越多的人使用移动设备访问网站,因此保持类似的响应能力成为一项挑战。 由于当前的设计非常简单和基本,因此在某些部分缺乏响应式设计选项。

而页面构建器也需要在设置中进行类似的安排,以保持其响应能力和性能。 但在大多数情况下,它的响应能力取决于其页面和内容的大小。 为 WooCommerce 商店进行了 Gutenberg 和 WordPress Page Builder 之间的性能比较测试。
WooCommerce 插件已启用,并且商店在所有站点上都设置了相同的产品。 尽管两者在 WooCommerce 网站上的请求相似,但与所有页面构建器相比,Gutenberg 的页面加载时间更快。 这很可能因不同的插件而异,例如在这个单一供应商 WooCommerce 网站之上的多供应商市场。
主要发现和观察

在分析了上面的比较之后,可以肯定地说,这两个工具之间最重要的区别在于您如何看待它。 古腾堡通过将自己介绍为博客文章和页面内容编辑器来简单地感受到它的存在。
任何 WordPress 用户都可以轻松使用它,即使他们没有任何使用它的先验知识。 从长远来看,这将非常有利于它,因为大多数人都在寻找一个简单且用户友好的网页构建平台。
另一方面,WordPress,页面构建器是为希望构建具有更大视野和多功能性的页面的用户而构建的。 它适用于那些希望以插件形式添加许多广泛功能和页面内功能的用户。 更不用说它大量的小部件和块,它们提高了它的可用性并提供了足够的设计选择可供选择。
那么你应该选择哪一个?为什么?

现在从 Gutenberg 和 WordPress Page Builders 的上述细节来看,很明显这两种工具都可以用于许多好的但不同的用途。 因此,对于用户来说,在他们的网站上使用它时,了解哪一个可以更好地帮助他们达到什么目的变得至关重要。 因此,让我们找出最适合用户选择或使用其中一种工具的地方。
如果满足以下条件,古腾堡将是合适的: | 页面构建器将适用于: |
您正在寻找使用表格、按钮、单独块等准备的基本内容。 | 您需要完全控制内容的设计、样式、填充、间距等。 |
您的页面构建受限于单个布局列,因为多个布局列仍然不可靠并且需要改进。 | 您正在构建的页面需要预先构建的小部件或插件来扩展附加功能 |
内容的完美对齐不是问题,您可以使用其基本对齐选项。 | 您需要完全自定义或创建与页面构建器的默认主题或样式不同的页面设计。 |
您对内容的详细样式并不太感兴趣,并且希望使用简单的块来为您完成这项工作。 | 您的页面构建要求是具有灵活但更可靠的列布局。 |
快速加载页面是您正在寻找的,无需额外的 Javascript、CSS 或字体请求。 | 视觉上吸引人的页面是您所拥有的,包括一个简单的拖放功能来构建任何类型的网页。 |
根据上表的比较和您的工作方式,您可以轻松确定哪一种更适合您的网站。
战斗继续还是在这里结束?
好吧,看看这些迷人工具中的每一个的当前前景和重新建立,争论可能只会持续一段时间。 目前,在这方面的意见可能因人而异,具体取决于他们的需求,但从实际情况来看,这两种工具都有改进的余地。
老实说,可以说像 Elementor、Divi、Beaver builder 这样的 WordPress 页面构建器在满足用户页面构建需求方面更加设计友好和灵活。

但这并不一定意味着古腾堡没有机会与现代的 WordPress 页面构建器竞争。 事实上,当用户想要为他们的 WordPress 内容布局提供一个轻量级的块编辑工具时,Gutenberg 就成为他们所有人的自动选择。
但它也确实没有提供像 Elementor 这样的页面构建器所提供的那种控制。 更不用说扩展插件,如快乐插件、基本插件等,Elementor 允许其用户使用以增强页面构建体验。 但是说了这么多,如果你问我,那么对于日常使用,古腾堡只是完成了你的工作,当然有几个选项可以在未来进行改进。