Beaver Builder 评论:它是最好的 WordPress 页面构建器插件吗? (2022)
已发表: 2016-11-15概括
Beaver Builder 是顶级 WordPress 页面构建器插件之一。 它没有提供像 Elementor 或 Divi 那么多的设计选项,但它确实具有非常稳定、可靠的界面以及大多数人需要的所有功能。
Beaver Builder 是顶级 WordPress 页面构建器插件之一。 它没有提供像 Elementor 或 Divi 那么多的设计选项,但它确实具有非常稳定、可靠的界面以及大多数人需要的所有功能。
优点
内联编辑的快速界面
大多数人需要的所有核心设计功能
非常稳定,无错误的工具
轻量级代码输出(用于页面构建器)
缺点
没有 Divi 或 Elementor 那么多的设计选项
不经常发布新功能(例如没有弹出窗口生成器)
正在为您的 WordPress 网站寻找最佳页面构建器插件?
Beaver Builder 绝对值得在该列表中占有一席之地。 自 2014 年推出以来,它已成为首屈一指的页面构建器之一,并以坚如磐石的可靠性和出色的社区建立了当之无愧的声誉。
在我们动手操作的 Beaver Builder 评论中,我将详细介绍该插件,包括它做得好的地方和做得不好的地方。
总的来说,我认为 Beaver Builder 是一个非常好的页面构建器,但它不一定是每个人的最佳工具,因此您需要获得正确的信息来决定是否应该使用 Beaver Builder 或其流行的替代品之一,例如Elementor 或 Divi Builder。
继续阅读我们的评论,我会帮助您做出决定!
目录
- 海狸生成器评论:快速总结
- Beaver Builder 界面的工作原理
- 海狸主题
- 海狸生成器主题
- 表现
- 第三方 Beaver Builder 附加组件
- 价钱
- 关于 Beaver Builder 的最终想法
海狸生成器评论:快速总结
如果您不熟悉 Beaver Builder,我将从一个非常快速的功能摘要开始,以帮助您快速上手。
Beaver Builder 是一个用户友好的拖放页面构建器插件。 这意味着它可以帮助您构建复杂的设计和登录页面,而无需任何技术知识。
您可以使用内容模块设置您的设计,并使用行和列创建布局。 对于每个模块、行和列,您将获得控制其设计、布局、间距等的详细选项。
如果你想走得更远,你可以使用 Beaver Builder 的 Themer 插件来设计你的整个主题,使用可视化的拖放编辑,包括自定义页眉、帖子模板、页脚等。
基本上,Beaver Builder 可以帮助您构建一个 100% 自定义的 WordPress 网站。

Beaver Builder 界面的工作原理
让我们从深入研究 Beaver Builder 界面及其工作原理开始。
基本界面导览
当你启动界面时,你会得到一个很好的实时设计的全宽预览。 默认情况下没有固定的侧边栏,但您可以根据需要创建一个:

添加模块
要添加新的模块或模板,您可以单击右上角的“加号”图标打开插入器界面。 模块分为不同的类别,您也可以按名称搜索。
要添加模块,只需将其拖到页面上:

添加模块后,菜单会消失,然后您将返回完整预览。
如果您希望菜单保持固定,您可以将其拖动到右侧或左侧,将其变为该侧的固定侧边栏。 在这里,我把它固定在左边:

就模块本身而言,Beaver Builder 在让您访问所有最重要的模块方面做得很好。 该列表可能不像其他一些页面构建器那么大,但我认为大多数人不会有问题。 如果您确实需要添加更多模块,您可以随时使用第三方插件(稍后会详细介绍)。
配置模块、列和行
要打开任何元素的设置,您可以将鼠标悬停在它上面并单击扳手图标。
如果您有消失的菜单,设置将出现在一个弹出窗口中,您可以将其拖动到任何位置并更改其大小:

如果您更喜欢固定侧边栏的方法,设置将自动在侧边栏中打开:

