Beaver Builder 评论：深入了解流行的 WordPress 页面构建器插件

Beaver Builder 一定会出现在任何 WordPress 页面构建器插件列表中。 但是流行的插件值得它的盐吗？ 它是否具有适合您的功能，并且使用它构建出色的 WordPress 网站是否容易？ 你甚至如何在 WordPress 上安装插件？ 您将在此深入且经过彻底测试的 Beaver Builder 评论中获得所有答案。

从正确的角度来看，Beaver Builder WordPress 插件是一个页面构建器，它使用拖放方法使网站设计在公园里散步。 它让您可以直接在网站的前端工作，并在旅途中创建令人惊叹的网站，而无需任何编码技能。

本质上，使用像 Beaver Builder 这样的页面构建器就像玩乐高积木一样。 您挑选碎片（元素和模块）并将它们组合在一起以创造您的想象力。 使用优秀的页面构建器构建网站就是这么容易。

因此，如果这就是您正在寻找的内容，那么让我们直接进入这个终极 Beaver Builder 评测吧！

Beaver Builder：概述

Beaver Builder 为您提供了一种用于创建内容的默认 WordPress 块编辑器的替代方案，使用类似但更全面的模块系统。
市场上有许多页面构建器插件，但 Beaver Builder 因其易用性而成为最受欢迎的选项之一。 Beaver Builder 有免费版和高级版。 在这篇评论中，我将专注于高级版本并分享我对所有功能和性能的体验。

强大的功能和控制

页面构建器插件之间的根本区别在于它们提供的自定义选项以及它们为您提供对所有这些元素的控制程度。 但是，无论提供多少功能，许多页面构建器都很难使用。

易于使用和集成

但 Beaver Builder 属于后一类，它提供了大量出色的特性和功能，并捆绑在一个易于使用的软件包中。 该插件的前端可视化编辑体验还可以让您看到页面，因为它在您编辑时会向访问者显示，这很棒。

页面构建器还允许您编辑帖子和自定义帖子类型。 此外，它适用于大多数 WordPress 主题，并与大多数生成短代码或小部件的插件很好地集成。

可定制的模板

但是，如果您不想从头开始构建页面，Beaver Builder 还附带了一个预制的可定制模板库。 您可以保存您创建的任何页面以将其布局重复用于其他内容，并且您可以对添加的任何行、列或模块执行相同的操作。

响应式网站

最后，值得注意的是，Beaver Builder 使您能够开箱即用地构建响应式网站。 您可以随时预览页面在台式计算机、智能手机和平板电脑上的外观。

在纸面上，Beaver Builder 听起来令人印象深刻。 在接下来的部分中，我将向您展示它是如何工作的。

Beaver Builder 功能和优点

到目前为止，您已经清楚地了解了 Beaver Builder 提供的功能及其工作原理。 在我向您展示插件的界面之前，让我们简要回顾一下它的功能：

• 拖放式前端可视化页面构建器
• 33个模块添加内容
• 可用于启动内容创建的预建页面模板
• 与大多数 WordPress 主题以及生成短代码和小部件的插件集成
• 完全可定制的页面和自定义帖子类型。

这些都是很棒的功能，但是您需要花多少钱来获得这些功能来构建您的网站？ 让我们来看看插件的定价！

Beaver Builder 定价

正如我之前提到的，Beaver Builder 有免费和付费版本。 但是，如果您打算将 Beaver Builder 用于个人项目（如业余爱好博客）之外的任何内容，您可能需要高级版本。

Beaver Builder Pro 许可证起价为 99 美元，无限站点更新一年，年度续订可享受 40% 的折扣。 这是标准计划，这是我向大多数构建电子商务、商业或专业博客网站的个人用户推荐的选项。

有更昂贵的计划提供更多功能，例如：

• WordPress 多站点支持
• 官方 Beaver Builder 主题，旨在与插件无缝协作
• 白标功能。

如果您正在为代理项目寻找页面构建器，您应该考虑更昂贵的 Beaver Builder 计划之一。 除了这些场景之外，标准许可证还为您提供所需的一切。

Beaver Builder 的系统要求

现在让我们来看看 Beaver Builder 的系统要求。

浏览器兼容性

您可以使用 chrome、firefox、safari 和 edge 浏览器的三个最新版本。 对于 Internet Explorer 用户，建议使用 IE 11。

