Beaver Builder页面构建器插件评测:与其他同类插件对比有何独特之处?

Beaver Builder页面构建器插件评测

考虑在您的 WordPress 网站上使用 Beaver Builder?在我们的 Beaver Builder 实践评测中,我们将帮助您决定这款流行的页面生成器是否适合您。

Beaver Builder 是最成熟的 WordPress 页面生成器之一。使用其可视化拖放界面,您无需编写一行代码就能快速创建美观的设计。

有了 Beaver Themer 扩展,你不仅可以设计单个页面,还可以为主题的页眉、页脚、单篇文章布局和文章列表布局(归档)制作模板。

总的来说,Beaver Builder 的重点是很好地掌握页面生成器的核心功能,并创建一个坚如磐石的界面。在开箱即用的优化方面,它也是最轻量级的页面生成器之一,从性能角度来看非常不错。

不过,虽然 Beaver Builder 有很多值得称道的地方,但它并不完美,它缺乏 Elementor 和 Divi 等其他流行构建工具所具备的功能、设计选项和模板。

总的来说,Beaver Builder 对于某些类型的用户来说是一个不错的选择,但对于其他人来说,使用其他构建工具可能会更好。

在我们的 Beaver Builder 评测中,我将帮助你了解哪种情况最适合你。以下是我将介绍的所有内容:

Beaver Builder官网

探索Beaver Builder主要功能

在对 Beaver Builder 进行评测之前,我们先来了解一下 Beaver Builder 的工作原理和一些最实用的功能。

但首先值得注意的是,开发者提供了一个全功能的 Beaver Builder 演示。因此,如果你想亲自体验一下它的功能,可以点击这里

可视化、拖放式生成器

Beaver Builder 的核心是可视化拖放生成器。您无需编写任何代码即可创建自己的自定义设计。

首次打开 Beaver Builder 时,您会看到设计的全宽预览以及顶部的工具栏:

beave builder拖放式生成器

要添加新模块或模板,可以点击加号图标展开菜单。要将模块添加到页面上,只需将其拖动到希望出现的位置即可:

beaver builder添加新模块或模板

Beaver Builder 和几乎所有其他页面生成器一样,有三种类型的页面元素:

  • – 可将页面横向划分为多个部分。
  • – 这些元素位于行内,可将一行垂直划分为一列或多列。
  • 模块 – 这些模块可以让你向页面添加内容。你可以将它们放在行/列中。不同类型的内容(如按钮、图片、视频、表单等)都有专门的模块。

对于任何元素,你都可以点击它来打开设置。在这里,你可以完全控制设计、间距、内容等:

beaver builder控制设计、间距、内容等

对于文本内容,您也可以直接点击页面并键入–您不需要为了编辑文本而打开完整的设置(当然,如果您想的话也可以)。Beaver Builder 还有一系列键盘快捷键,可用于加快工作流程。

这就是基本思路!我将重点介绍一些我喜欢的具体功能。但总的来说,Beaver Builder 的一大优点是其编辑器非常快速且无故障(可视化构建工具并非总是如此)。

哦,还有一件好事 – Beaver Builder 还支持黑暗模式

Beaver Builder黑暗模式

自定义界面

Beaver Builder 有一个非常好的功能,那就是你可以根据自己的喜好自定义界面布局,这一点是许多其他页面生成器所不具备的。

例如,如果你希望有一个固定的侧边栏,只需将设置面板拖到屏幕两侧,Beaver Builder 就会将其固定在该位置并始终可见:

beaver builder自定义界面

如果想切换回全屏预览和弹出设置菜单,只需将其拖回屏幕中间即可。

便捷的布局选项

我喜欢 Beaver Builder 的另一个原因是它能让你轻松控制布局。

使用许多其他页面生成器时,你需要在开始添加内容元素之前配置行/列布局。但有了 Beaver Builder,你只需将一个模块拖到另一个模块旁边,就能自动创建一个新列:

