小时
分钟

得到 折扣+ 10%前20名客户可获得奖金

抓住交易机会

优惠码BLACKFRIDAY22

博客

8个最好的WordPress页面构建插件比较2022

想为你的网站选择最好的WordPress页面构建器吗?

我亲自使用了8种不同的WordPress页面构建器来帮助你做出决定。是的,我使用了其中的每一个-这不仅仅是一个基于营销拷贝的列表。

实际上,我们曾经覆盖了10个不同的插件,但我们已经在2022年削减到8个,因为行业已经发展,一些建设者不再做“最好的”削减。我们还复查了其他细节,并在2022年更新中更新了评分和截图。

为了帮助你根据自己的需要选择合适的工具,我将从5个方面比较这8个WordPress页面构建器:

  1. 接口-界面是如何工作的,它是否使创建漂亮的页面变得容易?
  2. 包括小工具/模板-你有什么选项来构建你的页面?
  3. 样式选择-如何在页面上设置元素样式?
  4. 其他显著特性-页面构建器是否提供了任何值得注意的独特功能?
  5. 性能-页面构建器大概有多轻,它能帮助你创建快速加载的设计吗?这很难评估,但我会尽量以公平的方式来做。

我们最初还有一个“锁定”类别,但我们已经删除了它,因为我认为它与人们在2022年及以后如何使用页面构建器插件无关。

对于每个类别,我将给页面构建器打分(满分5分)。我会尽量客观,不掺杂我的个人喜好。

然后,在最后,我将把所有的东西放在一起,并推荐我认为最好的WordPress页面构建器。

1.Elementor

最初于2016年推出,Elementor已经迅速成长为最受欢迎的页面构建插件的广泛优势。它的免费版本在功能上相当慷慨,这一事实导致了大量的用户基础,以及许多主题开发人员将Elementor与他们的产品捆绑在一起。

我们也不例外118宝金博 包括许多可导入的演示站点,这些站点是用element构建的,便于定制。

Elementor的名声是一个快速,无故障的视觉界面,灵活的样式选项,和强大的功能,如完整的主题构建和弹出式构建器。

我认为您将找不到另一个页面构建器在一个包中提供如此多的功能和样式选项。此外,它还有一个巨大的第三方扩展市场,这给了你更多的灵活性。

虽然一开始只是一个页面编辑器,高级版本,Elementor Pro,现在让你做的不仅仅是页面构建。两个最显著的特点是:

  • 主题建设者-使用同样方便的元素界面设计你的整个主题。这包括您的页眉,页脚,存档页面,单个发布页面,WooCommerce产品/商店页面,自定义发布类型模板等。您可以为公共元素获得专用的小部件,甚至可以从自定义字段动态插入内容。
  • 弹出建设者-设计灵活的弹出窗口使用完整的元素接口。您可以包括所有常规的element小部件,它允许您创建电子邮件选择加入、联系方式表单、登录和其他类型的弹出窗口。

这两项功能确实帮助Elementor在竞争中脱颖而出。虽然主题构建正在成为一个流行的功能,弹出式构建器仍然是相当独特的。

我们的element Pro评论

价格:免费的核心版本在WordPress.org上。Elementor职业在单个网站上使用的起价为49美元。

接口- 5/5

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

Elementor接口
  • 1-这是你的设计的实时预览。看起来就像你的访客会看到它一样。您可以直接在这个界面中键入文本,也可以拖放各种元素来重新排列它们。
  • 2-这显示了你可以使用的元素列表。你只要把他们拖过来。当你选择一个单独的元素或部分时,这就是你要样式化它的地方。
  • 3.-这些帮助你访问响应式预览,撤消/重做更改,和其他较小的功能。

例如,让我们看看如何拖动一个文本小部件,然后简单地在页面上输入(内联编辑)来更改文本:

元素内联样式

Elementor还支持右键单188bet网页版击,以便您可以快速复制内容或在元素之间复制/粘贴样式。

还有一个导航器视图,它可以让你看到页面结构的高级视图,并为部分或元素添加名称以保持组织:

元素复制/粘贴和导航器

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

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

在免费版本中,Elementor包含40+免费小部件.你也可以使用所有的核心WordPress小部件。的专业版增加了另一个60 +小部件,给你的总数100 +小部件在专业版。

除此之外,您还可以使用许多主题构建小部件来创建主题模板,以及一组专用的WooCommerce小部件来显示电子商务内容。Elementor Pro现在还提供专用的WooCommerce购物车和结帐小部件,让你可以从Elementor中完全定制那些关键页面,这是一个巨大的优势,如果你拥有一个电子商务商店

这里有一些免费的小工具:

元素或自由小部件

下面是Pro的小部件:

Elementor Pro小部件

免费版本还附带50+免费模板Pro版本增加了数百个额外的模板。

模板有两种格式:

  • 页面-你只需要编辑的整页设计。
  • -你可以像乐高积木一样把单独的部分放在一起。

Elementor现在也提供100+网站工具,它们是页面模板的主题集合,可以帮助您构建完整的网站。例如,您可能有一个用于主页的模板,另一个用于关于页面的模板,另一个用于联系页面的模板,等等。

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

造型选项- 5/5

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

Elementor样式

确切的选项取决于您正在编辑的元素,但通常情况下,Elementor提供了所有页面构建器中最丰富的样式选项集之一。

除了颜色、背景和排版等基本设置,你还可以控制更高级的设置,包括:

  • 定制的利润/填充
  • 自定义CSS类/ id -使用Elementor Pro,您可以直接添加CSS样式到单个元素
  • 响应式控件——您可以在特定设备上显示/隐藏元素

element还提供全局站点设计设置,这样您就可以在一个点上定义您的品牌颜色和排版,并自动使用它们作为设计中的默认值。如果您更新了全局设计设置,这些更改将适用于使用默认设置的每个设计。