WordPress 版本

我建议使用最新版本的 WordPress 和 PHP，以获得更好的安全性和性能。 有关 WordPress 更新和说明，您可以查看 WordPress 文章。

• Beaver Builder 插件： WordPress 4.6 及以上 | PHP 5.6.20 及以上（推荐 PHP 7.x）

注意：自 4.9.6 以来的 WordPress 版本需要 Beaver Builder 版本 2.1.1.3 或更高版本。

• Beaver Builder 主题：WordPress 4.1 及以上 | PHP 5.6.20 及以上
• Beaver Themer : WordPress 4.6 及以上

jQuery 版本

Beaver Builder 支持与 WordPress 捆绑的 jQuery 版本。 不建议使用其他 jQuery 版本，因为虽然它可能有效，但最终可能会损坏您的站点。

因此，在安装之前，请确保您遵循要求以避免任何障碍物并顺利到达所需的站点。

如何在您的 WordPress 网站上安装 Beaver Builder？

现在是在 WordPress 上安装 Beaver Builder 的时候了。 Beaver Builder 提供免费（精简）版和高级版，并且易于安装。 我将一一分享两个版本的安装过程。

免费（精简版）版本

转到WordPress 仪表板 > 插件 > 添加新的。

在右侧的搜索栏中搜索 Beaver Builder。 单击安装按钮，然后激活它。

安装并激活 Beaver Builder 后，当您将鼠标悬停在任何页面上或在仪表板中发帖时，将出现一个新的 Beaver Builder 选项。

高级版

如果您将 Beaver Builder 升级到高级版或直接安装高级版，则必须按照以下步骤操作。

• 从我的帐户页面下载您的 Beaver Builder 插件的 zip 文件。 您的许可证密钥显示在页面上的 zip 文件链接上方。

• 导航到WordPress 仪表板 > 插件 > 添加新并点击上传插件。

• 单击选择文件按钮，将出现浏览器窗口。

• 从本地系统中选择您的 Beaver Builder zip 文件，或者将文件拖到“浏览”按钮的顶部。 zip 文件名将出现在“选择文件”按钮的右侧。
• 单击立即安装。

• 在激活插件之前，您必须了解场景。 如果您安装了精简版插件，则在安装高级版时它会自动停用。 如果您已经安装了高级版本，则可以通过单击用上传的替换当前来替换它。
• 单击激活以激活插件。

许可证激活

安装并激活 Beaver Builder 插件后，我将向您解释许可证激活过程：

• 从 WordPress 仪表板，转到设置 > Beaver Builder ，然后单击许可证选项卡。
• 添加您的许可证密钥，您可以在“我的帐户”页面上找到该密钥。
• 当您的许可证处于活动状态时，您可以获得升级和降级。 许可证号应保持不变。

如何使用 Beaver Builder（实践）

安装并激活后，当您将鼠标悬停在任何页面上或在仪表板中发布时，将出现一个新的 Beaver Builder 选项：

单击它将打开该页面并让您访问 Beaver Builder 编辑器。 您首先会注意到的是，您可以直接单击页面上的任何元素来访问其所有设置。

在这些设置中，您可以使用拖放功能在页面上移动项目、自定义该特定元素、模块复制、列编辑或删除元素的能力：

在上面的例子中，我选择了一个标题模块。 如果我通过单击扳手图标来编辑该标题，则可以访问如下所示的菜单：

尽管设置因您使用的模块而异，但 Beaver Builder 插件始终将它们分为三大类：

• 常规：这些是每个模块的基本自定义选项。
• 样式：将样式选项卡视为通过用户友好界面将 CSS 应用于每个模块的快速方法。
• 高级：高级选项卡可让您修改边距、指定断点、添加动画、插入自定义 HTML 等。

更全面的模块有额外的选项卡。 例如，显示帖子或页面的帖子模块包括一个内容选项卡来过滤显示哪些帖子，以及一个分页选项卡来控制如何查看大量帖子。

理论上，您无需接触 Beaver Builder 的高级自定义设置即可构建整个网站。 在此屏幕截图中，边距设置有一个桌面图标，您可以根据需要切换为大、中和小屏幕设置不同的边距值：