beaver builder便捷的布局选项

虽然这只是一件小事,但我发现这对快速创建布局来说超级方便。

你还可以使用拖放来调整列宽,这意味着你不需要为了调整宽度而打开完整的设置:

beaver builder使用拖放来调整列宽

响应式设计

使用 Beaver Builder 创建的所有设计默认都是响应式的,这意味着无论用户是在台式机、平板电脑还是移动设备上浏览,它们都会自动进行调整。

不过,如果您希望获得更多控制权,Beaver Builder 还包含一个响应式编辑模式,可让您针对特定设备进行更改,包括

  • 更改字体大小和排版。
  • 隐藏某些行、列或模块。

在进行这些更改时,您可以看到您的设计在不同设备上的效果:

beaver builder响应式设计

您还可以为移动和平板设备自定义响应式断点。

条件元素显示

除了响应式设计,Beaver Builder 还允许您使用其他条件规则来控制是否显示某些行或模块。

其中一个独特的选项是,您可以根据访客的登录状态显示/隐藏内容,这样您就可以创建简单的会员制网站,而无需使用专门的会员制插件(如 MemberPress 或MemberMouse):

beaver builder设置条件元素显示

Beaver Builder模板

如果您不想从头开始设计,Beaver Builder 确实包含一些预制的着陆页和内容页模板。

Beaver Builder模板

虽然有模板是件好事,但与 Elementor 和 Divi 等其他工具相比,Beaver Builder 的模板选择明显有限。模板绝对不是 Beaver Builder 的强项。

不过有一点很好,那就是你可以将自己的模板保存到库中,以便日后重复使用。你还可以使用 Assistant Pro 插件将模板保存到云端,以便在其他网站上轻松重复使用。

CSS和JavaScript编辑器

对于更高级的用户,Beaver Builder 可通过专用编辑器为您的设计添加自定义 CSS 或 JavaScript,其中包括基本验证和建议:

CSS和JavaScript编辑器

您还可以为特定行或模块添加 CSS 类,以应用您的 CSS。

不过,您不能像 Elementor Pro 那样直接在模块中添加自定义 CSS。

如果您在自定义 CSS 方面需要帮助,Beaver Builder 还可以与 CSS Hero 插件配合使用。

主题生成器

Beaver Builder 的核心插件是一个页面生成器,这意味着你可以用它来设计单个帖子和页面。

不过,有了官方的 Beaver Themer 扩展,你就可以使用相同的可视化生成器界面设计主题模板,包括

  • 页眉
  • 页脚
  • 单个 – 例如,部分/全部博客文章使用的设计(或自定义文章类型)。
  • 档案–例如,列出博客文章的页面(或自定义文章类型)。

创建模板时,可以使用规则来控制模板的应用位置。这些规则非常灵活,这也是 Beaver Themer 的强项。您可以根据文章细节、用户细节(如登录状态或用户角色)、作者等有条件地应用模板。

主题生成器

在这里,您可以打开可视化生成器来设计您的模板。您将获得一些特殊的主题块来插入动态内容,Beaver Themer 还可以让您从使用 ACF、Toolset 和 Pods 等插件添加的自定义字段中插入动态内容:

beaver builder可视化生成器

我喜欢 Beaver Themer 的另一个原因是,您可以设计模板部分(又称 “部分设计”),并将其注入 WordPress 的不同钩子位置。例如,您可以在博文内容之后自动注入一些内容。这对广告、CTA、电子邮件选入等非常有用。

不过,Beaver Builder 主题构建功能的一个缺点是,页眉和页脚模板只能与有限的主题配合使用。你可以为任何主题创建单个或归档模板,但页眉和页脚模板只能与列表中的主题一起使用。相比之下,Elementor Pro 的主题生成器适用于任何主题。

第三方扩展