Elementor Pro还提供了一些高级的设计选项,超出了许多其他页面构建器所提供的,其中最显著的两个特性是:

  1. 运动的影响-你可以创建真正整洁的滚动和鼠标跟踪效果。看看这里有一些例子或者玩一个现场演示页面
  2. 自定义定位-你可以使用绝对定位和相对定位来精确控制元素的位置。

其他显著特征- 5/5

这些特性在Elementor职业

  • 全主题建筑。您可以使用相同的Elementor接口来构建模板部分,如页眉、页脚、单件和归档。基本上,您可以用element构建整个主题。
  • WooCommerce建设者。设计你的WooCommerce产品和商店页面。Elementor最近还为购物车、结帐和我的账户页面添加了专门的小部件,它允许您使用Elementor的设置和可视化界面来完全定制这些页面的设计。
  • 弹出式建筑.设计灵活的弹出窗口,用先进的瞄准和触发规则(包括退出意图)将它们定向到特定的内容。
  • 形式的集成.将表单小部件连接到流行的电子邮件营销服务(或Zapier以获得更大的灵活性)。
  • 全球小部件。这使您可以跨多个页面重用公共元素,并通过更新全局小部件来编辑全局小部件的所有实例。
  • 嵌入在任何地方.通过小部件或短代码在其他区域使用元素模板。

下面是新的元素主题生成器界面的样子:

元素主题生成器

免费版和专业版都有两个值得注意的功能:

  • 第三方扩展.Elementor有一个巨大的第三方市场Elementor扩展,这为您在使用element时提供了更大的灵活性。
  • 登陆页面.Elementor有一个专用的登录页面功能,可以将登录页面与其他内容分离。

性能- 4/5

由于这是关于页面构建器性能测试的第一部分,所以我首先想快速回顾一下我们是如何测试这些页面构建器的。我不会每次都这么做,但我认为重要的是不要挡道。

事情是这样的:

中的页面构建器性能测试公平的方法是真的很难做到因为变量太多了。每个页面构建器都有不同的小部件、不同的特性、不同的起点等等。更重要的是,这不仅仅取决于页面构建器——如何构建你的设计也会影响你得到的结果。

所以,我认为比较工作表现最公平的方法是:

对于每个页面构建器,我将创建一个非常简单的设计,只包含一些基本元素,如文本小部件、标题和按钮。通过只使用这些基本元素,我可以确保我使用完全相同的每个构建器的内容元素。

然后,我将给出页面的总权重(包括主题,这是118宝金博 ).

这绝对是一个真实的页面。在现实世界中,您将拥有更复杂的设计,因此页面构建器将增加更多的权重,并且比较可能不完全相同。

我知道这个方法并不完美。如果你能想到更好的测试性能的方法,我很乐意在评论中听到。但我确实认为这种方法提供了有关这些不同页面构建器的相对开箱即用性能的有用信息。

还要注意,我的性能评级就是评级对于页面构建器来说.这些构建器都不如原生WordPress编辑器轻量级,所以如果我把它们与原生编辑器进行比较,它们的得分都很低。

我还认为,您可以在这个页面上使用任何页面构建器进行快速设计,只要您遵循WordPress性能最佳实践用一些质量速度优化插件

我用了免费的WebPageTest网站分析工具运行性能测试。

那么,在冗长的介绍结束之后,让我们看看Elementor的结果:

构建器 总页面大小(KB) HTTP请求总数
Elementor 212 25
原生WordPress块编辑器 52 8

请注意-对于Elementor测试,我启用了Elementor的以速度为重点的实验,您可以从实验选项卡的元素设置区域。如果您正在使用element构建一个全新的站点,我强烈建议从一开始就启用这些功能。

2.海狸建造者

海狸建造者在页面构建器市场上已经有相当一段时间了。它输出干净的代码(对于页面构建器来说),深受终端用户和实现者的欢迎,并经常受到其开发人员的关注。

也有一些官方插件,你可以与它配对,以获得更大的灵活性-特别是一个可选海狸建造者主题海狸的主题扩展的完整主题建筑。

在功能和设计选项方面,海狸建造者无法与元素面对面(或者Divi Builder,我们列表中的下一个选项)。然而,有些人实际上希望每一个功能包装在一个插件。事实上,一个人的“有用的特性”可能是另一个人的“膨胀”。

什么海狸建造者Have是一个坚如磐石、无故障的界面,在稳定性方面有着非常稳固的记录(部分原因是在添加新功能时开发周期较慢)。

出于这个原因,我认为海狸Builder更受那些看重稳定性而不是总是能够访问新功能的用户的欢迎。

我们的海狸建造检讨

价格:有限的免费版在WordPress.org上。高级版在无限制的网站上使用起售价99美元。

接口- 4.5/5

海狸建设者为其前端可视化建设者提供了一个独特的界面。您可以从右侧的侧边栏完成大部分工作。

然而,这些边栏选项只会在你点击顶部栏上的按钮时出现,所以你可以随时查看全屏预览:

海狸建造者的例子
  • 1-单击此打开侧边栏区域。
  • 2-这是你的设计的实时预览。

如果您喜欢不同的布局,您还可以将侧边栏固定在界面的任意一侧,以便它始终可见。这是一个很好的自定义功能,因为大多数其他页面构建器都没有为更改界面提供太多灵活性。

Beaver Builder还支持内联文188bet网页版本编辑,这意味着您可以直接在页面上键入编辑文本或使用弹出窗口出现:

海狸生成器界面

老实说,使用带有弹出窗口的内联编辑有点尴尬。但是您可以很容易地将编辑器固定到侧边栏来解决这个问题。

Beaver Builder界面的另一个优点是,只需将一个内容模块拖到另一个内容模块旁边,就可以创建新的列。许多其他的页面构建器都强迫您在添加模块之前先设置列结构,但是Beaver Builder的方法为您提供了更多的灵活性,可以帮助您更快地工作。

虽然海狸建设者的界面通常非常快速和无故障,我确实有一个抱怨-不支持右键单击188bet网页版

