2022 年 10 个最佳 WordPress 页面构建器插件比较

试图为您的网站决定最好的 WordPress 页面构建器？

我亲身体验了10 个不同的 WordPress 页面构建器，以帮助您做出决定。 是的——我使用了其中的每一个——这不仅仅是基于营销副本的列表。

我将在五个类别中客观地比较这 10 个 WordPress 页面构建器：

1. 界面——界面是如何工作的，它是否可以轻松构建漂亮的页面？
2. 包含的小部件/模板——你有什么选择来构建你的页面？
3. 样式选项——如何为页面上的元素设置样式？
4. 其他值得注意的功能——页面构建器是否提供任何值得注意的独特功能？
5. 锁定——如果你想禁用插件会发生什么？ 您总是会丢失自定义样式，但有些页面构建器会留下干净的代码，而另一些则不会。

对于每个类别，我会给页面构建器打 5 分。

然后，最后，我会将所有内容放在一起，并推荐我认为最好的 WordPress 页面构建器。

以下是我将介绍的 10 个 WordPress 页面构建器——您可以单击以跳转到特定的页面构建器：

• 元素
• 海狸生成器
• 迪维生成器
• 兴旺建筑师
• SiteOrigin 页面生成器
• WPBakery 页面生成器
• 主题生成器
• 轻快的
• 视觉作曲家
• WP页面生成器

或者您可以直接前往比较表。

1.元素

Elementor 最初于 2016 年推出，是该列表中较年轻的页面构建器之一。 但即使起步较晚，Elementor 在 WordPress.org 上的活跃安装量也很快超过 3,000,000，这使其成为最受欢迎的页面构建器，至少按 WordPress.org 的数字来看是这样。

它声名鹊起的是快速、无故障的视觉界面、灵活的样式选项以及强大的其他功能，如完整的主题构建。

虽然它最初只是一个页面编辑器，但高级版 Elementor Pro 现在让您可以做的不仅仅是页面构建。 最显着的两个特点是：

• Theme Builder – 使用同样方便的 Elementor 界面设计您的整个主题。 这包括您的页眉、页脚、存档页面、单个帖子页面、WooCommerce 产品/商店页面、自定义帖子类型模板等。您可以获得常见元素的专用小部件，甚至可以从自定义字段动态插入内容。
• Popup Builder – 使用完整的 Elementor 界面设计灵活的弹出窗口。 您可以包含所有常规的 Elementor 小部件，它允许您创建电子邮件选择加入弹出窗口、联系表单弹出窗口、登录弹出窗口等。

这两个新增功能确实帮助 Elementor 在竞争中脱颖而出。 尽管主题构建正在成为一种流行的功能，但弹出窗口构建器仍然非常独特。

阅读我们的 Elementor Pro 评论。

价格：免费核心版。 Elementor Pro 起价为 49 美元，可在单个站点上使用。

接口 – 5/5

Elementor 界面分为两个核心部分，第三个区域用于一些较小的设置：

• 1 – 这是您设计的实时预览。 它看起来与您的访问者将看到的完全一样。 您还可以在此界面中直接键入文本，以及拖放各种元素以重新排列它们。
• 2 – 这显示了您可以使用的元素列表。 您只需将它们拖过来即可。 当您选择单个元素或部分时，您将在此处设置样式。
• 3 – 这些可帮助您访问响应式预览、撤消/重做更改和其他较小的功能。

例如，这里看一下如何拖动文本小部件，然后只需在页面上键入（内联编辑）即可更改文本：

使用 Elementor Pro，您可以使用相同的界面来设计主题和弹出窗口。 您还可以获得专门的小部件/功能来帮助您做到这一点。

包含的小部件/模板 – 5/5

在免费版本中，Elementor 包含28 个免费小部件。 您还可以使用所有核心 WordPress 小部件。 专业版又增加了约 30个小部件，在专业版中总共为您提供58 个小部件：

免费版还附带约 40 个免费模板。 专业版增加了数百个额外的模板。

模板有两种格式：

• 页面– 您只需要编辑的整页设计。
• 积木——您可以像乐高积木一样拼凑的各个部分。