虽然我使用了几个 WordPress 页面构建器工具，但 Beaver Builder 的学习曲线最简单。 在其他页面构建器从一开始就向您抛出数十个设置的地方，使用 Beaver Builder，您可以了解每个模块的工作原理以及您可以用它做什么。

就模块选择而言，Beaver Builder 包括 33 个元素。 其中，您具有菜单、联系表单、图像、段落、标题等基本功能。

但是，Beaver Builder 还包括更多“高级”选项，例如推荐模块、图标组、定价表和数字计数器。 定价表是任何电子商务网站的绝佳补充，因此我很高兴地发现 Beaver Builder 使创建和自定义它们变得相对容易：

使用 Beaver Builder 自定义现有页面很简单，但从头开始构建页面相对简单。 您可以将该过程分解为几个简单的步骤：

1. 找出您想要的页面粗略布局。
2. 开始添加列和行。
3. 用您想要的模块填写列和行并自定义它们。
4. 如果需要，可以拖动模块以使元素看起来像您想要的那样。
5. 预览页面在各种屏幕尺寸上的外观。

是的，这过于简单化了。 然而，即使对于第一次使用 Beaver Builder 的人来说，整个过程也很直观。

也就是说，重要的是要注意我确实有一些构建网站的经验。 如果您不熟悉 WordPress 或组建您的第一个网站，您可能对使用 Beaver Builder 模板感兴趣。

预建模板

正如我之前提到的，Beaver Builder 允许您从空白画布或模板开始创建页面。 开箱即用，它包括 30 多个登录页面模板和更多用于各种类型内容页面的模板，以及 100 多个预构建行：

尽管模板选择范围可能更广，但 Beaver Build 包含现代设计，在任何网站上都不会显得格格不入。 您可以选择大英雄部分、动画背景、图标组、推荐部分、定价表等。

如果您没有很多网页设计经验，模板是一种救命工具。 一旦掌握了插件的工作原理，您还可以使用 Beaver Builder 的模板系统来保存您自己的设计并将它们添加到其他页面或项目中：

模板是使 Beaver Builder 成为对初学者友好的页面构建器的重要组成部分，因此我鼓励您至少尝试一些选项，如果您正在处理一个新项目。

Beaver Builder 与 Cloudways 的兼容性和性能

网站速度对您网站的成功起着至关重要的作用，并且可能是大多数网站所有者最关心的问题之一。 网站优化是必要的，但评估如何做到这一点可能很棘手。 对于这个 Beaver Builder 评论，我在 Cloudways 上测试了这个页面构建器，看看它的性能如何，所以你没有那些挥之不去的想法。

我将使用一些重要的速度测试工具，并向您展示 Beaver Builder 与 Cloudways 平台的兼容性。

我们使用的资源：

Cloudways服务器配置

应用配置

已安装的插件

使用上述资源，我创建了一个网站来帮助您了解现场场景。 您可以从此链接查看网站。 现在，我将在不同的工具上测试该站点，以向您展示 Beaver Builder 与 Cloudways 的兼容性和性能。

GTMetrix 性能分析

网址：https://gtmetrix.com/reports/wordpress-626127-2033661.cloudwaysapps.com/9Y3cXpvz/

• 性能: 100%
• 结构: 93%
• LCP : 539ms
• 待定时间：0ms
• CLS : 0.03

Pingdom 性能分析

网址： https : //tools.pingdom.com/#5ea5673c8fc00000

• 性能等级：88
• 页面大小：2.0 MB
• 加载时间：365ms
• 请求数： 49

PageSpeed Insight 性能分析

总成绩：91
FCP : 0.8s
速度指数： 1.5s
LCP : 1.8s
TTI : 0.8s
待定时间：0ms
CLS : 0.028

如您所见，我已经在三种不同的测试工具上测试了该站点，结果令人印象深刻。 Cloudways 为您提供带有内置缓存插件的专用服务器的托管 WordPress 托管，并提供令人难以置信的性能。 部署使用 Beaver Builder 等页面构建器构建的网站意味着您可以为用户提供令人难以置信的体验。

Beaver Builder：优点和缺点

我已经介绍了 Beaver Builder 提供的所有内容——它的功能、它的工作原理以及它的成本。 考虑到这一点，让我们简要回顾一下这个页面构建器插件的优缺点。

优点：