这是许多其他页面构建器现在提供的功能,我发现这是一个非常方便的功能,可以加速设计工作。例如,您可以使用右击来更快地复制元素、复制/粘贴样式等。这就是我把海狸建造者从5分降到4.5分的唯一原因。

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

在免费版中,Beaver Builder只允许你访问9个模块,不过你也可以使用标准的WordPress小部件。出于这个原因,我不认为海狸Builder的免费版本是一个有用的工具,特别是现在WordPress块编辑器的存在。

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

在高级版本中,您还可以访问~56页面模板分为两类:

  1. 登陆页面
  2. 内容页面

总的来说,模板绝对不是Beaver Builder的强项。不仅总数量低于大多数其他页面构建器,而且有些模板看起来有点过时。

但是,您可以将自己的设计保存为模板,以便以后重用。Beaver Builder团队还发布了一个很酷的新插件叫做助理专业这使您可以将自己的模板保存到云上,以便在不同的站点上轻松重用它们。

注意,Assistant Pro并不局限于Beaver Builder—您还可以将这个云模板库特性与element、Divi Builder、本机块编辑器和其他构建器一起使用。

还有一个充满活力的第三方市场Beaver Builder模板和模块,它可以在很大程度上克服这里的任何限制。例如,海狸建设者的终极插件而且电源组两者都添加了几十个新模块和数百个模板。

造型选项- 5/5

要样式你的模块和部分,你可以:

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

具体的选项取决于模块,但一般来说,Beaver Builder为您提供了相当好的元素控制,包括自定义间距和响应控件。

Beaver Builder还提供了一个非常独特的切换,允许您根据用户是否登录显示或隐藏单个模块:

海狸建设者造型

其他显著特性- 4.5/5

  • 海狸的主题。虽然这是一个单独的扩展,它像Elementor一样添加了完整的主题构建功能。这是一个单独的购买,在无限的网站上使用需要花费147美元。
  • 白色的标签.如果你为客户建立网站,你可以很容易地给海狸建设者贴上白色标签。但是,你需要购买399美元机构访问该特性的License。
  • 海狸建造者主题.这可选的主题让你对网站的外观有更多的控制。这是199美元的一部分海狸建造者的许可证。
  • 第三方扩展.与《元素》一样,第三方市场也很活跃海狸建设者插件用更多的特性、模块和模板扩展核心插件。

虽然这些独特的功能很好,但我认为有一半是不错的,因为你需要花更多的钱才能获得大多数功能。例如,《元素》和《Divi Builder》包含不额外付费的主题建筑,而《Beaver Builder》则为《Beaver Themer》收费147美元。

表现- 5/5

总的来说,Beaver Builder是一个轻量级的页面构建器。如果您是一个性能迷,但您仍然想要页面构建器的灵活性,那么它是最好的选择之一。

以下是性能数据:

构建器 总页面大小(KB) HTTP请求总数
海狸建造者 96 12
原生WordPress块编辑器 52 8

3.红利建设者

红利建设者是来自Elegant Themes的一个流行的付费页面构建器。虽然Divi Builder最常作为Divi主题的一部分使用,但它也是一个独立的插件,您也可以将它与其他主题一起使用。

在内置设计选项方面,Divi Builder是少数几个可以与element针锋相对的可视化构建器之一,这绝对是Divi Builder的强项之一。你可以得到很多样式选项、动画效果等等。

在Divi 4.0中,Divi还添加了完整的主题构建支持,这使它在这方面与Elementor和Beav188bet网页版er Builder不相上下。也就是说,您现在可以使用Divi来设计页眉、页脚、模板等。

红利建设者用于有一个理所当然地在业绩方面名声不好。然而,在Divi 4.10中,Elegant Themes做了很多性能改进,自从那次发布以来, Divi Builder实际上运行得相当好(当然,对于页面构建器插件来说)。

它不是最快的页面构建器,但在页面构建器空间中,性能缓慢不再是对Divi builder的有效批评。

我们的Divi Builder评论

价格:可作为89美元的一部分购买优雅主题会员

接口- 5/5

Divi Builder为您提供了多种方法来实现您的设计,这在某些情况下是非常好的。

大多数情况下,您将使用前端可视界面,这绝对是独一无二的。

基本上,默认情况下,所有内容都是弹出窗口和浮动按钮,而不是任何类型的侧边栏。下面是一个添加模块的例子:

Divi builder可视化界面

就我个人而言,我并不喜欢这种方法,因为我发现当我移动鼠标时总是弹出浮动图标很烦人。然而,那只是我的意见-我也认识很多人更喜欢它,因为你可以在任何时候都得到一个很好的全宽预览。我认为这真的归结于个人的喜好,这就是为什么我没有基于我个人的观点拿走任何观点。

像前面两个页面构建器一样,你也可以使用内联编辑直接在页面上编辑你的文本:

Divi内联编辑

在某些情况下,您可能不希望从可视化设计界面工作。Divi Builder还提供了一个后端、类似线框的界面。

这曾经是一个独立的后端界面,但是Elegant Themes停止了“官方的”后端构建器。但是,通过打开线框模式,您仍然可以从前端构建器访问本质上完全相同的接口。

在线框模式下,你会看到你的布局和元素由框而不是实际的内容表示,这可以方便地控制布局和重新排列东西。线框模式的好处是,您可以从可视化构建器中直接访问它(并很容易地关闭它)。

在线框模式下,您可以添加新的节、行或模块,通过拖放来移动它们,并打开它们的设置。

Divi后端线框模式编辑

和element一样,Divi Builder也支持右键单击,包括复制/粘贴样式。188bet网页版它还包括一个图层功能,类似于element的导航工具。

包含的小部件/模板- 4.5/5

Divi Builder包括46个模块,您可以使用它们来构建您的设计。如果您正在使用主题构建器,您还将获得专用的主题构建模块。