Beaver Builder 插件的核心部分是完全可扩展的,这意味着您可以在大型第三方 Beaver Builder 扩展市场中找到可添加新功能的…

  • 模块
  • 模板
  • 功能
  • 等等。

当您需要某种功能时,这些扩展会非常有用。例如,如果您觉得 Beaver Builder 的模块选择有限,您可以添加 PowerPack 或 Ultimate Addons,这样您就可以使用几十个新模块和许多其他有用的功能。

Beaver Builder性能评测

接下来,让我们来谈谈 Beaver Builder 的性能。

无论何时使用页面生成器,与使用 WordPress 原生区块编辑器相比,至少都会牺牲一些性能。

不过,就性能而言,Beaver Builder 是你能找到的更好、更轻量级的选择之一。

为了测试这一点,我用 Beaver Builder、原生编辑器和其他一些流行的页面生成器插件建立了一个简单的测试页面。

这只是一个非常基本的页面,其中包含一些基础元素,这些元素在每个创建器中都是相同的。这样做的目的只是为了了解每种创建器的基本“体积”。

数据如下:

页面构建器 页面大小 HTTP请求数
原生区块编辑器(古腾堡) 40 KB 7
Beaver Builder 84 KB 12
Elementor 170 KB 21
Divi Builder 149 KB 13
Brizy 143 KB 14

注:这些数据是基于主题 Astra 下测试所得

可以看出,Beaver Builder 比区块编辑器页面体积大一些,但比 Elementor、Divi Builder 和 Brizy 等其他流行的页面生成器轻一些。

总的来说,只要您执行 WordPress 性能最佳实践,您完全可以使用 Beaver Builder 构建一个快速加载的网站。

要优化 Beaver Builder,有一个非常简单的方法,您可以将它与 WP Rocket 搭配使用,后者可以自动移除未使用的 CSS 并优化 JavaScript。

Beaver Builder定价

接下来,让我们谈谈 Beaver Builder 的定价。

首先,WordPress.org 提供 Beaver Builder 免费版本。不过,我不推荐将其作为免费创建工具,因为免费版本比 Elementor 或 Brizy 的免费版本局限性更大。

不过,就高级版本而言,Beaver Builder 是非常经济实惠的,除非你只需要它来制作一个网站。

为什么这么说呢?因为 Beaver Builder 的所有高级计划都允许在不受限制的网站上使用。

有三种不同的计划,但大多数人只需要最便宜的 99 美元标准计划就可以了,因为它已经可以让你使用全功能的页面生成器插件:

Beaver Builder定价

选择更高级别的计划只有三个好处:

  1. Beaver Builder 主题 (专业计划)- 我认为您最好只使用 Astra、GeneratePress 或 Kadence 等主题,因此我不认为这是升级的理由。
  2. 多站点支持 (专业计划)- 如果你要创建一个多站点网络,就应该升级。
  3. 白色标签 (代理计划)- 如果您正在创建客户网站,并希望隐藏 Beaver Builder 的品牌,则应升级。

因此,基本上,除非您需要多站点支持或白色标签,否则我认为您应该坚持使用 99 美元的计划。

除了无限站点许可外,Beaver Builder 价格的另一个慷慨细节是,如果你想在第一年后继续获得支持和更新,你将获得 40% 的续订折扣。

注意 – 您可以终身使用您拥有的 Beaver Builder 版本。只有当您想获得新的 更新时,才需要更新许可证(我建议您更新许可证,以确保兼容性和获得新功能)。

不过,Beaver Builder 的定价有一个缺点,那就是如果您想使用主题构建功能,就需要单独购买 147 美元的 Beaver Themer 扩展。这是核心插件基础上增加的功能。

因此,如果您想使用 Beaver Builder 创建主题,您需要支付 246 美元(标准版 99 美元,Beaver Themer 147 美元)。

Beaver Builder支持

Beaver Builder 为所有拥有有效许可证的客户提供专门支持。