• 这是一个非常直观的工具，即使您没有使用页面构建器的经验。
• 模板的选择具有现代和多功能的设计。
• 在页面上添加和自定义元素很简单，每个模块都包含广泛的设置和选项。
• 列和行系统很简单，适用于任何类型的网站。
• 您可以保存模板和自定义模块以在其他内容中重复使用它们。

缺点：

但是，虽然 Beaver Builder 非常棒，但它并非没有缺陷。 例如，包含的模板设计精良，但选择范围可能要广泛得多，因为许多 WordPress 新手可能会依赖这些模板来构建他们的网站。

另一个需要考虑的潜在缺点是插件的免费版本不包含很多模块。 为了充分利用 Beaver Builder，您需要升级到付费计划，这对个人站点用户来说可能是一个无赖。

Beaver Builder 的不兼容性

Beaver Builder 与大多数与 WordPress 相关的东西兼容，但仍然存在一些缺点。 WordPress 是一个开源平台，所以用户尝试不同的主题和插件来检查兼容性，有时他们成功，有时他们面临不兼容。

让我们来看看 Beaver Builder 的一些主要不兼容性。

1. 插件冲突

当您遇到 Beaver Builder 编辑器的任何问题时，它通常是由于另一个插件冲突而发生的。 缓存插件可能是冲突的原因。 如果是这样，请在遇到任何问题时清除缓存插件并停用除 Beaver Builder 之外的所有插件。 一一启用每个插件并在每个插件之后测试 Beaver Builder。 重复此过程，直到找到导致问题的插件。

2. 主题冲突
主题也可能导致 Beaver Builder WordPress 插件出现问题。 由于主题而出现的问题是什么，我们如何识别它们？

让我们检查以下几点以便更好地理解：

• 页面在编辑过程中或保存编辑页面时挂起
• 用户无法在 Beaver Builder 中编辑页面
• Beaver Builder 编辑栏未出现在页面顶部
• 模块设置框不会出现在编辑器中

转到WordPress Dashboard > Appearance > Theme ，然后将您的活动主题切换到任何 WordPress 标准主题，例如二十二十。

3.异步Javascript插件

除非您配置以下设置，否则异步 Javascript 插件可能会发生冲突并导致问题。

• 排除 jQuery
• wp-includes/js 被添加到 Async Javascript > Settings > Scripts Exclusion字段。

4. 复制插件

不建议使用任何复制器插件来克隆页面和保存布局。 您可能会发现它正在运行，但是当您在新页面上编辑 Beaver Builder 布局时，它会导致问题。 取而代之的是，您可以使用 Beaver Builder Tools 菜单中的 Duplicator Layout。

5. Cloudflare 的 Rocket Loader

Cloudflare 的 Rocket Loader 可能会在编辑页面时导致 Beaver Builder 出现问题，因此建议在编辑期间将其关闭。 您可以在完成网站后打开它。

Cloudways 用户对 Beaver Builder 的评论

口耳相传比营销技巧更响亮，所以让我们看看 Beaver Builder 社区并分析人们对 Cloudways 的看法。 现在是时候探索人们如何在使用 Beaver Builder 时将 Cloudways 视为最佳平台。

可以肯定地说，Cloudways 是您打算使用 Beaver Builder 构建的下一个网站的最佳选择之一。

关于 Beaver Builder 的最终想法

在彻底测试了 Beaver Builder WordPress 插件后，我可以自信地说，它是开始构建非凡 WordPress 网站的最佳解决方案之一。

该插件具有大量功能，并且足够灵活，可以让您的设计尽可能具有创意。 最重要的是，它非常易于使用。 这几乎就像玩乐高：你在你的网站上挑选你想要的元素，然后把它们放在你想要的地方。 继续这样做（但如果您愿意，您可以在高级设置中使用所有专业版），同时生成的网站就在您面前。 简而言之，您可以在制作时看到网站上的所有更改，使过程非常直观，而且我敢说，很有趣。

在 Cloudways Managed Hosting 上测试插件的性能后，我可以肯定地说，如果您想快速部署网站但又不想在其性能或安全性等方面妥协，则需要在 Cloudways 上使用 WordPress 服务器+ Beaver Builder 插件，这是成功的必经之路。

阅读此评论后，您对 Beaver Builder 有何看法？ 如果我们可能遗漏了任何一点，请告诉我，我会确保更新此评论。