Divi Builder模块

就模板而言,Divi拥有在任何页面构建器插件中都能找到的最大的模板库之一。

在撰写本文时,您可以访问分布在244个不同地方的大量1,796个预构建模板布局包全包围绕一个特定的网站利基),以及将自己的设计保存为模板的能力:

Divi模板库

我只删除了半分,因为我觉得Divi的内置模块产品近年来已经落后于Elementor和其他一些构建器,尽管有一个可靠的第三方扩展市场。

造型选项- 5/5

像海狸的建设者,Divi建设者让你样式元素从一个弹出,你可以,如果需要,钉在一边。

Divi的标志之一一直是它给予您的样式控制能力。通过三个不同的选项卡,您可以配置各种设置,包括响应控件、自定义间距和很多更多。

您甚至可以在主元素或主元素之前/之后添加自定义CSS。CSS编辑器甚至包括基本的验证和自动完成!你也可以从编辑器中打开一个颜色选择器:

div CSS选项

总而言之,Divi Builder确实在用它的样式选项突破界限——这是好东西。

其他显著特征- 5/5

  • 主题建筑。使用Divi Builder界面设计您的整个主题。这包括对来自自定义字段的动态188bet网页版内容的支持,这对于构建自定义内容站点非常有用。Divi的主题建筑也支持WooCommerce。188bet网页版
  • A / B测试。Divi Builder的内置A/B测试系统是最好的额外功能之一。没有其他的页面构建器可以如此容易地在核心中进行分割测试。
  • 红利的主题.将Divi Builder与Divi主题配对,可以让您完全控制站点的外观。
  • 用户访问控制.Divi Builder包含强大的基于角色的访问控件。
  • WordPress自定义控件.你可以使用本地WordPress自定义器自定义一些元素的外观。

下面是Divi Theme Builder界面的一个例子:

Divi主题构建器界面

性能- 4.5/5

在过去,Divi Builder在性能方面的名声很差,如果我诚实地说,这是理所当然的。然而,Elegant Themes在2021年发布了两个以性能为重点的更新,一个专注于后端性能,另一个专注于前端性能。

这些更新巨大的Divi Builder的性能改进。当您在进行设计时,后端界面要快得多,Divi Builder现在在页面构建器性能方面略高于平均水平。

所以,如果你读过任何其他负面评论Divi表现的帖子,我鼓励你保持开放的心态,因为在2022年和以后,事情已经改变了。

构建器 总页面大小(KB) HTTP请求总数
红利建设者 167 13
原生WordPress块编辑器 52 8

4.发展架构师

发展架构师是曾经的Thrive Content Builder的改版。

虽然任何人都可以使用它,但它特别受博主和联盟营销人员的欢迎,因为它关注转化率和登陆页面。我个人喜欢Thrive Architect的一点是,它的默认样式看起来非常好,开箱即用。

您可以使用Thrive Architect在现有主题中设计内容。或者,您可以进入登陆页模式,以设计完全独立的登陆页,隐藏您的主题的页眉和页脚。

Thrive Architect最大的潜在缺点是您不能再单独购买它。相反,你只能把它作为繁荣套件,你可以用一个价格访问Thrive Themes的每一个插件和主题。这包括以下内容:

如果您认为您将使用这些其他工具,Thrive Architect可以提供很多价值,因为您可以用一个价格得到所有东西。然而,如果你只有想要一个页面构建器,Thrive Architect现在是相当昂贵的,它所提供的,我认为大多数人将从这个列表中的不同选择获得更好的价值。

我们的Thrive Architect评论

价格:这是Thrive Suite的一部分,每个季度的费用为99美元,每年的费用为299美元。

接口- 5/5

使用Thrive Architect,您可以在左侧获得一个固定的侧边栏,在那里您可以设置内容元素和部分的样式。然后,在右侧有一个非常小的侧边栏,当您想添加新的内容模块或打开站点范围的样式时,它会展开。

要格式化文本,您还将获得一个内联格式栏(或者您可以将该栏固定在屏幕顶部)。你也可以在这个栏中插入自定义字段的动态内容——后面会详细介绍:

Thrive Architect界面

在格式侧栏中,Thrive Architect将所有样式选项放入一个选项卡中,该选项卡具有可折叠的手风琴部分。

一个独特的东西是单击嵌套元素时的breadcrumb选择器。当你想在一个元素和一个部分之间快速跳转时,这个功能实际上非常方便——我认为其他页面构建器应该考虑添加类似的功能。

下面是一个截图,展示了面包屑、格式侧边栏和可以添加内容元素的幻灯片:

Thrive Architect面包屑

Thrive Architect还提供真正的内联文本编辑。事实上,在我看来,它拥有所有页面构建器中最无缝的内联编辑功能。大多数其他页面构建器仍然在弹出窗口或侧边栏中显示文本,即使它们允许您在页面上键入。

但是,在Thrive Architect中,内联编辑是100%本地的,而且它是只有你编辑文本的方式。当您在编辑器中工作时,这为您提供了非常好的输入体验。

我也喜欢内联格式栏,因为它提供了大量的选项。你也可以使用这个工具条插入动态内容-下面是一个例子:

在Thrive Architect中插入动态内容

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

Thrive Architect提供了46+不同的小部件,包括一些整洁的小部件,如常青倒计时计时器和内容显示小部件。与其他页面构建器插件相比,这些以转换为重点的小部件是Thrive Architect的独特之处。

Thrive Architect还包括数百个模板:您可以获得88个新的“智能登陆页面”模板和202个“遗留登陆页面”模板。

这些模板最酷的地方在于它们被分成不同的集合,帮助你建立完整的销售渠道。例如,您可能有一个用于主登陆页面的模板,另一个用于追加销售页面的模板,另一个用于感谢页面的模板,等等。

您还可以获得67个以上的内容块模板,它们是针对页面特定部分的模板。你可以把它们像乐高积木一样拼成一整个页面。

