最佳 WordPress 所见即所得编辑器 – 7 个页面构建器比较

正在为 WordPress 寻找最好的 WYSIWYG 编辑器？

这篇文章基于我过去三年的经验，当时我从一个拖放式 WP 编辑器切换到另一个。

我终于找到了一个我喜欢的，我会告诉下面是哪一个。

那么为什么你需要一个 WYSIWYG 的 WordPress 编辑器呢？

毕竟，WordPress 已经捆绑了一个名为 TinyMCE 的编辑器，它在技术上是一个所见即所得的编辑器。

我应该在这里澄清一下，我所说的 WYSIWYG 编辑器是一个编辑器，您可以在其中准确地看到您在创建页面或发布时获得的内容。

使用 TinyMCE，在您点击“保存”然后预览它之前，您并不确切知道输出会是什么样子。

此处评论的 WYSIWYG 编辑器都允许实时前端编辑（Site Origin 的页面构建器除外——更多信息见下文）。 这意味着当您编辑页面或发布时，您会看到与页面上显示的完全一样的最终输出。

这就是为什么一个合适的 WYSIWYG 编辑器，又名拖放编辑器或可视化编辑器，对于需要快速上传他们的文章或博客文章的忙碌博主来说是必不可少的。

我最近将我使用的可视化编辑器从 Site Origin 的 Page Builder Premium 更改为 Thrive Architect。 在采取行动之前，我做了很多研究：这些是我考虑过的竞争者。

什么是最好的 WordPress 所见即所得编辑器？

Visual Composer 是最畅销的 WordPress 拖放页面构建器之一。 它绝对是最佳 WordPress 所见即所得编辑器的竞争者。

它有一个功能齐全的后端和前端编辑器，适用于任何 WordPress 主题。

Visual Composer 带有超过 45 个内容模块，包括：

• 后网格
• 媒体支持
• 图表
• 幻灯片背景
• 轮播幻灯片
• YouTube
• 维密欧
• 自托管视频

Visual Composer 的一些其他功能包括：

• 易于应用的部分、行和列的视差背景效果
• 支持 alpha 通道的 CSS 渐变背景
• 支持帖子、页面和自定义帖子
• 支持 WordPress 简码
• 模板系统允许您将自定义设计元素保存为模板
• 针对 SEO 进行了优化，因此您的内容在关键字排名方面有一个良好的开端
• 在移动设备上完全响应
• 完整的修订历史记录使您可以快速恢复到以前的工作版本
• 支持默认的 WordPress 小部件
• 侧边栏编辑器
• 标题编辑器
• 页脚编辑器
• 在几秒钟内将您的 Visual Composer 模板从站点迁移到站点
• 与 Gutenberg 兼容 - 在页面布局中的任何位置添加 Gutenberg 块

简而言之

适用于基本布局。 布局和用户界面不是很直观。 与其他页面构建器相比，内容元素的选择并不多。

价钱

• 自由
• 每年 49 美元起

Site Origin 的页面构建器拥有超过一百万的活跃安装量，是最受欢迎的 WordPress 页面构建器之一。 它的受欢迎程度部分是由于它是免费的（尽管您可以购买高级小部件包）。

以下是一些功能：

• 适用于任何 WordPress 主题
• 为您添加的每一列选择确切的行数
• 使用所有现有的 WordPress 小部件
• 响应式设计
• 支持帖子、页面和自定义帖子类型
• 修订历史工具可让您撤消更改

尽管 Site Origin 的 Page Builder 是免费的，但有一个 Premium Widget Bundle（29 美元），其中包括附加组件，例如：

• 手风琴
• 块动画
• 联系表
• 号召性用语小部件
• 灯箱
• 视差滑块
• 感言

Site Origin Page Builder 与任何 WP 主题集成，因此它不会让您使用特定主题。

它没有其他 WordPress 可视化编辑器那么多的样式选项。 对于高级样式，您需要熟悉 CSS。

