Elementor vs 古腾堡

谁不喜欢一场精彩的战斗？ 我们认为，在网站建设方面，我们为您找到了一个非常史诗般的网站。

在这个角落，我们有 Elementor——自称“WordPress 页面构建器之王”（他们的话，不是我们的话）。 另一个角落是 Gutenberg，它是预装 WordPress 的新编辑器。

两个建设者都有自己的长处和短处，要弄清楚哪一个适合你可能会令人困惑。 为了帮助理解它们各自提供的功能，这里是 Elementor 和 Gutenberg 的详细比较：

什么是元素？

Elementor 是一个免费和开源的 WordPress 拖放页面构建器插件。 它的构建理念是让每个人都更容易进行 Web 开发，无论他们的编码经验如何。

它由开发网站 20 多年的 Yoni Luksenberg 创建。 发现网页设计过程缓慢且效率低下，他想创建一些东西来帮助人们构建漂亮的网站，而无需编写代码。 Elementor 于 2016 年 5 月推出，此后发展迅速，成为历史上最受欢迎的 WordPress 插件之一。

使用 Elementor，您可以构建任何类型的网站：登录页面、在线简历/作品集网站、商业网站等等——所有这些都可以从头开始或使用预制模板。 您还可以自定义现有主题以获得所需的结果——没有任何限制。

Elementor 的主要特点

以下是此页面构建器的主要功能：

• 拖放编辑器
• 超过 100 个小部件
• 主题生成器
• 全局编辑
• 响应式编辑
• 可以创建令人惊叹的、俏皮的进出动画效果
• 拥有超过 90 个网站工具包
• 随附 300 多个已制作的模板
• 您可以将自定义 CSS 代码添加到您的设计中
• 它具有 WooCommerce、弹出窗口、表单和登录页面构建器
• 与众多 SEO 插件集成

为什么要使用 Elementor？

易于使用：使用 Elementor，您无需学习任何编码知识即可创建漂亮的网站。 该编辑器是基于拖放的，使您能够使用可以轻松拖放到位的小部件直观地设计页面。

您也可以只选择一个模板 - 插件提供数百个模板 - 根据您的需要自定义它们，然后继续为您的网站创建新页面或帖子！

令人印象深刻的预制设计和模板：元素带有预制设计和模板，有助于节省时间。 这些设计经过精心设计并针对转化进行了优化，这意味着它们的设计考虑了用户操作！

从头开始设计这些需要几个小时，所以如果仅凭这个功能还不够理由，那么我不知道还有什么能说服别人！

实时预览： Elementor 具有实时预览功能，使我的客户能够在更改发生时立即查看所做的更改，而不是等到所有内容都完成后再一次查看（这节省了我们俩的时间！）。 此外，如果某些事情看起来不正确，我们可以返回而无需重新开始

什么是古腾堡？

如果您正在阅读本文，古腾堡（又名“ WordPress 中的新内容编辑器”）已经成为您生活的一部分。 无论您是否使用过它，它已经是 WordPress 的重要组成部分。

块页面构建器是 2018 年（WordPress 5.0）发布后创建的所有 WordPress 网站和帖子的默认编辑器。

“古腾堡”这个名字来源于约翰内斯·古腾堡，他是一位在 1450 年代发明了活字印刷机并改变了我们交流方式的科学家。

最好将 Gutenberg 视为相当于 MS Word 或 Google Docs 的文字处理器，但专为 WordPress 网站构建 - 取代了自 2005 年以来一直在使用的旧经典编辑器。

古腾堡的主要特点

以下是此块编辑器的主要功能：

• 使用块来构建内容和页面
• 创建块不需要编码
• 采用现代技术设计，确保快速可靠
• 支持图库照片
• 有一个图像编辑器，允许您在编辑器上调整大小、缩放等

为什么要使用古腾堡？

为什么要使用古腾堡？ 好吧，让我们来看看这样做的好处。