您还可以将自己的设计保存为模板，以便以后重复使用。

样式选项 - 5/5

当您单击任何部分、列或小部件时，Elementor 在左侧边栏中提供三个样式选项卡。

确切的选项取决于您正在编辑的元素，但通常 Elementor 提供了任何页面构建器中最深的一组样式选项。

除了颜色、背景和排版等基本内容之外，您还可以控制更高级的设置，例如：

• 自定义边距/填充。
• 自定义 CSS 类/ID。 使用 Elementor Pro，您可以直接将实际 CSS 样式添加到单个元素。
• 响应式控制。 您可以在特定设备上显示/隐藏元素。

Elementor 最近还添加了自定义定位，这使得将小部件放置在页面上的特定位置变得更加容易。

其他显着特点 – 5/5

Elementor Pro 中提供了这些功能：

• 全主题建筑。 您可以使用相同的 Elementor 界面来构建模板部分，例如页眉、页脚、单曲和档案。 基本上，您可以使用 Elementor 构建整个主题。
• WooCommerce builder – 设计您的 WooCommerce 产品和商店页面。
• 弹出式建筑。 设计灵活的弹出窗口并将它们定位到特定内容。
• 表单集成。 将表单小部件连接到流行的电子邮件营销服务（或 Zapier 以获得更大的灵活性）。
• 全局小部件。 这些使您可以跨多个页面重用一个公共元素，并通过仅更新全局小部件来编辑全局小部件的所有实例。
• 嵌入任何地方。 通过小部件或简码在其他区域使用 Elementor 模板。

锁定 – 5/5

如果您曾经停用 Elementor，它会留下干净的代码。 例如，如果您在 Elementor 中有一个 <h3> 标头，则在停用 Elementor 后您仍然会有一个 <h3> 标头 - 它只会使用您的主题样式。

2. 海狸生成器

Beaver Builder 长期以来一直是页面构建器市场的中坚力量。 它输出干净的代码（用于页面构建器），深受最终用户和实施者的欢迎，并以新功能和更新的形式定期受到关注。

还有一些官方附加组件可以与它配对以获得更大的灵活性 - 特别是可选的 Beaver Builder 主题和 Beaver Themer 扩展。

阅读我们的 Beaver Builder 评论。

价格：有限的免费版本。 起价 99 美元，可在有限的网站上使用。

接口 – 5/5

Beaver Builder 为其前端可视化构建器提供了独特的界面。 您从右侧的侧边栏完成大部分工作。 但是这些侧边栏选项仅在您单击顶部栏中的按钮时才会出现，因此可以随时查看全屏预览：

• 1 – 单击此按钮以打开侧边栏区域
• 2 – 这是您设计的实时预览

Beaver Builder 最近添加了内联文本编辑，这意味着您可以直接在页面上键入以编辑文本或使用出现的弹出窗口：

老实说，在弹出窗口中使用内联编辑有点尴尬。 但是您可以轻松地将编辑器固定到侧边栏以解决该问题。

包含的小部件/模板 – 4/5

在免费版本中，Beaver Builder 仅允许您访问6 个模块，但您也可以使用标准的 WordPress 小部件。

另一方面，高级版可让您访问30 个模块。 这些模块也都是模块化的，因此您可以根据需要启用或禁用它们。

在高级版中，您还可以访问约 56 个页面模板，以及将自己的设计保存为模板的能力。

样式选项 - 5/5

要设置模块和部分的样式，您可以：

• 使用默认弹出窗口
• 将窗口固定在一边以创建侧边栏（您可以在下面的示例中看到）。

确切的选项取决于模块，但通常 Beaver Builder 可以让您很好地控制元素，包括自定义间距和响应式控件。

Beaver Builder 还提供了一个非常独特的切换功能，可让您根据用户是否登录来显示或隐藏各个模块：

其他显着特征 – 4/5

• 海狸主题。 虽然这是一个单独的扩展，但它添加了完整的主题构建功能，如 Elementor。
• 白标。 如果您正在为客户构建网站，您可以轻松地为 Beaver Builder 贴上白标。
• 海狸生成器主题。 此可选主题使您可以更好地控制网站的外观。