Site Origin 有后端和前端编辑器。 但是前端编辑器并不像这里评论的其他所见即所得编辑器那样先进。

您在前端编辑器中所做的更改不会立即可见——您必须在页面重新加载时等待几秒钟。

与其他编辑器相比，这使它感觉笨拙，并减慢了创建新博客文章的过程。

我在 Site Origin Page Builder 中发现的另一个问题是，很难找到插入元素的正确位置，例如新段落、新标题或新图像。

在实时编辑器中，您只能在左侧面板中添加元素（或模块）。 但是很难知道您在左侧面板中的位置。

如果他们添加这样的功能会很棒：当您将鼠标悬停在右侧面板中的元素上时，它会自动向下滚动左侧面板并突出显示左侧面板中的相关块。 这样你就知道在哪里插入你的新元素或模块。

一年多前，我写信给 Site Origin Page Builder 关于这个问题。 但他们显然没有接受。

最后一个考虑：

如果您卸载 Site Origin Page Builder，它会留下干净的 HTML 和短代码的混合。 这意味着您使用 Site Origin 创建的页面可能无法在其他页面构建器中编辑。

简而言之

Site Origin 的 Page Builder 与 Elementor 和 Thrive Architect 不同。 在我看来，它不是“最佳 WordPress WYSIWYG 编辑器”。

一方面，“实时编辑器”不是真正的前端编辑器。 您在编辑时不会立即看到更改 - 每次编辑后页面重新加载都会有一个时间延迟。 这真的会让你慢下来。

价钱

• Site Origin Page Builder可免费下载
• Site Origin Premium 起价为每年 29 美元

Divi Builder 最初是 Elegant Themes 的 Divi 主题的一部分。 但它现在是一个独立的页面构建器，适用于任何 WordPress 主题。

其中一些功能是：

• 前端和后端编辑
• 完全响应式设计
• 支持帖子、页面和自定义帖子
• 附带 46 个页面构建器模块
• 快速和容易使用
• 允许您对不同的布局进行 A/B 测试
• 支持自定义 CSS

简而言之

Divi Builder 拥有超过 500,000 名客户，是最受欢迎的 WordPress 编辑器之一。 它为不同类型的网站提供了 20 多种不同的布局和模板

但是，Divi Builder 严重依赖于短代码。 这意味着您无法切换到另一个页面构建器。 实际上，您只能使用 Divi Builder。 这是一个严重的缺点，在我看来，它将它从最佳 WordPress 所见即所得编辑器的竞争中移除。

价钱

• 要下载 Divi Builder，您必须成为 Elegant Themes 的会员，每年 89 美元。
• 这也使您可以访问由 Elegant 主题创建的每个主题和插件 - 不错！

Elementor Page Builder 是一个相对较新的 WordPress 可视化编辑器（于 2016 年推出），但它的活跃安装量已经超过 1,000,000。

它自称是“世界领先的 WordPress 页面构建器”。

据我所知，它是唯一的开源 WordPress 页面构建器。 成千上万的开发人员通过构建主题、附加组件和其他产品扩展了 Elementor 的核心功能。

以下是一些功能：

• 模板系统可让您保存布局并在网站的其他地方重新使用它们
• 允许您添加由其他 WordPress 插件创建的小部件
• 随附 300 多个模板，旨在满足每个行业和需求
• 真正的前端编辑 - 在编辑页面时实时查看页面
• 留下干净的代码（如果您停用 Elementor）
• 使用 Elementor 的 Canvas 设计整个登陆页面
• 超过 80 种设计元素，包括基本图像和文本小部件到高级手风琴、滑块、推荐信、图标、社交媒体、标签等
• 适用于任何 WordPress 主题和插件
• 修订历史允许您通过简单的按键快速撤消任何错误
• 在您的页面中嵌入 Facebook 帖子和视频
• 支持响应式移动友好设计

简而言之

这是目前最先进的页面构建器之一。 承诺成为最好的 WordPress 可视化编辑器，您可以确定不断改进。