最后,您还可以将自己的设计保存为模板。

造型选项- 5/5

Thrive Architect在处理样式的方式上脱离了element。Thrive Architect没有提供选项卡,而是将所有内容都包含在一个列中。

样式化选项相当详细,包括响应控件和自定义间距。例如,如果你打开高级位置设置,你可以使用绝对和相对定位:

Thrive Architect风格选项

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

Thrive Architect最近也增加了一个中央样式面板,它可以让你控制所有设计的默认颜色(有点像element的网站设置)。然而,Thrive Architect只允许您自定义设计范围内的颜色-您不能处理字体。

其他显著特征- 4/5

一个很酷的功能是设置选项页面的事件.这些可以让你根据特定的触发器显示一个弹出的灯框:

Thrive Architect中的页面事件

Thrive Architect还支持动态内188bet网页版容,允许您在设计中插入WordPress信息或自定义字段数据。它不提供完整的主题建设(你需要Thrive Theme Builder),但它确实为在设计中包含自定义内容提供了一些额外的灵活性。

另一件很酷的事情是它与其他Thrive Themes产品集成得非常好。例如:

  • 如果使用Thrive Optimize,则可以使用Thrive Architect运行A/B测试。
  • 如果您使用Thrive Leads,您可以轻松地将Thrive Leads的详细选项集成到Thrive Architect中。

既然你现在可以以一种价格访问所有Thrive Themes的插件,安装这些其他插件并使用它们与Thrive Architect的集成真的没有什么坏处。这就是为什么我给它一个“4”,即使它的内置功能不太匹配其他插件。

性能- 4.5/5

Thrive Architect在页面构建器性能方面非常出色。一般来说,只要遵循WordPress性能的最佳实践,您应该能够使用Thrive Architect构建快速加载的网站。

构建器 总页面大小(KB) HTTP请求总数
发展架构师 125 15
原生WordPress块编辑器 52 8

5.WPBakery页面构建器

WPBakery页面构建器,以前被称为Visual Composer,是另一个非常流行的付费页面构建器插件。这种流行的很大一部分来自于WPBakery页面构建器与似乎99%的主题捆绑在一起ThemeForest.但事实是它被大量的网站使用。

在2022年,WPBakery页面构建器感觉有点过时了,因为它没有完全跟上其他页面构建器的步伐。然而,有一件事是它与Envato的ThemeForest和CodeCanyon市场上的许多其他流行插件/主题集成在一起。例如,许多插件都是通过渠道销售的CodeCanyon为WPBakery页面构建器提供专用的小部件。

不过说实话,除非你已经沉浸在Envato市场生态系统中,否则我可能会建议你在2022年或以后选择一个不同的页面构建器插件。

价格:64美元

接口- 3/5

像Divi Builder一样,WPBakery Page Builder为您提供了可视化的前端编辑和后端编辑。

然而,后端接口是一个单独的构建器,而不是像Divi目前的方法那样,您可以在不离开前端编辑器的情况下快速切换到后端构建器。

下面是WPBakery页面构建器中的后端编辑器:

WPBakery后端接口

但我认为大多数人在正面会更快乐,就像这样:

WPBakery前端编辑器

插入新元素并使用弹出窗口设置样式——没有侧边栏区域,也不支持内联编辑或右键单击。188bet网页版

就我个人而言,我不喜欢这种方法,但有些人喜欢它,因为没有任何东西可以阻碍实时预览当你没有弹出窗口时

WPBakery弹出设置

包含的小部件/模板- 3.5/5

WPBakery页面构建器提供39个元素,加上所有正常的WordPress小部件。其中一些元素将在另一个页面构建器中组合,所以实际的数字更像是~33:

WPBakery内容元素

然而,虽然WPBakery Page Builder没有大量的内置元素,但CodeCanyon上有大量的插件提供了它们自己专用的内容元素。因此,如果您使用CodeCanyon的许多插件,您可能会得到更多的元素。

您还可以得到~86个模板。一些模板是完整的页面,而另一些只是部分。

造型选项- 3/5

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

你可以很好地控制行:

WPBakery页面构建器中的行设置

然而,单个元素的样式选项有一些限制。

如果你想使用你自己的CSS,你可以添加一个自定义的CSS类或ID到单个元素,或者你可以在页面级别添加实际的样式:

WPBakery中的页面级设置

其他显著特征- 3/5

我不确定WPBakery页面构建器有什么特别值得注意的独特功能本身.但是它有a巨大的第三方插件社区。

虽然许多其他的页面构建器都有第三方插件,但WPBakery页面构建器在数量上是独一无二的,它有超过250个插件。

性能- 4.5/5

WPBakery Page Builder在性能方面的名声并不好,但实际上我对其结果感到惊讶。虽然它不是最快的构建器,但它是可靠的,至少对于这个基本的测试场景来说是相当有竞争力的。

构建器 总页面大小(KB) HTTP请求总数
WPBakery页面构建器 134 11
原生WordPress块编辑器 52 8

6.Brizy

于2018年4月推出,Brizy是这个榜单上“最年轻”的网页构建者之一。然而,它来自一个著名的开发者- ThemeFuse -并迅速流行起来。此外,它还为页面构建的某些部分提供了一种独特的方法,这使它成为一种有趣的产品。

开发人员也在迅速发布新功能,而且Brizy已经支持主题和弹出式构建。188bet网页版

我认为有三件事使Brizy从其他页面构建器插件中脱颖而出:

首先,它有一种独特的内联编辑方法,试图在编辑器中保持尽可能多的内联设置,而不是将它们委托给侧边栏或弹出面板。我认为这提供了一种更快的设计体验,这也是我非常喜欢Brizy的原因。下面我将给出一个例子。

其次,它有一个非常慷慨的免费版本。就功能而言,我仍然认为Elementor是所有页面构建插件中最好的免费版本,但Brizy也没有落后太多。

