Beaver Builder WordPress 插件指南和评论

页面构建器一直是 WordPress 社区的话题。 这些工具已经流行了很长时间,但是随着新块编辑器的推出,许多人想知道它们仍然有多么重要。

虽然块编辑器是一个有趣的新功能,但是在设计自定义页面和帖子时,没有什么比页面构建器插件更好的了。 这 海狸生成器 WordPress 插件 是这种工具提供的好处的一个完美例子——既易于使用又令人惊讶的强大。

在这篇文章中,我们将仔细研究 Beaver Builder。 我们将讨论它的主要功能和定价,然后向您展示它是如何运作的,因此您可以自行决定这是否是适合您网站的页面构建器解决方案。

让我们直接进入 Beaver Build WordPress 页面构建器的新的和改进的更新指南!

为什么您可能需要 WordPress 页面构建器

除非您是该平台的新手,否则您可能熟悉经典 WordPress 编辑器:

经典的 WordPress 编辑器

虽然功能强大,但它始终是一个简单的系统。 几乎所有内容都添加到一个字段中,包括文本、媒体等。 创建独特的布局和添加很酷的功能是可能的,但通常需要编码知识和/或一些额外的插件。

然而,最近,WordPress 开发人员推出了由 Gutenberg 提供支持的全新版本的编辑器:

WordPress 古腾堡编辑器

这种变化由来已久,但也不是什么特别新鲜的事情。 块编辑器是页面构建器的简化版本——一种在 WordPress 用户中流行了一段时间的解决方案。

虽然每个 WordPress 页面构建器都是不同的,但在基本层面上,它们几乎都基于相同的基本概念。 它们为您提供了一系列预先构建的元素,并使您能够从这些片段中构建内容。 目标是使构建具有独特布局和功能的内容变得更容易、更直观,即使您没有设计或编码经验。

但是,值得注意的是块编辑器是一个非常有限的功能。 它可以让您以更直观的方式设计帖子和页面,但提供的块库很小,对复杂布局的支持很少。 这就是为什么仍然值得研究您的其他页面构建器选项的原因——例如我们将在本文其余部分讨论的插件。

海狸生成器基础知识

WordPress的海狸生成器

信息和下载查看演示

Beaver Builder 是最流行的页面构建器插件之一,这是有充分理由的。 初学者很容易上手,但有多种选择可供使用。 从根本上说,它是一个用于创建帖子和页面的拖放系统——就像任何其他页面构建器一样。 但是,它也提供了许多附加功能。

该插件的一些主要功能包括:

  • 内容“模块”的大型库,范围从基本选项(例如文本和图像模块)到更高级的功能(号召性用语、地图和图库模块等)。
  • 一个自定义编辑界面,使您能够直观地构建页面、帖子和自定义帖子类型,并立即查看您的更改。
  • 能够创建复杂的多列布局并调整大小、间距等。
  • 预先构建的部分和页面模板可让您启动设计过程,您可以根据需要对其进行修改。
  • 创建和保存您自己的模板供以后使用的选项。
  • 为更高级的用户添加自定义 HTML 和您自己的 CSS 类的选项。

当然,所有这些功能都是有代价的。 虽然有一个 海狸生成器精简版 免费提供的版本,它只提供了几个基本模块,不包括 许多核心功能 例如模板和导入/导出选项。 但是,精简版可用于为该页面构建器提供测试运行,并查看您是否喜欢它的工作方式。

如果您打算认真使用 Beaver Builder,则需要获取高级许可证才能访问完整包。 这些起价为 99 美元,可在无限制的网站上使用,并提供一年的支持:

海狸生成器定价

这个特殊的工具 需要前期投资。 但是,从长远来看,初始成本可以节省时间并获得更有效的网站,因此如果它在您的预算范围内,这并不是一件坏事。

如何开始使用 Beaver Builder

当您犹豫是否要为您的网站选择一个新插件时,最好的办法就是尽可能了解它。 对于页面构建器,这包括它们的外观、工作方式以及它们提供的选项。

考虑到这一点,让我们来看看拿起 Beaver Builder 是什么感觉,并开始使用它来创建帖子和页面。 当然,您需要做的第一件事就是安装并激活插件。

此外,如果您购买了高级版本(我们将在本教程中使用),您将需要激活您的许可证密钥。 然后,您就可以开始工作了。

第 1 步:访问 Beaver Builder 编辑器

安装插件后,您将在仪表板中看到一个新的 Beaver Builder 选项卡。 这是您的自定义内容将被保存的地方 – 例如,如果您创建自己的独特模板。

您还可以使用页面构建器创建内容,方法是转到 海狸生成器 > 添加新的. 或者,您可以简单地转到 页面 > 添加新的 (或帖子和自定义帖子类型的等价物)。 您将看到一个新选项:

启动 Beaver Builder

这意味着您可以在默认的 WordPress 编辑器或页面构建器中创建您的内容。 让我们打 启动海狸生成器 按钮:

海狸生成器页面编辑器

如您所见,您将被带到一个全新的界面。 在这里,您可以创建内容并准确查看它在页面上的外观。

第 2 步:选择起始模板

值得注意的是,如果您不想使用模板,则不必使用。 通过添加您喜欢的任何模块,您可以完全从头开始构建您的页面和帖子。 然而,最简单的学习方法是从模板开始,这就是我们将在此处演示的内容。

在编辑器右侧的菜单中,选择 模板 顶部的选项卡,您会看到很多选项。 只需单击模板或将其拖到页面上,您就会看到完整版本:

海狸生成器模板

这为您提供了一个起始布局,以及占位符文本和图像。 幸运的是,这里的每个元素都可以随意替换和修改,因此您可以为您的网站创建一些独特的东西。

第 3 步:编辑单个模块

Beaver Builder 编辑器中的每个单独元素都是一个独立的模块。 要了解我们的意思,您可以将鼠标悬停在起始模板上的一段文本、图像或功能上。 您将看到以蓝色勾勒出的模块,如果单击它,您将看到一个新菜单:

Beaver Builder 模块设置

这是该模块的设置框。 它包含所选内容的所有自定义选项。 因此,它包含的确切内容将取决于您正在使用的内容类型。

例如, 照片 模块使您能够更改使用的文件,并添加标题和/或链接。 你也可以切换到 风格 选项卡以修改图像的对齐方式、边框等:

海狸生成器样式设置

大多数模块还具有 先进的 选项卡,您可以在其中调整其边距,使其仅在某些类型的设备上可见,添加自定义 HTML 等等:

海狸生成器高级设置

如您所见,自定义 Beaver Builder 模块很简单。 熟悉每种类型的模块提供的选项需要一点经验,但是一旦你这样做了,你会发现自己很快就会添加自己的内容。

第 4 步:自定义内容的组织和布局

除了对单个模块进行更改外,您还可以将您的页面作为一个整体进行自定义。 一种方法是添加和删除模块。 要添加一个模块,只需从编辑器的主菜单中选择一个,然后将它拖到页面上的适当位置:

Beaver Builder 联系表格模块

另一方面,您可以通过点击 X 当您将鼠标悬停在它们上时会出现。 您还可以上下或左右拖动模块,以便随意重新排列它们。

此外,您可以更改页面的整体布局。 要查看实际示例,请将鼠标悬停在模块上并点击 编辑列 > 列设置

海狸生成器列

在这里,您可以找到与特定列中所有模块相关的选项。 例如,您可以修改列的背景颜色和间距,甚至添加边框。

现在将鼠标悬停在页面的背景上,然后选择 行设置 在右上角:

海狸生成器行

您将看到一个类似的菜单,但这次选项适用于相关的模块行。 您可以将行设置为固定宽度或全宽,自定义颜色,并进行许多与列相同的更改。

最后,再次选择编辑器的主菜单并导航到 标签:

Beaver Builder 列选项

您可以在此处向页面添加新的行和列,从而显着更改其布局。 此外,如果您要从头开始创建页面或帖子,这是您想要去的第一个地方。 您可以先确定内容的布局,然后在任何您喜欢的地方添加模块。

第 5 步:扩展页面构建器的功能集(可选)

值得注意的是,有 许多其他功能和选项 在 Beaver Builder 中——我们在这里只触及了表面。 但是,我们已经介绍了您需要了解才能开始使用的关键功能。 之后,动手实践是学习技巧的最佳方式。

不过,在结束之前,我们应该指出,有几种方法可以让您从这个特定的页面构建器中获得更多收益。 首先,有一个官员 海狸生成器主题,您可以通过前两个许可等级免费获得:

海狸生成器框架主题

您可以将 Beaver Builder 与您喜欢的任何主题一起使用。 但是,这个是从头开始构建的,可以与页面构建器一起使用。 它提供了一个基本框架,您可以将其塑造成许多不同类型和风格的网站。

还有一个可选的附加组件,海狸主题:

海狸主题插件

有了这个额外的插件,您还可以在网站的页眉和页脚、存档页面、404 和搜索页面等上使用 Beaver Builder 的拖放页面构建器。 这使您能够使用相同的系统设计几乎您的整个网站。

147 美元的价格可能不适合所有预算,但对于您打算通过货币化的网站或在多个网站上工作的开发人员和设计师来说,这是一个有用的补充。


为您的网站选择页面构建器是一项重大承诺。 改变你创建和设计内容的方式可能会导致兼容性问题,所以最好从一个你知道你会很乐意长期使用的工具开始。

幸运的是, 海狸生成器 对于初学者和更高级的用户来说都是一个不错的选择。 另外,正如您在上面看到的那样,它很容易上手。

您是否曾经使用过 Beaver Builder,您的体验如何? 在下面的评论部分与我们分享!

查看  如何删除渲染阻止 JS 和 CSS 以提高网站速度

类似文章