一个很大的优点是免费版本可以让您访问付费版本的大约 90%。 但是，Elementor 缺乏对转换的任何关注，因此不是营销人员的最佳选择。

毫无疑问，有些人认为 Elementor 是最好的 WordPress WYSIWYG 编辑器。 但是，如果您的重点是最大限度地提高网站的转化率，那么我相信这个头衔属于 Thrive Architect。

价钱

• 自由
• 一次性费用 49 美元

这就是我可能会失去一些客观性的地方，因为我刚搬到 Thrive Architect（从 Site Origin Page Builder），我对它印象深刻！

Thrive Architect 基于 Thrive 之前的页面构建器 Thrive Content Builder，它进行了大修和许多新功能。

Thrive Architect 从其他可视化编辑器中脱颖而出的地方在于它专注于转换。 这就是为什么它成为博主和营销人员的最爱。

Thrive Architect 带有可与所有主要电子邮件营销工具集成的可自定义按钮、推荐、倒计时计时器和潜在客户生成表格。

如果您已经在使用 Thrive Leads，则只需单击一下按钮，就可以添加您的选择加入表单。

我非常喜欢 Thrive Architect 的一个方面是能够使用滑块缩放图像（在我之前的页面构建器中，您只有 5 或 6 个固定尺寸）：

Thrive Architect 中的另一个很酷的选项是能够在图像顶部放置一个着色层。

如果你真的想吸引人们的注意力，你可以添加动画标题（我在下面的 gif 中使用了这两种技术）：

前端编辑绝对是一种享受——可能是所有可视化编辑器中最好的前端编辑体验：

我喜欢 Thrive Architect 的另一件事是高级投影控件。

我喜欢在我的屏幕截图周围放置阴影，以便它们从文本中脱颖而出。 在我以前的编辑器中，没有办法做到这一点，所以我会在图形应用程序中添加阴影 - 非常耗时。

使用 Thrive Architect，只需单击一下！

还记得我说过 Thrive Architect 专门从事转换吗？

Thrive Architect 包含强大的登录页面构建器也就不足为奇了。

这些是您可以添加到登录页面的一些现成（但可自定义）部分：

• 社会证明/推荐部分
• 英雄形象部分
• 号召性用语部分
• 功能部分
• 工作原理部分
• 奖金部分
• 保证科
• 销售漏斗

以下是 Thrive Architect 的一些其他功能：

• 移动友好的响应式设计
• 内置模板系统让您
• 保存和加载布局
• 修订历史和撤消和
• 重做按钮进行更正
• 改变微风
• 样式子弹点
• 列表（像这个）
• 特征网格（带有图像或图标）
• 动态倒数计时器
• 选择加入表格
• 页面事件 - 根据某些触发器显示灯箱弹出窗口

Thrive Themes 的团队不断向 Thrive Architect 添加新特性和新功能。 这确保了这个 WordPress 编辑器将继续成为 WordPress 的最佳 WYSIWYG 编辑器。

简而言之

Thrive Architect 是营销人员或任何试图将访问者转化为订阅者或客户的人的理想页面构建器。 Thrive Architect 专门从事转换，它拥有比我所知道的任何其他页面构建器都多的转换工具。 在外观和感觉方面，Thrive Architect 经常与 Elementor 进行比较。 但与 Elementor 相比，我更喜欢 Thrive Architect 的 UI。 在我看来，Thrive Architect 是最好的 WordPress 所见即所得编辑器。

价钱

Thrive Architect 是 Thrive Suite 的一部分，每季度 90 美元

Beaver Builder 拥有超过 500,000 的活跃安装，是最受欢迎的 WordPress 页面构建器之一。 它也是最容易使用的工具之一——因此它是博客新手的绝佳选择。

以下是 Beaver Builder 提供的一些功能：