最后,它还提供了独特的Brizy Cloud服务,这有点像基于Brizy界面的云托管登陆页面构建器/网站构建器。虽然你当然可以将Brizy作为一个自托管的WordPress插件使用,但这个云版本也可以很好地用于简单的宣传册网站或登录页面。

价格:基本免费版在WordPress.org上。专业版起价49美元。

接口- 5/5

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

要构建页面,首先必须添加一个块。你可以使用一个空白块或从预先构建的section块中选择:

Brizy可能是最好的wordpress页面生成器

“独特的界面”部分是当你开始添加元素时所发生的。而不是有一个侧边栏或弹出窗口来定制/样式的元素,几乎所有的事情都是内联的(包括键入)。

看看我的意思:

Brizy接口

其结果是一种非常快速的构建页面的方法。就界面和设计体验而言,Brizy是这个列表中我个人最喜欢的页面构建器。我喜欢他们把所有东西放在一起的方式,设计体验感觉如此自然和无缝。

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

目前,在免费版本中,Brizy提供了18个以上的基本元素,涵盖了基本元素。

您还可以获得用于某些特性的附加元素,例如在构建头部时的菜单元素。

Brizy Pro增加了另外20多个付费元素,包括社交分享按钮,画廊,切换开关,面包屑等。

Brizy Elements列表

在模板方面,Brizy包括超过250个块(模板部分),你可以使用,有光明和黑暗的主题(总共500多个)。你还可以得到128多个布局模板,它们都是全页面设计。

这个数字与Elementor或Divi Builder不太匹配,但布局的质量相当好。

造型选项- 5/5

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

您可以展开侧栏进行高级设置,如间距和响应控件:

Brizy样式

你也可以在页面级别添加基本样式,这样你就不必手动编辑每一个元素:

Brizy字体

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

其他显著特征- 5/5

Brizy提供了一个冗长的特性集,与element或大多数其他页面构建器相比具有优势:

  • 主题建设者。使用Brizy界面设计页眉、页脚、档案和单帖模板。它还包括一个动态特性,可以从流行的插件引入自定义字段内容,例如ACF而且工具集,以及WooCommerce的支持。188bet网页版
  • 弹出建设者。使用Brizy界面设计弹出窗口,并使用条件来控制弹出窗口显示的位置和时间。
  • 网络的故事。使用Brizy设计谷歌Web Stories,这是非常独特的。
  • 全球的横幅在多个页面上同步。
  • 集成使用流行的电子邮件营销服务(以及Zapier)。
  • 领导管理。将线索存储在站点数据库中,并将其导出为CSV文件。
  • Brizy云。除了WordPress插件,还有一个独立的云托管版本,可用于登录页面或简单的宣传册网站。

性能- 4/5

你可以用Brizy构建快速加载的设计,但我认为它有点落后于更优化的页面构建器,如Beaver Builder,因为它的脚本有点“沉重”。

构建器 总页面大小(KB) HTTP请求总数
Brizy 193 15
原生WordPress块编辑器 52 8

7.视觉作曲家

上面,我告诉你WPBakery页面生成器使用被称为视觉作曲家。“used to”的原因是Visual Composer背后的团队决定将WPBakery Page Builder分离出来,这样他们就可以推出一个使用Visual Composer名称的全新产品

这就是我们这一节的重点。

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

主要的区别是Visual Composer是一个完整的网站而WPBakery页面构建器只是一个页面构建器。也就是说,你可以使用Visual Composer来超越页面并设计你的页眉和页脚(尽管这需要高级版本).

话虽如此,Visual Composer的主题构建功能并不等于你从这个列表中的大多数其他页面构建插件中获得的,所以我仍然挣扎着在其他选项中推荐它。

Visual Composer的一个积极的细节是,像WPBakery Page Builder一样,它通过第三方集成和云元素库有一个巨大的内容元素集合。

价格:有限的免费版.专业版的起价为49美元。

接口- 4/5

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

从那里,你可以使用可视化界面设计一切:

Visual Composer界面

界面流畅,无故障。

截止2022年,Visual Composer还支持内联文本编辑。188bet网页版当你编辑文本时,它会在文本区域设置一个聚光灯效果,我认为这是一个非常好的打字体验:

Visual Composer内联文本编辑

然而,我发现侧边栏中的选项并不可用,因为所有内容都是一个长列,浪费了大量空间。我更喜欢大多数其他页面构建器使用的方法,即将设置划分为选项卡。

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

当您第一次安装Visual Composer(或者如果您使用的是免费版本)时,您只能访问几个块,没有模板。

不要被愚弄了。Visual Composer有一个巨大的元素和模板的选择-你只需要连接到Visual Composer Hub并下载你想要使用的:

Visual Composer元素中心

正如您所看到的,有很多种类,从内容块到集成等等。在模板方面也有类似的变化。

样式选项- 4/5

Visual Composer的样式选项是可靠的,但没有什么真正突出的。您可以获得您所期望的所有功能,例如形状分隔器、自定义间距、视差等。

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

两个很好的特性是使行或元素具有粘性的选项和控制列的堆叠方式。

Visual Composer行和列设置

其他显著特征- 4/5

正如我上面提到的,Visual Composer提供了一些主题构建特性,让您可以设计标题和页脚。

然而,你不能像使用Elementor Pro、Divi Builder或Beaver Themer那样创建无限的自动应用的post模板,如果你正在寻找完整的主题构建,我认为这是一个很大的缺点。您可以保存一个模板,但是您需要手动地将它应用到每一块内容。

还可以从默认字段和自定义字段插入动态内容,比如使用ACF添加的那些字段。

另一个突出的特性是Visual Composer Hub,它提供了大量可以导入的模板和内容元素。

表现- 5/5

除了Beaver Builder, Visual Composer是在我们的简单测试站点上惟一小于100kb的页面构建器(记住——这个数字包含了我们的主题;不全是建筑者的).我再次感到惊喜。