• 创建可重复使用的块：新的块编辑器可以轻松创建可在多个帖子和页面中使用的可重复使用的内容块。 此功能将节省您的时间，并允许您确保网站上的风格一致。 号召性用语框、产品/价格表、图片库等是可以使用 Gutenberg 的拖放界面创建的可重用块的一些示例。
• 高级小部件和编辑工具： Gutenberg 带有许多小部件，可以放置在列或设计的其他区域内。 其中包括简码、最新帖子、类别、标签云和档案。 这些小部件使非开发人员可以非常轻松地在页面布局中放置其他内容，而无需具备技术知识或编码技能。
• 与任何第三方插件和主题集成：由于古腾堡现在是 WordPress 核心的一部分，没有什么能阻止第三方添加与其插件和主题的兼容性。

Gutenberg Vs Elementor：他们有什么共同点吗？

是的，这两个构建器有一些共同点。 以下是前 3 名：

• 单独编辑： Elementor 和 Gutenburg 都允许您编辑单独的块（无论是段落、图像还是其他）。 这个特性很重要，因为它表明两个页面构建器都花费了时间和精力来解决这个需求。
• 自定义布局：您可以使用 Elementor 和 Gutenburg 创建自定义布局。 换句话说，如果您希望文本在左侧，图像在右侧，您可以轻松实现！
• 与第三方插件兼容：如果您想扩展 Elementor 或 Guttenberg 的功能，在线提供大量兼容的插件。 例如，如果您正在使用 Gutenburg 在您的表单或画廊中寻找一些自定义功能，请尝试使用高级表单。 如果您想使用 Elementor 更好地控制图像的外观，请尝试 Image Intense。

Elementor Vs Gutenburg：有什么区别？

Elementor 和 Gutenburg 是两个 WordPress 页面构建器，它们都承诺简化用户的网站构建体验。 他们通过提供拖放式、基于块的编辑器来做到这一点，与使用经典 HTML 编辑相比，这些编辑器使从头开始设计网站更容易、更快、更直观。

但是，Elementor 和 Gutenburg 都有其不同之处。 以下是每个必须提供的比较：

成本

如果成本是您决定的一个因素，那么古腾堡赢得这一轮，毫无疑问。 Elementor 是一个高级插件，每年花费 49 到 999 美元，具体取决于您选择的计划。 免费版受到严格限制，并且不包含您在构建网站时要使用的许多元素，例如表单域、画廊或翻转框。

Gutenberg 随 WordPress 5.0 及更高版本免费提供。 如果您有一个较旧的 WordPress 网站并决定现在（或将来）升级到 5.0，古腾堡将免费提供。

特征

Elementor 声名鹊起的一直是它的扩展功能。 它可以让您在网站上做比古腾堡更多的事情。

让我们从可视化编辑器开始。 Elementor 更易于使用，并带有大量模板、部分和小部件，您可以根据需要进行自定义。

如果你需要一个电子商务页面，Elementor 有，而 Gutenberg 甚至还没有。 您还可以从 Elementor 内部创建详细的列、行、页眉、页脚和侧边栏。

方便使用的

Gutenberg 非常易于使用，用户界面 (UI) 具有简单的布局设计。

使用 Elementor 时的 UI 更加简单。 他们创建了一个不错的拖放界面，只需单击几下鼠标，您就可以在网站的前端构建页面。

学习曲线

如果您有页面构建器的经验，那么学习古腾堡会很容易。 但是，如果您是一个完整的新手，那么您可能需要先观看一些视频教程，然后才能掌握它的窍门。

另一方面，如果您对页面构建器和网站一无所知，那么 Elementor 适合您。 它带有许多预构建的模板，您可以根据自己的喜好安装和自定义。

每个构建器都有其学习曲线，但是一旦您学会了如何使用它们，就不会那么难了。

表现

毫无疑问，Elementor 在功能和自定义方面是最好的页面构建器之一。 但是，凭借它具有的所有功能，您可以期望在您的网站上加载大量代码。 因此，它会影响您网站的整体性能。

Gutenberg 页面构建器是 WordPress 核心的一部分，因此与 Elementor 相比加载速度更快，Elementor 内部包含大量英国媒体报道软件。 页面加载时间在 SEO 性能和用户体验 (UX) 方面起着重要作用。 因此，如果您正在寻找极快的速度并希望在搜索引擎中排名更高，那么我们建议您使用 Gutenberg 编辑器而不是 Elementor。