虽然您可以在上面的屏幕截图中看到文本编辑器,但 Beaver Builder 还支持内联编辑,这意味着您可以通过单击和键入直接在页面上添加文本。
就设计选项的数量而言,我想说您获得了所有重要的核心选项,但您没有获得某些页面构建器(例如 Elementor 和 Divi Builder)提供的高级设计选项。
例如,没有自定义绝对/相对定位,也没有 Elementor 的 Motion Effects 或 Divi 的 Scroll Effects 之类的东西(尽管 Beaver Builder 确实包含基本动画)。
对于普通用户,我认为您不会觉得自己缺少任何东西。 但是如果你是一个喜欢能够设置所有这些很酷的设计效果的设计师,那么 Elementor 和 Divi 在这方面肯定会更灵活一些。
Beaver Builder 也支持响应式设计。 您可以在移动设备上隐藏某些元素,还可以选择根据用户设备更改配置(例如,您可以为移动访问者使用不同的间距或字体大小):

还有一种响应式编辑模式,可以轻松为手机和平板电脑设计。
创建多列设计
这是我最喜欢的 Beaver Builder 功能之一,我不知道为什么每个页面构建器都不这样做。
假设您要创建一个多列设计。 对于大多数其他页面构建器,您首先需要设置列结构。 然后,您可以将小部件拖到这些列中。
使用 Beaver Builder,您可以跳过该步骤,只需将一个模块拖到另一个模块旁边即可自动创建一个新列。 这是一件小事,但它真的很方便,可以节省你一些时间:

当然,Beaver Builder 仍然允许您先设置列结构——如果您喜欢这样做,您需要手动添加一行。
插入模板
为了节省时间,Beaver Builder 包含一些您可以插入的整页模板。 这些模板有两种形式:
- 完整的登陆页面
- 内容页面(例如“关于”页面)

不过,我会说模板不是 Beaver Builder 的强项。 模板本身看起来不错,但您几乎无法访问其他一些工具提供的模板数量。 例如,Divi 为您提供 1,700 多个模板,Elementor 也有数百个。

除了页面模板之外,您还可以获得预构建的行模板,它们是页面一部分的模板——例如,英雄部分。
您还可以将自己的设计保存为模板,以便以后重复使用。
使用全局设置
全局设置允许您控制所有 Beaver Builder 设计的高级设置,例如行的默认宽度、行和列的默认边距/填充、响应式布局等。

您还可以在核心插件中自定义您的中小型设备断点,这并不是所有页面构建器都允许的(例如 Elementor 仍在允许可调整断点的过程中)。

使用代码
如果您想使用代码,Beaver Builder 可以轻松地将 CSS 或 JavaScript 直接添加到页面 -按 Ctrl + Y打开代码编辑器。

但是,您不能像 Elementor Pro 允许的那样将自定义 CSS 直接添加到单个模块/部分。 即使您可以将自定义 CSS 类或 ID 添加到模块,您也不能添加 CSS 本身。
关于界面和编辑体验的一般思考
总的来说,我认为 Beaver Builder 的编辑体验相当不错。
在设计选项方面,它没有 Elementor 或 Divi “那么多”,但它具有大多数用户需要的所有核心选项。
此外,我真的很喜欢界面本身。 虽然很难在屏幕截图中显示这一点,但界面始终快速且无故障。 在打开设置或拖动东西时,我从来没有遇到过任何滞后或问题——它很有效。
您可以根据自己的喜好自定义界面也很好。 如果您喜欢全屏视觉预览,您可以在查看设计时继续使用默认弹出样式并隐藏所有设置。
或者,如果您喜欢侧边栏的方法,您可以将侧边栏粘贴在任一侧,并从固定界面执行所有操作。
没有什么特别华丽的,它只是一个非常可靠、令人愉快的使用界面。
海狸主题
Beaver Themer 是 Beaver Builder 团队的官方扩展,为 Beaver Builder 添加了完整的主题构建支持。
Beaver Builder 是第一批提供完整主题构建的页面构建器之一,击败了 Elementor 和 Divi 等其他大牌。
启用 Beaver Themer 后,您可以转到Beaver Builder → Themer Layouts为您的主题创建模板:
- 标题
- 页脚
- 单数(例如单个博客文章、页面等)
- 存档(例如,列出所有博客文章的页面)
- 404页
您还可以创建主题部分,这是一个非常简洁的功能,可让您在网站的不同部分注入设计,有点像主题挂钩。
主题模板
创建新主题模板时,您首先需要选择何时使用该模板。 您可以定位特定类型的内容,例如,所有博客帖子或仅具有特定类别/标签的帖子。
如果你想要更多的控制,你还可以设置规则,让你只有在满足指定条件时才使用某个模板,例如登录状态、用户角色、作者、自定义字段、帖子模板等。