• 适用于任何 WordPress 主题
• 实时前端编辑 - 在您做出更改时查看更改
• 支持 WordPress 小部件和短代码
• 支持自定义 CSS 类和 ID
• 如果您卸载 Beaver Builder，您的内容将被传输到本机 WP 编辑器
• 针对移动设备进行了优化
• 附带数十个预制页面模板
• 提供滑块、轮播、背景、内容块、按钮等模块

我不得不说; 与 Elementor 或 Thrive Architect 相比，Beaver Builder 的用户界面看起来有点基本：

简而言之

Beaver Builder 对于初学者来说是一个很好的选择，因为掌握它的窍门并不需要很好的学习曲线。 它提供的模块不像其他一些页面构建器那样多。 从好的方面来说，如果您想恢复到 WordPress 编辑器，Beaver Builder 会留下 100% 干净的代码。 因此，您将能够在 WordPress 编辑器和大多数其他页面构建器中编辑您以前的帖子。

价钱

• 第一年 99 美元，然后以 40% 的折扣续订

WordPress 总是带有自己的预装编辑器。 但是 WordPress 最近发布了一个全新的、完全免费的、名为 Gutenberg 的拖放编辑器。

Gutenberg 有一个非常干净、直观的用户界面：

一旦您安装了古腾堡，它就会成为默认编辑器——您不必选择它。

古腾堡编辑器根据您插入页面或通过单击“加号”符号发布的块进行操作：

虽然与 WordPress 预装的开源 TinyMCE 编辑器相比，Gutenberg 是一个巨大的飞跃，但它仍然缺乏您在付费页面构建器中获得的一些高级功能。

这是古腾堡随附的积木示例

• 内容摘要块
• 高级列表块
• 按钮块
• 图像块
• 高级视频块
• 目录块
• 谷歌地图块
• 高级表格块
• 手风琴块
• 推荐块
• 社交链接块

虽然我喜欢干净整洁的界面，但我确实注意到了一些错误（在我使用的版本中）：

• 很难在古腾堡内部编辑永久链接
• 项目符号列表必须位于其自己的块中，否则块中的整个文本都会变成项目符号

我应该在这里提到古腾堡没有得到很好的审查。 在官方 WordPress 网站上，Gutenberg 编辑收到了 1791 条评论，平均 2.2 颗星（满分 5 星）。

简而言之

Gutenberg 是一个优雅、整洁的拖放页面构建器。 但在与上述任何页面构建器竞争之前，它肯定需要做更多的工作。 诚然，它是免费的，但 Site Origin、Elementor 和 Visual Composer 都提供功能齐全的免费版本。

价钱

• 免费（包含在 WordPress 中）

当我搜索新的 WordPress 页面构建器时，这些是我正在寻找的关键功能：

• 易于使用的界面
• 真正的前端编辑（即您在编辑页面时立即看到更改）
• 在移动设备上完全响应
• 适用于任何 WordPress 主题
• 支持所有默认的 WordPress 小部件
• 模板系统，以便您可以保存自定义元素和布局并重新使用它们
• 允许您快速恢复到以前版本的修订历史记录
• 目录模块
• 支持自定义 CSS
• 留下干净的代码

Elementor 和 Thrive Architect 似乎是两个最先进的 WordPress 页面构建器，它们都满足我的最低要求列表。

我最终选择 Thrive Architect 有两个原因：

原因#1

当您在 Thrive Architect 中编辑页面时，模块位于屏幕的一侧，每个模块的控件位于屏幕的另一侧。

但在 Elementor 中，模块和控件位于屏幕的同一侧。

这意味着您在 Elementor 中的点击次数比在 Thrive Architect 中的点击次数要多得多。 在 Elementor 中，完成段落、标题或图像的样式设置后，您必须单击返回才能进入模块菜单。

而在 Thrive Architect 中，模块仍然存在，在屏幕的另一侧。

原因#2

像大多数博主一样，我试图将访问者转化为订阅者（并最终转化为客户）。

Thrive Architect 对转换的关注是我的决定性因素。 Thrive Architect 中与转换相关的模块比任何其他 WordPress 页面构建器都多。