首先,您可以在详细的自助知识库中找到许多问题的答案。

如果您仍然需要帮助,可以提交票据。Beaver Builder 的目标是在一个工作日内给予回复。但是,周末或美国节假日不提供支持。有关支持政策的更多信息,请点击此处

除直接支持渠道外,您还可以通过几个官方社区支持渠道直接获得 Beaver Builder 友好社区的帮助:

Beaver Builder优缺点

既然您已经知道了 Beaver Builder 的功能和性能,让我们来总结一下 Beaver Builder 的一些优缺点。

优点

  • 作为页面生成器,Beaver Builder 重量轻、性能友好。在所有流行的页面生成器中,它是最轻量级的选择。
  • Beaver Builder 非常稳定。很少看到有人抱怨 Bug 或故障,即使在更新前后也是如此。
  • 从界面角度看,Beaver Builder 简洁明了,重点突出。没有臃肿感,每项功能似乎都有其存在的理由。
  • 您可以根据自己的喜好自定义 Beaver Builder 的界面布局。
  • Beaver Builder 的所有高级计划都允许创建无限量的网站。
  • 使用代理许可证,您可以为 Beaver Builder 界面贴上白标签,这对您创建客户网站很有帮助。

缺点

  • 虽然 Beaver Builder 涵盖了所有基本功能,但它提供的高级设计选项不如 Elementor 或 Divi 多。例如,Beaver Builder 无法与 Elementor Pro 的动态效果、自定义定位或全局设计系统相媲美。
  • Beaver Builder 的功能不如 Elementor Pro 多。例如,没有弹出窗口生成器。如果你喜欢丰富的功能,这是一个缺点。但是,如果你只想要一个简单直接的页面生成器,你可能会把这看作是一个优点。
  • Beaver Builder 的模板很有限,而且有些看起来已经过时。Elementor、Brizy 和 Divi 都能提供更多、更好看的模板。
  • 界面中不支持右键单击,而现在几乎所有其他流行的构建工具都支持右键单击。右键支持可以加快复制/粘贴等常见任务的速度,非常方便。
  • Beaver Themer 只与有限的主题兼容。大多数其他主题创建工具可与任何主题兼容。

Beaver Builder与一些竞争对手对比

如果你正在考虑 Beaver Builder,这意味着你可能也在考虑其他一些流行的页面生成器插件。让我们来看看它与两种流行的 Beaver Builder 替代品 – Elementor 和 Divi–的比较。

Beaver Builder 与 Elementor

以下是 Beaver Builder 与 Elementor 的优缺点。

Beaver Builder 的优势:

  • 更好的开箱即用性能。
  • 非常稳定。
  • 可定制的界面布局。
  • 所有许可证都允许无限站点,如果在多个网站上使用,价格会更便宜。
  • 40% 的续订折扣(Elementor 不提供任何续订折扣)。

Elementor 的优势:

  • 更多设计选项,如动态效果和自定义定位。
  • 支持右键单击。
  • 弹出窗口生成器等更多功能。
  • 更多/更好的模板。
  • 主题生成器兼容更多基础主题。
  • 功能更强大的免费版本。
  • 单个网站更便宜。

我们的 Elementor 与 Beaver Builder 对比中了解更多信息。

Beaver Builder 与 Divi Builder

以下是 Beaver Builder 与 Divi Builder 的优缺点。

Beaver Builder 的优势:

  • 更好的开箱即用性能。
  • 在编辑器中工作时速度更快、无故障(至少在我的经验中是这样)。
  • 总体上非常稳定。
  • 不基于简码(如果停用,会留下相当干净的代码)。
  • 有免费版本,但非常有限。
  • 40% 的续订折扣。

Divi Builder 的优势

  • 更多设计选项。
  • 模板明显更多–1700 多个选项。
  • 页面构建价格略低,如果需要主题构建,价格会便宜很多。
  • 终身许可证选项(或像 Beaver Builder 一样的年度许可证)。