虽然独特的功能很好，但我要强调一点，因为您必须支付更多费用才能获得它们。

锁定 – 5/5

与 Elementor 一样，Beaver Builder 留下了 100% 干净的代码和正确的 HTML 格式。

3. Divi Builder

Divi Builder 是来自优雅主题的流行高级页面构建器。 虽然它最常用作 Divi 主题的一部分，但 Divi Builder 也是一个独立的插件，您也可以将其与其他主题一起使用。

与前两个页面构建器不同，Divi Builder 允许您使用可视前端界面和后端界面编辑内容，尽管大多数用户可能更喜欢前端界面。

在最新版本 Divi 4.0 中，Divi 还添加了完整的主题构建支持，在这方面与 Elementor 和 Beaver Builder 相提并论。 也就是说，您现在可以使用 Divi 来设计您的页眉、页脚、模板等。

阅读我们的 Divi Builder 评论。

价格：作为 89 美元优雅主题会员的一部分提供

接口 – 5/5

Divi Builder 的后端界面如下所示：

但大多数时候，您将使用前端可视化界面。 Divi Builder 绝对是独一无二的。 我个人不是粉丝，但我认识很多喜欢它的人，所以我不会因此而扣分。

基本上，不是任何类型的侧边栏，而是弹出窗口和浮动按钮。 您可以在下面看到添加模块的示例：

与前两个页面构建器一样，您也可以使用内联编辑直接在页面上编辑文本：

与其他一些页面构建器插件使用的侧边栏相比，您是否更喜欢这种方法取决于您。

包含的小部件/模板 – 5/5

Divi Builder 包括46 个模块，您可以使用它们来构建您的设计：

您还可以访问分布在 40 个不同布局包中的大量316 个预构建模板，以及将您自己的设计保存为模板的能力：

样式选项 - 5/5

与 Beaver Builder 一样，Divi Builder 允许您从弹出窗口中设置元素的样式，如果需要，您可以将其固定到侧面。

Divi 的标志之一一直是它为您提供了多少样式控制。 在三个不同的选项卡中，您可以配置各种设置，包括响应式控件、自定义间距等等。

您甚至可以将自定义 CSS 添加到主元素或主元素之前/之后。 CSS 编辑器甚至包括基本的验证和自动完成功能！ 您还可以直接从编辑器中打开颜色选择器：

总而言之，Divi Builder 确实通过其样式选项突破了界限 - 这是好东西。

其他显着特点 – 5/5

• 主题构建- 使用 Divi Builder 界面设计您的整个主题。
• A/B 测试。 最好的附加功能之一是 Divi Builder 的内置 A/B 测试系统。 没有其他页面构建器可以如此轻松地在核心中拆分测试。
• 迪维主题。 将 Divi Builder 与 Divi 主题配对后，您可以完全控制网站的外观。
• 用户访问控制。 Divi Builder 包括强大的基于角色的访问控制。
• WordPress 定制器控件。 您可以使用本机 WordPress 定制器自定义某些元素的外观。

锁定 – 3/5

Divi Builder 的批评之一一直是它基于简码。 这意味着如果您停用它，它将在您的内容中留下一堆短代码。

虽然这有点令人沮丧，但现在存在诸如 Shortcode Cleaner 之类的插件，这不再是一个问题。 您将丢失格式（如 <h3> 标记），但不会丢失内容本身。

4. 兴旺建筑师

Thrive Architect 是曾经的 Thrive Content Builder 的改进版本。 新界面与 Elementor 的界面有很多相似之处，稍后您会看到。

尽管任何人都可以使用它，但它特别受博客作者和联盟营销人员的欢迎，因为它专注于转化率。 我个人喜欢 Thrive Architect 的一件事是它的默认样式开箱即用。

阅读我们的 Thrive Architect 评论。

价格：它是 Thrive Suite 的一部分，每月收费 19 美元（按年计费）。

接口 – 5/5

就像我说的那样，您会看到 Thrive Architect 的界面和 Elementor 界面之间的一些相似之处（如果您想知道，Elementor 是第一位的）：

这是同样的想法，你有：