构建器 总页面大小(KB) HTTP请求总数
视觉作曲家 96 13
原生WordPress块编辑器 52 8

8.WP页面构建器

WP页面构建器是Themeum的一个新产品,Themeum是一个知名的WordPress开发者。尽管这个插件本身是新的,但它来自一个已经在WordPress领域工作了一段时间的团队。

Themeum也做导师LMS插件,我们审查不久以前。

一般来说,这是另一种优质选择,试图在拥挤的市场中扬名立万。它做得很好,但它并没有一个真正的“杀手级应用程序”来区别于其他页面构建插件。

不过,您可能对它的界面有个人偏好,因此值得一看。

价格:相当慷慨的免费版在WordPress.org上。专业版起价39美元。

接口- 4/5

就页面构建器而言,WP Page Builder有一个相当标准的界面。您可以在右边看到设计的预览,在左边有一个侧边栏,您可以在那里控制设计。

我非常喜欢的一件事是使用拖放滑块调整间距(空白/填充)的能力。你也可以使用类似的拖放方法来调整列的大小:

WP Page Builder行设置

然而,它没有内联编辑,这有点令人沮丧。相反,你需要在侧边栏编辑器中编辑文本:

WP页面生成器侧栏编辑器

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

即使是免费版,WP Page Builder也提供了大量的小部件。例如,免费版本提供定价表、post grid、翻转框等。大多数其他页面构建器将这些元素保留给高级版本。

你还可以访问31+布局包,这是为特定的小众主题模板包。每个布局包括多个模板:

WP页面生成器模板

样式选项- 4/5

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

除此之外,您还可以获得一系列样式选项。例如,你可以获得形状分隔器,在特定设备上隐藏元素的能力,以及为不同设备使用不同设置的能力,以及大量通用样式选项:

WP Page Builder样式选项

然而,虽然它是可靠的,但你没有像使用Elementor或Divi那样获得那么多的选项,这就是为什么我使用“4”而不是“5”的分数。

其他显著特征- 3/5

WP Page Builder是一个很好的页面构建器,但它没有构建本集合中的其他插件所提供的那种额外功能。例如,游戏中没有主题建筑、弹出式构建器等。

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

性能- 4.5/5

就性能而言,WP Page Builder与本列表中的所有其他页面构建器相比具有相当的竞争力。它确实比其他构建器多添加了一些HTTP请求,但我不认为这在现代web上是一个大问题,特别是如果您的服务器使用HTTP/2(大多数质量的主机现在)。

构建器 总页面大小(KB) HTTP请求总数
WP页面构建器 136 19
原生WordPress块编辑器 52 8

哪个是最好的WordPress页面构建器?

那么,在这8个页面构建器中,您应该选择哪一个呢?好吧,下面是分数的排列顺序:

页面构建器 整体(最多25分) 接口 部件/模板 样式 显著的特征 性能
Elementor 24 5 5 5 5 4
红利建设者 24 5 4.5 5 5 4.5
海狸建造者 23 4.5 4 5 4.5 5
Brizy 23 5 4 5 5 4
发展架构师 22.5 5 4 5 4 4.5
视觉作曲家 22 4 5 4 4 5
WP页面构建器 21.5 4 5 4 3. 4.5
WPBakery页面构建器 17 3. 3.5 3. 3. 4.5

就我个人而言,这也是我向人们推荐它们的方式。

如果您不知道从哪里开始,那么就从测试开始Elementor绝对不会是个坏主意。对于大多数人来说,Elementor在功能、易用性和设计选项方面达到了正确的平衡。

虽然它在性能上没有获得最佳的位置,但只要您遵循,您当然可以使用element构建快速加载站点WordPress性能最佳实践.例如,简单的配对WP火箭with Elementor can大幅缩小其性能影响并帮助您轻松通过核心Web重要信息。

另外,Elementor是所有构建器中最慷慨的免费版本之一,所以您可以只使用免费版本进行基本设计。

如果你是一名设计师,另外两个不错的选择是红利建设者而且Brizy.然而,如果你是一名开发者(比起拥有更多功能,你更看重稳定性和无膨胀的体验),我认为海狸建造者也许是一个更好的起点。

如果你正在寻找价格和功能的最佳价值,这里是另一个比较分数和定价选项的表格:

页面构建器 整体(最多25分) 免费版吗? 起始价
Elementor 24 49美元
红利建设者 24 89美元*
海狸建造者 23 99美元
Brizy 23 49美元
发展架构师 22.5 299美元*
视觉作曲家 22 49美元
WP页面构建器 21.5 39美元
WPBakery页面构建器 17 64美元

*对于Divi Builder和Thrive Architect,您将购买会员资格,使您可以访问开发者的所有其他主题和插件。Thrive Suite提供了比Divi会员更多的附加价值,这就是它价格更高的原因。

以上就是我们对2022年及以后最受欢迎的WordPress页面构建插件的总结。我希望您觉得它有用,并且我希望您现在对哪个页面构建器最适合您的需求、知识水平和预算有了更好的了解。

现在交给你了——你认为哪个是最好的WordPress页面构建器?

分享本文:
脸谱网 推特
披露:本帖中的一些链接是附属链接,这意味着如果您点击其中一个链接并购买物品,我们可能会收到佣金。然而,所有的意见都是我们自己的,我们不接受为积极的评论付款。

