

WordPress 页面构建器插件提供了一些最简单的方法,无需代码即可在 WordPress 中构建完全优化的登录页面。 当您使用正确的配套主题时,您还可以使用它们来构建内容页面、博客文章甚至整个网站。
在这篇文章中,我们将回顾 Beaver Builder,它是可用于 WordPress 的最受欢迎的页面构建器插件之一。 如果您有兴趣,我们还审查了其最大的两个竞争对手 Elementor 和 Divi。
目录
什么是海狸生成器?
Beaver Builder 是为 WordPress 构建的免费增值页面构建器插件。 它的 lite 版本可在官方插件目录中找到,并且拥有超过 300,000 的活跃安装以及 4.8(满分 5)的平均星级。
您可以使用此版本的插件做很多事情,但出于本教程的目的,我们将专注于高级版本。
Beaver Builder 的主要功能
- 拖放前端编辑器 – 此页面构建器使用前端编辑器,允许您将模块、行和部分拖放到位并实时查看更改。
- 25+ 内容模块 – 将关键网站组件添加到您构建的每个页面中,并提供超过 25 个内容模块供您使用。 它们包括文本、图像和标题等基本组件以及更复杂的组件,如号召性用语、定价表、订阅表格和 WooCommerce 产品。
- 40 个登陆和内容页面模板 – Beaver Builder 有 16 个预制登录页面模板(如主页设计)和 20 多个内容页面模板(如关于、联系和团队页面)可供选择。 虽然与插件的竞争对手相比,这可能看起来很低,但它们的风格和布局各不相同,可以防止您被太多的选择所淹没。
- 数十个预建行 – 编辑器有数十个预先设计和预先布置好的行,您可以使用它们来加快构建过程,而无需使用完整的模板。
- 海狸生成器主题 – 此插件的 Pro 和 Agency 价格等级带有 Beaver Builder 主题。 它旨在与 Beaver Builder 编辑器完美集成,通过为您提供主题选项、页面模板(可用于 WordPress 编辑器中的页面属性)和实时主题中的多种设置,让您更好地控制网站的外观和行为方式定制者。
- 海狸主题曲 – 虽然不是 Beaver Builder 的官方功能,但 Beaver Themer 旨在与 Beaver Builder 和 Beaver Builder WordPress 主题集成。 这是一个高级插件,允许您自定义几乎所有 WordPress 主题的关键元素,包括 404 页面、页面布局、博客文章布局、搜索页面等。 如果您已经拥有一个主题并希望充分利用 Beaver Builder 的潜力,它是 Beaver Builder 主题的完美替代品。
- 开发者友好 – Beaver Builder 创建了一个有据可查的模块样板,开发人员可以使用它为编辑器创建自己的模块。 您还可以启用编辑器模式,让客户可以更改内容,同时防止他们进行可能破坏页面设计的更改。
- 图书馆 – 通过保存和重复使用模块、行甚至整个页面布局来加快未来的设计过程。
Beaver Builder Pro 入门
Beaver Builder Pro 的工作方式与任何其他高级插件的工作方式相同,这意味着要安装它,您只需从开发人员网站上的帐户下载 ZIP 文件夹,然后将其上传到您的 WordPress 站点。
它不作为 Beaver Builder Lite 的高级附加组件,因此如果您已经在使用它,则可以安全地从您的网站中删除该版本。

除了激活许可证密钥之外,您不需要立即配置很多设置。 您可以启用或禁用特定模块来控制它们是否出现在编辑器中。 您还可以为帖子启用编辑器,因为默认情况下仅选择页面。
设置中有一个用户访问部分,允许您选择哪些用户类型可以访问什么,“什么”是构建器访问、不受限制的编辑、全局元素、后端管理屏幕等。
默认情况下启用 Free Font Awesome 图标,但如果您订阅了该服务,也可以集成 Font Awesome Pro 图标。
最后,高级用户可以使用工具部分使用流行的缓存插件清除 Beaver Builder 的缓存,并启用插件的调试模式。
Beaver Builder 如何处理页面构建?
虽然 Beaver Builder 有自己的主题,但该编辑器设计用于几乎所有 WordPress 主题,包括 MH 杂志。 默认情况下,它仅在页面上启用,因此您需要进入上述设置才能为帖子启用它。
当您添加新页面或发布或编辑现有页面或帖子时,您会像往常一样进入 WordPress 编辑器。 在这里,您可以单击一个按钮来激活 Beaver Builder 编辑器。
然而,在我们到达那里之前,让我们先谈谈页面模板。 竞争 WordPress 页面构建器插件 Elementor 为您提供了两个页面模板,允许您覆盖主题的默认页面布局。 它们是 Canvas(一种取消页眉、侧边栏和页脚的空白页面模板)和 Full Width(一种将内容区域扩展到整个页面的模板)。
Beaver Builder 没有这些类型的模板。 它拥有的最接近的东西是一个空白页面模板,您可以在编辑器本身中导入(而不是在 WordPress 编辑器的页面属性部分),但这会使内容区域保持空白,同时保留页眉和页脚。
如果您想使用 Beaver Builder 获得真正的空白页面和全角模板,您要么需要购买 Beaver Builder 主题附带的计划,要么使用本机提供的第三方主题。
缺点是那些不提供这些类型模板的主题。 它限制了您可以使用其他全面的编辑器执行的操作。
说到这里,让我们深入了解本文的本质。
Beaver Builder 编辑器
来源:作者所有
当您在新帖子或页面上启动 Beaver Builder 编辑器时,您可以逐个模块从头开始构建或导入模板。 无论哪种方式,使用 Beaver Builder 构建的每个页面都由由填充模块的列组成的行组成。
默认情况下,编辑器以空白页开头,以一列行开头。 从这里,您可以插入一个模块以坚持单列设计,选择不同的行模板或导入模板。