• 1 – 这是您设计的实时预览。 它看起来与您的访问者将看到的完全一样。 您还可以在此界面中直接键入文本，以及拖放各种元素以重新排列它们。
• 2 – 这显示了您可以使用的元素列表。 您只需将它们拖过来即可。 当您选择单个元素或部分时，您将在此处设置样式。
• 3 – 这些可帮助您访问响应式预览、撤消/重做更改和其他较小的功能。

是的——我从 Elementor 部分复制并粘贴了它。

当您单击嵌套元素时，一个独特的东西是面包屑选择器。 当您想在元素和部分之间快速跳转时，此功能实际上非常方便：

Thrive Architect 还提供真正的内联文本编辑。 事实上，在我看来，Thrive Architect 具有任何页面构建器中最无缝的内联编辑功能：

包含的小部件/模板 – 4/5

Thrive Architect 提供40 种不同的小部件，包括一些简洁的小部件，如常青倒计时计时器。

Thrive Architect 还包括数百个模板，分为约 36 个“集合”。 您还可以将自己的设计保存为模板。

样式选项 - 5/5

Thrive Architect 在处理样式方面与 Elementor 有所不同。 Thrive Architect 没有为您提供选项卡，而是将所有内容都包含在一个列中。

样式选项相当详细，包括响应式控件和自定义间距：

您还可以在页面级别添加您自己的自定义 CSS。 对于单个元素，您只能分配 CSS 类或 ID。

其他显着特征 – 3/5

一个很酷的功能是设置页面事件的选项。 这些使您可以根据某些触发器显示灯箱弹出窗口：

另一个很酷的事情是它与其他 Thrive Themes 产品的集成程度如何。 例如：

• 如果您使用 Thrive Optimize，则可以使用 Thrive Architect 运行 A/B 测试。
• 如果您使用 Thrive Leads，您可以轻松地将 Thrive Leads 的详细选择加入到 Thrive Architect 中。

锁定 – 5/5

Thrive Architect 留下了 100% 干净的代码，例如 Elementor 和 Beaver Builder。

5. SiteOrigin 页面构建器

SiteOrigin Page Builder 似乎永远存在。 在那个“永远”中，它成功地在 WordPress.org 上收集了超过 100 万次活跃安装，这使其成为市场上最受欢迎的页面构建器插件之一。

虽然 SiteOrigin Page Builder 比此列表中的大多数其他选项更轻巧，但它提供了出色的性能和大量有用的 CSS 控件。

价格：免费。 SiteOrigin Premium 套装起价 29 美元

接口 – 3/5

SiteOrigin 有两个界面，您可以使用它们来构建您的设计。

您拥有原始的后端编辑器：

您可以拖放块或单击特定块进行编辑。

此编辑器为您提供最大的工作空间，但它缺少任何类型的实时预览。

如果您确实想要实时预览，SiteOrigin Page Builder 添加了实时编辑器模式：

这与此列表中的其他页面构建器不同，因为您实际上无法在实时预览中拖放元素。 但它也不仅仅是您设计的预览，因为左侧的抽象框和实时预览之间存在一些交互性。

例如，您可以将鼠标悬停在实时预览上的框上，侧边栏中的相关框也将突出显示。 您还可以单击实时预览中的元素以打开其设置：

包含的小部件/模板 – 2/5

除了核心的 WordPress 小部件之外，SiteOrigin Page Builder 还提供了一个免费的 Widgets Bundle 插件，它添加了一组模块化的23 个小部件供您使用。 它还包括大约 25个您可以使用的预构建模板，尽管与其他页面构建器相比，这些模板非常简单。

您无法将设计保存为模板，但您可以轻松克隆现有页面，从而获得类似的功能。

样式选项 - 3/5

如果您不了解 CSS ，SiteOrigin Page Builder 的样式选项与其他页面构建器相比会令人失望。 但是，如果您习惯使用自己的 CSS，它们实际上会很有帮助。

除了添加 CSS 类和 ID，您还可以直接将 CSS 添加到单个元素，包括仅用于移动设备的 CSS 部分：