24日评论

  1. 嗨,布莱恩,谢谢你过来!不,你没有做错任何事。不幸的是,目前没有一个页面构建器可以在禁用插件时保留格式。“承诺”评级是为了反映如果您想要更改到另一个页面构建器或停止使用它有多容易。换句话说,最理想的是它不会删除你的内容(就像Themify)或用短代码迷惑它(就像Divi)。你所能期望的最好结果是,它将保留你的所有内容,只是失去布局,这听起来就像你正在经历的。

  2. 你好布莱恩,

    你是对的,页面构建器应该保持内容即使插件停用。
    在WordPress社区中,只有两个页面构建器可以具有这些特性:
    ——海狸
    ——KingComposer

    我认为您可以尝试使用KingComposer。

  3. 我不同意你对WP面包店的评分。不过,总的来说,我尊重你的比较。

  4. 谢谢你帮我整理这些。我在寻找的一件事是膨胀的比较,即网页构建器为你创建的网站添加了多么糟糕的膨胀。比如它是否添加了过多的额外调用来加载一个页面?您还可以考虑代码的质量/优雅性。

  5. 我完全理解你!喜欢所有这些功能,但随着我们进一步扩展我们的网站功能和构建更多的内容,它的加载越来越慢,越来越慢……如果它可以逐页工作就太好了。如果你在这段时间发现了类似的东西,给我打电话。Charline

  6. 我也想对这个讨论提出我的三点意见。作为一家数字机构,我们在过去的几年里主要与Divi合作,并能够与这个建设者一起完成出色的项目。Divi正在疯狂地向前发展,在每个版本中都添加了越来越多的新函数(比如全局样式或变量),但也有不好的一面——性能越来越差。Elementor很棒,但也有一些缺陷,所以我将仔细研究一下Brizy,因为我认为它拥有最好的代码库。不管怎样,伟大的对比!

  7. 这篇文章加上所有的评论对选择构建器非常有帮助。我和这个列表上的几个人合作过,但没有布里兹,我想我很快就会去看看。再次感谢!

  8. 我一直在使用Pagelayer。
    它非常好,我喜欢编辑的速度。
    具有编辑主题页眉和页脚所需的所有功能。

  9. 我很想知道你对氧气的看法。我最近一直在寻找,并考虑基于清洁的输出和声明更快的加载时间。我很想知道你有没有调查过这事。

    1. 我喜欢Oxygen,但我不一定会称它为页面构建器——它更像是一个主题/网站构建器。有很多重叠,但在方法上略有不同。

  10. 你正在详细描述所有插件。哇!
    在我的生活中,我只使用两个构建器,即WPBakery和element。
    我曾经试过海狸,但我觉得没有“化学反应”。回到元素。
    也许我应该再试试海狸。
    谢谢!

  11. 嗨,科林,这是一篇伟大的文章,但是,我不得不不同意.....你一次都没提到环球色彩!这正是Elementor所缺乏的!他们不应该得到满分。要在每一个元素、每一次、每一页上改变颜色实在是太烦人了。全球颜色是必须的。Thrive Architect目前提供了最好的颜色选择,Brizy也一样。Thrive也有符号,只有Webflow有。我觉得你应该再深入一点!

    1. 开普勒建造者有全球颜色和符号..它也是WordPress。我也没在清单上看到

    2. 我同意@Paul O的观点,没有全局颜色的建筑是痛苦的,更不用说跟踪它们了。我们可以看到像Brizy, Kepler这样的新兴构建者整合了这些包括符号。我同意Elementor有这么多的功能,但他们忽略了创建网站的便利性。

  12. 我觉得我又回到了divi。真的很想在Astra Pro上使用element,但是两者都有这么多选项,我总是不知道该在哪里更改内容。想知道我是被孤立的那个人,还是别人能感受到我的痛苦。

  13. 你好,科林,
    谢谢你这篇非常有趣的评论。

    作为一个Yootheme用户,我很惊讶它从未出现在wp生成器的比较中。也许因为它一开始是一家乔姆拉建筑公司。

    我已经测试了WPfactory,这是一个耻辱,并切换到Yootheme,这是非常棒的。
    我很想把它和其他的比较一下。
    阿罗哈!

  14. 在我看来,Divi Theme工作更好,超级容易使用。Elementor是光滑的,快速的,工作也很好。感谢这篇文章。

  15. 当使用Site Origin的页面生成器或海狸Lite时,如果插件被禁用,页面会是空白的吗?!

  16. 我在很长一段时间前碰巧使用了elemor, Divi和Beaver Builder,但我在两年前AppSumo的终身促销代码中偶然发现了Brizy。

    我最终将代码堆叠起来并充分利用了Brizy。io和Brizy.cloud。它真的适合我的业务,我可以产生一个良好的登陆页面和网站,可以转换得非常快。为了电子商务的目的,我结合了一个电子商务网站支付和Brizy的领导产生和文案。它工作得很好。

    到目前为止,尽管Brizy是新产品,但我认为它是我买过的最便宜也是最好的投资。我强烈向其他人推荐Brizy。

  17. 我认为页面生成器更多的是个人选择,没有最好的答案。

    我已经使用了大部分,我仍然根据项目在其中的3个之间选择。我为客户制作网站,但仍然不能说,这个是最好的。这总是取决于我想要建立的网站,我想花在上面的时间,以及我的客户愿意支付的钱。

    有些人喜欢Brizy的简单性,或者你可以添加到element中的插件。
    对我来说,我喜欢根据结果的速度和它们产生的代码来对它们进行排序。

    我在一年前做了一些视频,比较8个页面生成器。Gutenberg是最快的,Oxygen是第二名,Thrive是第三名。

    当然,Gutenberg还没有准备好创建一个完整的网站,除非这个项目非常简单。在大多数情况下,我会使用Oxygen,如果项目太复杂,需要定制代码(客户不想付费),我会使用element。如果客户想要添加自己的页面,我会选择Brizy工具。

    也就是说,如果你正在使用页面构建器,知道它是如何工作的,可以构建任何你想要的东西,那么它可能是最适合你的工具。

  18. 对于我们这些不是WordPress(或网页设计)专家的人来说,如果你能包含一个“易用性”的比较,这将是很有帮助的,我们正试图建立自己看起来专业的网站,并能够完全定制一切(包括页眉和页脚),尽可能容易地按照我们想要的方式。

    1. 谢谢你的反馈。我们将尝试在下次更新中加入这一功能。

留言回复

您的电邮地址将不会公布。

Baidu
map