在使用 Google Page Speed Insights 或 GTMetrix 等工具进行测试时，Gutenberg 页面的性能优于 Elementor

后端和前端

如果您是 WordPress 世界的新手，您可能不知道在 WordPress 网站上编辑内容的方法不止一种。 有两种类型的编辑器：后端和前端（或实时）编辑器。 您使用的类型取决于您，很大程度上取决于您的偏好和对技术的舒适度。

Gutenberg 是一个后端编辑器，这意味着当您使用它时，您可以直接在与您的网站读者在您的帖子或页面发布后看到的相同环境中工作。 例如，如果您想移动元素或为部分文本测试不同的字体大小，那么在页面发布之前，您将无法看到这些更改。

不过，从好的方面来说，如果在 Gutenberg 中编辑帖子或页面时出现问题（发生），解决该问题会更容易。 是的——您所有的编辑工作都是在您可以轻松点击的熟悉环境中完成的。

Elementor 既是前端编辑器，也是后端编辑器。 在帖子、页面或草稿上使用页面构建器时。 无论您是在后端还是前端模式下工作都没有关系。 无论您使用何种模式，您都可以进行任何类型的更改和编辑。

主题兼容性

确保您选择的插件与您的主题兼容至关重要！ 毕竟，如果不是，您将无法使用它。

Gutenberg 是一个默认的 WordPress 编辑器，适用于任何主题。 但是，由于它不会改变您的主题设置和样式或颜色，您创建的内容可能看起来不像您想要的那样经过微调。 所以如果你想超越 Gutenberg 的限制，你需要一个兼容 Elementor 的主题。

Elementor 与所有 WordPress 主题完美配合，但与专为 Elementor 构建的高级主题一起使用时效果更好。 如果您选择其中一个主题（并且有很多），那么所有默认设置都会同步，因此它们与您在 Elementor 中创建的网站元素之间不会发生冲突。

编辑自由

编辑自由呢？ 您可以自由修改 Gutenberg 中的内容，但页面布局是禁止的。 您不能编辑编辑器的页脚、侧边栏、页眉或任何全局元素。 Elementor 让您可以完全控制页面上的所有元素。

在基于某些类型的内容创建自定义模板时，Elementor 也更加灵活。 它为帖子和页面提供了预定义的模板，并且可以根据需要进行自定义

选择哪一个？

您已经决定要创建一个博客。 您已经保留了您的域名，选择了一个托管计划，并准备好推出。 现在是时候选择一个插件，它可以为您提供所需的创意选项，同时保持后端顺利运行。

如果您只是在寻找一种工具来创建一个简单的网站并且不希望它被不必要的元素臃肿（因此很慢），那么 Guttenberg 的多余代码比 Elementor 少。 更少的膨胀意味着更快的加载速度，这等于更高的搜索引擎排名。

保持较高的页面加载速度对于在搜索引擎中获得良好排名至关重要，但使用吸引人的设计也是如此。

那么，如果您想要的不仅仅是一个基本网站怎么办？

如果是这样，那么 Elementor 很可能是您最好的选择，因为它的界面在构建更复杂的布局（如部分和列）时更容易和更快。

而且由于我们都知道 SEO 的重要性，因此您需要设计一个快速加载的网站。 Elementor 可能会以一些不太完美的优化代码为代价（功能性的小代价）。 但是，有一些方法可以解决这个臃肿的代码，比如使用消除臃肿的插件，如 Assets Cleanup、Perfmatters 等。

结论

对于没有太多技术知识的初学者来说，Gutenberg 和 Elementor 都是不错的选择。 他们都做得很好，但他们都有自己的长处和短处。 每个都最适合特定目的。

如果你想给你的网站一个更漂亮的外观和感觉，Elementor 是最好的选择，它有大量的预制模板和块供你选择。 它还为您提供任何页面的完整编辑功能。

另一方面，Gutenberg 可以轻松添加按钮、表格、YouTube 嵌入和其他类似元素。 它可以构建快速无膨胀的页面，如果您不熟悉边距和填充，这对您来说是一种祝福。

因此，我们没有明确的赢家。 最适合您的页面构建器将取决于您的预算、技术技能和网站设计需求。

如何在 WooCommerce W/O 插件中添加愿望清单