您还可以获得很多非 CSS 样式选项——只是没有其他插件那么多。 如果您是一名计划使用自己的 CSS 的开发人员，您可能会在该类别中给该插件打 5 分。 但我将其降为 3，因为我认为这适合普通用户。

其他显着特征 – 2/5

SiteOrigin Page Builder 非常轻量级，但您确实在 SiteOrigin Premium 捆绑包中获得了一个基本的自定义帖子类型构建器。

锁定 – 4/5

SiteOrigin Page Builder 留下了干净的 HTML 和简码的混合。 也就是说，一些小部件——比如文本编辑器——留下了干净的 HTML，而其他的——比如按钮小部件——留下了简码。

6. WPBakery 页面构建器

WPBakery Page Builder，以前称为 Visual Composer，是另一个广受欢迎的高级页面构建器。 这种受欢迎程度的很大一部分来自于 WPBakery Page Builder 与 ThemeForest 中 99% 的主题捆绑在一起的事实。 但事实仍然是它在大量网站上使用。

价格： 64 美元

接口 – 3/5

与 Divi Builder 一样，WPBakery Page Builder 为您提供可视化前端编辑和后端编辑。

如果需要，您可以使用后端接口：

但我认为大多数人在前端会更开心，看起来像这样：

您可以使用弹出窗口插入新元素并为其设置样式——没有侧边栏区域，也没有内联编辑。

就个人而言，我不喜欢这种方法，但有些人喜欢它，因为当你没有打开弹出窗口时，没有什么可以妨碍实时预览。

包含的小部件/模板 – 3/5

WPBakery Page Builder 提供39 个元素，以及所有普通的 WordPress 小部件。 但是，其中一些元素将组合在另一个页面构建器中，因此实际数字更像是~33 ：

您还可以获得约 86 个模板。 一些模板是整页，而另一些只是部分。

样式选项 - 3/5

与 Elementor 或 Divi Builder 之类的东西相比，WPBakery Page Builder 的样式选项有点有限。

您确实可以很好地控制行：

但是单个元素的样式选项更加有限。

如果您想使用自己的 CSS，您可以为单个元素添加自定义 CSS 类或 ID，或者您可以在页面级别添加实际样式：

其他显着特征 – 3/5

我不确定 WPBakery Page Builder本身是否有任何特别显着的独特功能。 但它确实拥有一个庞大的第三方附加社区。 虽然许多其他页面构建器都有第三方加载项，但 WPBakery Page Builder 在数量上是独一无二的，超过250 多个加载项。

锁定 – 3/5

与 Divi Builder 一样，如果您停用 WPBakery Page Builder，它会在您的内容中留下一堆简码。

7. 主题生成器

不出所料，Themify Builder 是 Themify 的页面构建器产品。 Themify 将它与他们的许多主题捆绑在一起，为客户提供轻松的自定义选项。 但您也可以将其作为独立插件购买，并将其与任何主题一起使用。

价格：轻量级免费版本。 Pro 起价为 39 美元或 59 美元（取决于附加组件）

接口 – 4/5

与 Divi Builder 和 WPBakery Page Builder 一样，Themify Builder 允许您使用后端和前端界面构建您的设计。

在 4.0 版中，Themify Builder 对界面进行了一些更新，这让我的分数提高了一个档次。

后端界面如下所示：

但同样，大多数人可能希望使用前端界面，其工作方式如下：

• 1 – 让您插入新模块（ 2 种不同的方式）
• 2 – 实时预览
• 3 – 响应式预览、撤消/重做和其他设置

没有内联编辑——您需要在弹出窗口中编辑文本：

尽管如此，新界面感觉比旧界面“活泼”得多，从而创造了更快的编辑体验。

它还在设置弹出窗口上方添加了一个面包屑样式的选择器，可让您在模块本身及其所在的行和列之间快速切换。

最后，我最喜欢的新增功能之一是只需在页面上单击和拖动即可添加边距和填充。 这是一个巨大的升级，可以更轻松地调整页面上的位置。 你可以看到我是如何通过拖动来调整边距（粉色）的：

真的，我唯一的主要批评仍然是缺乏行编辑。

包含的小部件/模板 – 3/5

Themify Builder 提供了大约 32 个模块（取决于您的附加组件），以及所有普通的 WordPress 小部件。