我们的 Elementor 与 Divi Builder 对比中了解更多信息。

Beaver Builder常见问题

在完成对 Beaver Builder 的评测之前,我们先来了解一下关于 Beaver Builder 的一些常见问题。

Beaver Builder是否不利于搜索引擎优化?

Beaver Builder 不会直接影响网站的搜索引擎优化。只要您执行一般的 WordPress SEO 最佳实践,您使用 Beaver Builder 创建的网站肯定能获得较高的排名。

Beaver Builder移动端友好吗?

是的!您的所有 Beaver Builder 设计默认都是移动友好和响应式的。此外,您还可以使用特殊的响应式编辑模式,在需要时编辑手机和平板电脑设计。

我需要使用Beaver Builder的主题吗?

是的!您仍然需要使用 Beaver Builder 的主题。您可以使用官方的 Beaver Builder 主题,也可以使用 Astra 或 GeneratePress 等流行的轻量级选项。

什么是最好的Beaver Builder主题?

虽然Beaver Builder提供官方的Beaver Builder主题,但我更喜欢将其与轻量级基础主题搭配使用,如 Astra、GeneratePress、Kadence或Page Builder Framework。

Beaver Builder是一次性购买吗?

是,也不是。购买 Beaver Builder 后,您可以永久使用购买的版本,还可以获得一年的支持和更新。

第一年后,您可以继续使用现有版本的 Beaver Builder,但除非续订许可证,否则您将不再获得新的更新或支持。

不过,Beaver Builder 为您提供 40% 的续订折扣,因此您无需以全价续订。

我可以免费使用Beaver Builder吗?

在 WordPress.org 上,Beaver Builder 确实有一个免费版本。不过,它的功能非常有限,所以我不推荐使用。如果你想要一个免费的页面生成器,Elementor 是一个更好的选择。

小结

总的来说,我认为 Beaver Builder 是一个优秀的页面生成器插件,它来自一个成熟、高质量的团队。不过,我并不认为 Beaver Builder 是适合所有 WordPress 用户的最佳页面生成器插件。

一般来说,我认为 Beaver Builder 会受到那些看重 Beaver Builder 的相对轻量级方法和稳定性的用户的欢迎。你可能无法获得其他页面生成器的所有功能,但 Beaver Builder 能很好地完成所有核心页面生成功能。

Beaver Builder 界面运行速度快、无故障,而且如上所述,在 Beaver Builder 中很少会遇到错误。虽然这些优点可能不如炫酷的动态动画那么性感,但这些对于网站建设工具来说确实非常重要。

然而,其他页面生成器(如 Elementor Pro 和 Divi Builder)只能提供“更多”。我说的“更多”是指

  • 设计选项,如动态效果或自定义定位。
  • 功能,如弹出生成器。
  • 模板。
  • 内容元素。

如果你是那种喜欢在工具中拥有“更多”的用户,那么我想你可能会更喜欢 Elementor Pro。Elementor Pro 提供了所有这些–更多设计选项、更多功能、更多模板和更多内容元素。您可以在我们的 Elementor Pro 与 Beaver Builder 对比中了解更多信息。

不过,需要注意的是,我并不认为“更多”一定意味着更好。对很多人来说,它确实更好,但这真的取决于你将如何使用该生成器。

如果你不打算创建弹出窗口,就没有理由选择带有弹出窗口创建器的工具。如果你不打算在你的设计中使用动态效果,那只是在你的网站上无缘无故多了一些代码而已。

因此,这实际上取决于您的需求以及您将如何使用该工具。如果 Beaver Builder 的功能集和使用方法能满足您的需求,我认为它绝对是一款高品质的工具,我毫不犹豫地向您推荐它–我想您不会失望的。

对 Beaver Builder 或我们的 Beaver Builder 评测还有任何疑问?请在评论中告诉我们!

评论留言