由于大多数其他主题构建器没有类似的功能,这是 Beaver Themer 的明显优势。
从那里,您可以使用相同的 Beaver Builder 界面来设计您的模板。 唯一的区别是您将能够插入“动态”内容,例如帖子的标题和内容。
Beaver Themer 还可以使用自定义字段,以便您可以从高级自定义字段或 Pod 等插件插入数据。 下面,您可以看到将字段内容连接到动态信息的情况。

主题部分
主题部分的工作原理与主题模板基本相同,但您可以获得一个额外选项,可让您将部分注入主题的特定位置,例如,在帖子标题下方或内容下方。
您可以将主题部分用于广告、选择加入表单、号召性用语等。

海狸生成器主题
Beaver Builder 主题是一个轻量级的基础 WordPress 主题,旨在与 Beaver Builder 配对。
本质上,这个想法是您使用 Beaver Builder 主题来处理非内容区域,例如页眉、页脚和博客模板,然后您使用 Beaver Builder 来设计实际内容(页眉和页脚)。

不过,老实说,我认为 Beaver Builder 主题在 2022 年及以后没有那么有价值。 这并不是说主题“坏”——这是一个很好的主题。 我只是认为 WordPress 空间发生了变化,不再那么特别了。
多年前,这个主题很不错,因为仍然很难找到轻量级、多用途的基础主题。
但是现在,当涉及到旨在与页面构建器配对的灵活、轻量级主题时,我们已经被宠坏了。 所有这些主题都遵循与 Beaver Builder 主题相同的基本原则,但它们做得更好(至少在我看来)。 在 2022 年及以后,我宁愿将 Beaver Builder 与 GeneratePress 配对。
表现
使用页面构建器插件时,性能始终是一个重要的考虑因素。 与仅使用默认的 WordPress 编辑器相比,页面构建器总是会为页面增加更多权重,但有些页面构建器在将权重保持在最低限度方面比其他页面构建器要好。
我亲自进行了一些测试,我使用不同的页面构建器创建了相同的页面,而 Beaver Builder 通常是性能方面的最佳选择之一。 我的意思是,它的页面大小和 HTTP 请求低于其他构建器。
为了让您更好地了解 Beaver Builder 与原生 WordPress 块编辑器 (Gutenberg) 相比增加了多少额外的重量,我决定进行一个小测试。
我用两个版本创建了一个简单的设计:一个带有 Gutenberg 编辑器,另一个带有 Beaver Builder 的高级版本。
然后,我比较了页面大小和 HTTP 请求(这些数字包括我网站的主题,即 GeneratePress):
| 页面大小 | HTTP 请求 | |
| 古腾堡 | 25.9 KB | 6 |
| 海狸生成器 | 70 KB | 10 |
| 不同之处 | +44.1 KB | +4 |
您可以看到默认情况下 Beaver Builder 并没有真正加载那么多。 设计非常简单,主要只包括文本、按钮和列。 此结果小于您在许多其他页面构建器中看到的结果。
例如,当我用 Divi Builder 做同样的事情时,它增加了 316.7 KB(与 Beaver Builder 相比 +44.1 KB)和 7 个新的 HTTP 请求(与 Beaver Builder 的四个新 HTTP 请求相比)。
另一个好处是 Beaver Builder不会在站点范围内加载其脚本。 因此,如果您有一个使用本机 WordPress 编辑器构建的页面,Beaver Builder 将不会在该页面上加载单个脚本。
这是值得注意的,因为其他一些页面构建器会在站点范围内加载他们的脚本,这会增加页面的权重,无论您是否在该页面上使用页面构建器。
Beaver Builder 性能结论
您使用 Beaver Builder 设计的页面的加载速度是否与使用 Gutenberg 块编辑器设计的页面一样快? 不,一切都是平等的,它不会。
但是,Gutenberg 块编辑器并没有给您提供几乎与 Beaver Builder 一样多的设计灵活性。 而且,与具有类似灵活性的其他页面构建器插件相比,Beaver Builder 相当有利。
因此,只要您对任何页面构建器插件都适用的基本性能权衡感到满意,Beaver Builder 就可以将其增加的权重保持在最低限度。
只要您遵循 WordPress 性能最佳实践,使用一些速度优化插件,并在快速托管上托管您的网站,您就可以完全使用 Beaver Builder 创建一个快速加载网站。
第三方 Beaver Builder 附加组件
除了 Beaver Themer,Beaver Builder 还拥有一个充满活力的第三方 Beaver Builder 插件市场,可让您进一步扩展核心构建器。
通常,您将使用这些扩展来添加新的内容模块和模板,但有些还会添加新功能,例如将 Pods 框架与 Beaver Builder/Themer 集成。
为了让您体验一下,这里有两个最受欢迎的选择:
- Beaver Builder 的终极插件(来自 Astra 主题背后的同一团队)
- Beaver Builder 的 PowerPack 插件
要查看更多选项,请查看我们对最佳 Beaver Builder 附加组件的汇总。
价钱
现在我们已经涵盖了其他所有内容,让我们来谈谈定价。
首先,Beaver Builder 在 WordPress.org上确实有一个免费的精简版,但它非常有限。
老实说,既然 Gutenberg 块编辑器已经存在,我认为 Beaver Builder 的免费版本没有任何价值,除了让您试用用户界面以查看您是否喜欢它。
你可能不同意——所以你绝对应该自己测试免费版本。 但在我看来,如果您专门寻找免费的页面构建器插件,Elementor 和 Brizy 的免费版本在功能上要慷慨得多。
但是,对于高级版本,Beaver Builder 相当实惠。
首先,需要注意的重要一点是 Beaver Builder 的所有定价计划都允许在无限的网站上使用。
从那里开始,一年的支持和更新计划起价仅为 99 美元。 在所有计划中,如果您想在第一年后继续获得支持和更新,您可以获得 40% 的续订折扣。
正如我上面提到的,我发现 Beaver Builder 主题不再那么有价值了,所以我认为几乎每个人都可以使用 99 美元的标准许可证。 您可能想要支付更多费用的唯一原因是:
- 您需要 WordPress 多站点支持,在这种情况下,您需要 199 美元的Pro许可证。
- 您需要白标,在这种情况下,您需要 399 美元的代理许可证。
如果您想添加主题构建支持,您还需要购买 Beaver Themer,价格为 147 美元,可在无限站点上使用。
因此,如果您想要页面构建器和主题构建器,您将支付 246 美元用于无限站点和一年的支持和更新。 如果您想在第一年之后继续获得支持和更新,您将总共支付 147.60 美元来续订。
关于 Beaver Builder 的最终想法
总的来说,我认为 Beaver Builder 是一个来自成熟、可靠的开发团队的非常好的插件。 它已经存在了七年多,并且在那段时间建立了一个伟大的社区。
但是,您是否应该使用 Beaver Builder 真的取决于您在 WordPress 页面构建器插件中的价值。
如果您想要一个始终添加新功能并为您提供新设计能力的页面构建器,那么 Beaver Builder 可能不是您的最佳选择,因为这似乎不是 Beaver Builder 团队的重点。 Beaver Builder 并不是从不添加新功能,但它们的速度比 Elementor、Divi 和 Brizy 等插件慢。
但是,如果您重视稳定性而不是频繁获得新功能,那么我认为 Beaver Builder 做得非常好。 较慢的开发周期意味着更多的时间来测试和解决问题。 我从未见过 Beaver Builder 用户抱怨新版本导致了一些广泛存在的错误或破坏了他们网站上的某些东西。
获得新功能当然有价值,但稳定性也很有价值。 如果插件已经完成了您需要的所有操作,您可能只是希望它继续保持良好状态,而不添加可能会或可能不会在您的网站上引起问题的新功能。
所以这基本上是我的看法。 我不认为有一个单一的“正确”答案——这真的取决于你喜欢哪种方法。
如果你喜欢 Beaver Builder 的方法,你可以点击下面的按钮进入网站:
获取海狸生成器
如果您希望查看其他选项,可以查看我们的最佳页面构建器插件集合。 如果您想要最大的设计灵活性,我认为 Elementor(阅读我们的评论)和 Divi Builder(阅读我们的评论)是一些不错的选择。
要了解 Beaver Builder 如何与这些插件相提并论,您可以查看以下帖子:
- Elementor Pro 与 Beaver Builder
- Divi vs Beaver Builder
对 Beaver Builder 或我们的 Beaver Builder 评论还有任何疑问吗? 发表评论,让我们知道!