您还可以获得大约 143 个整页模板，以及较少数量的Rows ，它们基本上是预先构建的部分。

样式选项 - 4/5

如果您单击任何元素，您将获得四个不同的选项卡来帮助设置它的样式：

• 内容
• 造型（如下图）
• 可见性（让您在某些设备上隐藏元素）
• 动画片

另一件好事是 Themify Builder 允许您自定义响应式断点（尽管仅在站点范围内）。

在 4.0 版中，Themify Builder 还添加了自定义形状分隔符，可让您从 25 种预设形状中进行选择。

其他显着特征 – 4/5

Themify Builder 的一件很酷的事情是它仍然允许您使用常规的 WordPress 编辑器，而其他页面构建器则强制您使用页面构建器界面来处理所有内容。 Themify Builder 内容在 WordPress 编辑器中被标记，以便您可以在其周围放置内容：

此功能也适用于新的 WordPress 块编辑器。

另一个不错的新功能是能够使用不同的分辨率进行响应式设计。 许多页面构建器只是为您提供通用的“移动”和“平板电脑”预览，但 Themify Builder 实际上可以让您测试不同的设备。

锁定 – 5/5

Themify Builder 在锁定方面有了很大的改进。 现在，如果您停用它，它会以干净的 HTML 留下您的内容。

8. 轻快

Brizy 于 2018 年 4 月推出，是此列表中“最年轻”的页面构建器之一。 但它来自知名开发商 ThemeFuse，并迅速获得了 60,000 次活跃安装。 此外，它只是为页面构建的某些部分提供了一种独特的方法，这使其成为一个有趣的产品。

开发人员也在快速发布新功能，并且 Brizy 已经支持主题和弹出窗口构建。

价格：基本免费版。 专业版起价 49 美元。

接口 – 5/5

Brizy 是一个专门的前端可视页面构建器。

要构建您的页面，您首先必须添加一个块。 您可以使用空白块，也可以从预先构建的部分块中进行选择：

一旦你开始添加元素，“独特的界面”部分就会发生。 几乎所有事情都内联发生（包括打字），而不是在侧边栏或弹出窗口中自定义/样式化元素。

看看我的意思：

结果是一种非常快速的页面构建方式。

包含的小部件/模板 – 4/5

Brizy 目前提供26 种基本元素。 这个数字很小，但 Brizy 仍然是新的，所以希望它会随着时间的推移而增加。

您还可以获得某些功能的附加元素，例如构建标题时的菜单元素。

它还包括您可以使用的150 多个块（模板部分）。

样式选项 - 5/5

由于 Brizy 界面的工作方式，没有像其他页面构建器那样的样式选项的固定公式。

您可以展开边栏以进行间距和响应式控件等高级设置：

您还可以在页面级别添加基本样式，这样您就不必手动编辑每个元素：

但大多数情况下，您将使用内联控件来设置元素的样式，这为您提供了很好的控制权。

其他显着特点 – 5/5

Brizy 的界面已经非常独特，但自发布以来，它也迅速汇总了一个非常出色的功能列表：

• 主题生成器——使用 Brizy 设计页眉、页脚、档案和单个帖子模板。 WooCommerce 支持正在进行中。 它还包括一个动态功能，可以从 ACF 和 Toolset 等流行插件中引入自定义字段内容。
• 弹出窗口生成器- 使用 Brizy 界面设计弹出窗口并使用条件来控制它们显示的位置/时间。
• 跨多个页面同步的全局横幅。
• 与流行的电子邮件营销服务（和 Zapier）集成。

锁定 – 4/5

如果您停用它，Brizy 会留下大部分干净的 HTML 代码。 但是它仍然在代码中留下了一堆带有 Brizy CSS 类的 div，这有点弄乱了间距并且需要清理。

9. 视觉作曲家

上面，我告诉过你 WPBakery Page Builder曾经被称为 Visual Composer。 “习惯”的原因是 Visual Composer 背后的团队决定剥离 WPBakery Page Builder，以便他们可以使用 Visual Composer 名称推出全新的产品。

这就是我们在本节中关注的内容。