有九个行模板。 大多数都有一到六个列结构,而其他人使用一到两个侧边栏。 如果您不想使用完整的登录页面模板或从头开始构建,您可以导入预先构建的行以用于号召性用语、常见问题解答、功能、英雄部分、潜在客户生成、团队等。

编辑器设置
让我们谈谈您可以在 Beaver Builder 编辑器本身中配置的行、模块和页面设置。 首先,如果您查看本节中的屏幕截图,您会注意到编辑器在弹出窗口而不是侧面板中显示其设置。 这使您可以像在 Web 上一样查看您的页面,而无需经常从视图中移除侧面板。
如果您曾经使用过页面构建器,那么行的设置就是您所期望的。 有宽度、高度、对齐方式和颜色的设置,后者可以针对文本、链接和标题进行调整。
来源:作者所有
背景设置广泛,从类型开始,共有七种:无、颜色、渐变、照片、视频、幻灯片和视差。 设置将根据您选择的类型而变化,但您可以为每个类型配置一个叠加层。 您还可以添加边框以及顶部和底部形状。
高级设置选项卡保留用于边距、填充、可见性和动画设置。 开发人员还可以在此处添加唯一 ID 和类。
模块设置有一个干净的用户界面,分为常规、样式和高级部分。 常规部分处理与其模块类型相关的设置,例如为按钮模块显示的文本、图标和链接设置。
样式和高级部分中的设置与行设置集合中的设置类似,只有样式部分会根据您正在设置样式的模块类型而变化。
内容模块
Beaver Builder 的 25+ 内容模块分为六类:
- 基本的
- 媒体
- 行动
- 布局
- 信息
- 帖子
Basic 和 Media 类别包括 Web 开发中的主要内容,例如文本、标题、图像、按钮和滑块。

操作类别包含构建高度优化的登录页面所需的所有模块。 使用这些模块,您可以向页面添加诸如号召性用语、订阅表格和联系表格之类的内容。
布局部分的特点是使用独特的布局设计的模块,例如一个用于定价表的模块和一个使用手风琴设计的模块。
信息类别具有用于倒计时和数字计数器的模块,而帖子类别为您提供了在博客、主页和小部件区域之外宣传您的帖子的方法。
最后的想法
Beaver Builder 是一个强大的页面构建器插件,是 WordPress 页面构建器 Elementor 和 Divi 的最大竞争对手,尽管它的用户界面比这些页面构建器中的任何一个都快得多。
说到这里,Beaver Builder 有一个干净的用户界面,并在侧面板上使用用户友好的弹出框。 它还具有保守数量的页面模板和易于筛选的预构建行。
高级 Beaver Themer 附加组件也适用于希望将编辑器功能用于 404、搜索和存档页面以及其他关键主题元素的用户。
这个插件唯一的主要缺点是它的价格。 Elementor Pro 和 Divi 的起价分别为 49 美元和 89 美元,而 Beaver Builder 的起价为 99 美元。 此外,您需要以 199 美元升级到下一层才能访问 Beaver Builder 主题。
真正令人兴奋的是,Beaver Themer 是一个高级附加组件,您需要在 Beaver Builder 之上额外支付 147 美元。 Elementor 的主题编辑器包含在 49 美元的起始价格中以供比较,并且它自己专有的 Hello 主题是免费的。
幸运的是,Beaver Builder 为所有计划(包括 Beaver Themer)提供 40% 的年度续订折扣。 此外,即使是最便宜的层也提供无限制的站点许可证,因此您可以将其用于您拥有的每个站点,而无需为每个站点购买不同的许可证。
您可以通过从官方 WordPress 插件库安装精简版或购买高级订阅来开始使用 Beaver Builder。
获取海狸生成器
图片来源
- Beaver Builder 登陆页面模板:归作者所有
- Beaver Builder – 行设置:作者所有