虽然它来自同一个团队，但它是一个完全独立的产品。

主要区别在于 Visual Composer 是一个完整的网站构建器，而 WPBakery Page Builder 只是一个页面构建器。

价格：有限的免费版本。 专业版起价 49 美元。

接口 – 3/5

当您使用 Visual Composer 创建新页面时，您可以从几种不同的画布布局中进行选择。 你可以做一个完全空白的画布，包括你的页眉/页脚等。

从那里，您可以使用可视化界面设计所有内容：

界面流畅且无故障，但是缺少内联编辑，这有点令人失望。 相反，您需要在边栏中编辑文本：

此外，我没有发现侧边栏中的选项可用，因为所有内容都是一个长列。 我更喜欢大多数其他页面构建器使用的方法，即将设置划分为选项卡。

包含的小部件/模板 – 5/5

当您第一次安装 Visual Composer（或者如果您只是使用免费版本）时，您只能访问几个块并且没有模板。

不过不要上当——Visual Composer 有大量元素和模板可供选择——你只需要连接到 Visual Composer Hub 并下载你想要使用的那些：

如您所见，种类繁多，从内容块到集成等等，应有尽有。 模板也有类似的变化。

样式选项 - 4/5

Visual Composer 的样式选项很可靠，但没有什么特别突出的。 您将获得您期望的所有功能，例如形状分隔符、自定义间距、视差等。

您还可以根据用户的设备获得响应式控件来编辑设计，以及各种响应式预览选项。

两个不错的功能是使行或元素具有粘性和控制列堆叠方式的选项。

其他显着特点 – 5/5

正如我上面提到的，Visual Composer 是一个完整的网站构建器，因此您可以使用它的界面构建整个网站，包括页眉、页脚、模板等。

您还可以从默认和自定义字段插入动态内容，例如使用 ACF 添加的内容。

另一个突出的功能是 Visual Composer Hub，它带有大量可以导入的模板和内容元素。

锁定 – 5/5

如果您停用 Visual Composer，它会留下相对干净的 HTML。 HTML 仍然包含 Visual Composer CSS 类，但没有任何前端问题或短代码。

10. WP页面生成器

WP Page Builder 是来自知名 WordPress 开发者 Themeum 的新产品。 因此，虽然插件本身是新的，但它来自一个在 WordPress 领域已经存在一段时间的团队。

Themeum 还制作了我们不久前评测过的 Tutor LMS 插件。

价格：相当慷慨的免费版本。 专业版起价 39 美元。

接口 – 4/5

就页面构建器而言，WP Page Builder 具有非常标准的界面。 您可以在右侧获得设计的视觉预览，并在左侧获得一个侧边栏，您可以在其中控制您的设计。

我非常喜欢的一件事是能够使用拖放滑块调整间距（边距/填充）。 您还可以使用类似的拖放方法来调整列的大小：

但是，没有内联编辑，这有点令人沮丧。 相反，您需要在侧边栏编辑器中编辑文本：

包含的小部件/模板 – 5/5

即使是免费版本，WP Page Builder 也提供了一系列出色的小部件。 例如，免费版本为您提供定价表、帖子网格、翻转框等。 大多数其他页面构建器为高级版本保留这些元素。

您还可以访问 31+ 布局包，它们是特定领域的主题模板包。 每个布局包括多个模板：

样式选项 - 4/5

我已经提到了拖放间距/布局控件，这是一个非常方便的功能。

除此之外，您还可以获得多种样式选择。 例如，您可以获得形状分隔符、在某些设备上隐藏元素并为不同设备使用不同设置的选项，以及大量通用样式选项：

然而，虽然它很可靠，但你没有像 Elementor 或 Divi 那样获得那么多选择，这就是为什么我选择“4”而不是“5”的原因。

其他显着特征 – 3/5

WP Page Builder 是一个可靠的页面构建器，但它没有建立您从其他页面构建器中获得的附加功能。 例如，没有主题构建、弹出窗口构建器等。

除了页面构建器本身，我真的没有看到任何突出的功能。

锁定 – 3/5

当您禁用 WP Page Builder 时，它会删除所有内容，包括您的内容。 Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?