2021 年最佳免费 WordPress 页面生成器插件比较

已发表: 2020-09-30

您的网站需要脱颖而出,不仅要凭借其出色而独特的内容,还要凭借其设计。 如果您的网站无法引起访问者的注意,他们会立即离开。 因此,您需要创建出色的页面。 最简单的方法是为您的网站找到最好的免费 WordPress 页面构建器插件。

比较最好的免费 WordPress 页面构建器插件

在本文中,我将比较最流行的免费 WordPress 页面构建器。 当然,那里有很多很棒的免费构建器,但我只会更深入地了解其中的四个。 我选择比较的页面构建器是 Gutenberg、Elementor、Beaver Builder 和 Brizy 。 我选择它们是因为它们在 WordPress 用户中很受欢迎。 所以我很想从这四个中找出哪个是 WordPress 最好的免费页面构建器。 我将根据以下标准分析它们:

最好的免费 WordPress 页面构建器
最好的免费 WordPress 页面构建器

1.接口

当您为您的网站选择页面构建器时,您始终需要考虑使用该插件的难易程度。 毕竟,您相信它可以帮助您为 WordPress 网站构建漂亮的页面。 所以你选择的插件不能有笨拙的界面。 选项需要按逻辑布局,不能到处都是。 换句话说,您需要能够快速找到自己的方式。 因此,最好的免费 WordPress 页面构建器需要有一个令人愉悦的界面。

2. 可用元素

除非您有合适的工具供您使用,否则您不太可能创建一个令人惊叹的网站。 页面构建者需要提供的不仅仅是基本的标题、文本、图像和按钮元素。 如果这些基本元素不可用,则它不适合现代网站。

3. 样式选项

如果一个插件想成为最好的 WordPress 页面构建器,它需要提供的不仅仅是添加内容的能力。 它需要提供样式或设计此内容的选项以创建独特的东西。

4. 模板

能够创造你想象的东西是很棒的。 但是总是欢迎有预制的布局可供选择。 那是因为这些布局节省了时间和精力。 此外,他们可以教您使用每个插件可以创建什么以及如何创建。

5.定价

大多数插件都有带有额外功能的付费版本。 虽然,在本文中,我专注于寻找最好的免费 WordPress 页面构建器。 但我不得不提到高级插件。 我会比较你得到的更多,以及你需要为此付出多少

6.速度

一个成功的网站的关键是:好的内容、好的设计和快速的加载。 这就是为什么我想比较每个页面构建器的速度。 我很想知道他们中哪个加载具有相同布局、内容和图像的页面最快

目录

  1. 古腾堡
  2. 元素
  3. 海狸生成器
  4. 轻快的
  5. 速度
  6. 价钱

Gutenberg – WordPress 内置的免费页面构建器插件

Gutenberg - 最好的免费 WordPress 页面构建器插件之一

下载

Gutenberg 是 WordPress 的内置、基于块的页面和帖子编辑器。 早在 2018 年 12 月,它就与 WordPress 5 一起发布了。古腾堡编辑器自首次发布以来已经走过了漫长的道路。 因此,在今天和未来,它都可以与最好的免费 WordPress 页面构建器竞争

古腾堡的界面

古腾堡看起来简单而简约,也许有点基本。 这使它快速学习和易于使用。 虽然它是一个可视化的拖放编辑器,但它在后端运行。 因此,您可能无法以与编辑期间在前端显示的方式相同的方式看到所有内容。 虽然,主题可以为 Gutenberg 的后端编辑器设置样式。 因此,后端和前端可以看起来尽可能相似。

Gutenberg 的界面,免费的 WordPress 页面构建器
古腾堡的界面

Gutenberg 有一个内联编辑器,使用起来感觉很自然。 此外,您可以将具有基本格式的长文本粘贴到可视化构建器中。 Gutenberg 能够自动创建段落、标题和列表。 您之前不需要创建任何元素。 非常便利。

可用元素

古腾堡将其元素称为块。 添加一个新块超级简单,而且还有更多方法可以做到。 首先,固定工具栏的左上角有一个。 此外,您可以在添加的每个块的正下方找到一个加号图标。

古腾堡中的块,免费的 WordPress 页面构建器
古腾堡的可用块

样式选项

Gutenberg 为元素提供了最少的样式选项。 您可以调整字体大小、颜色和背景颜色。 但除此之外,您可以调整的选项并不多。 尽管如此,它们还是很有用的,而且很好用,但如果有更多可用的话,那就太好了。 例如,我希望能够调整我添加的内容的字体系列。 不幸的是,Gutenberg 无法做到这一点,它只能从主题中继承它。

模板

Gutenberg 在 Pattern 选项卡下提供了一些块模板选择。 这些是简单但美观的布局,可以让您抢占先机。 设计很简单,您可以选择的不多。 尽管如此,它们可以帮助您在构建页面时节省时间。

古腾堡块模板
古腾堡块模板

关于古腾堡的最后想法

Gutenberg 是 WordPress 提供的一个简单但易于使用的工具,用于创建漂亮的页面。 它最适用于一个主题,当涉及到页面样式时,它可以完成繁重的工作。 搭配这样的主题,古腾堡可以击败任何竞争对手。 但是,如果您将其与最小主题配对,您可能很难创建您想要的设计。

Elementor – 最受欢迎的免费页面构建器插件

Elementor - 最好的免费 WordPress 页面构建器插件之一

下载

Elementor 是 WordPress.org 存储库中最受欢迎的页面构建器。 事实上,它是最流行的 WordPress 插件之一。 目前,存储库只有 7 个插件,安装量超过 500 万。 Elementor 是这些超级流行的插件之一。 拥有如此多的用户,Elementor 设法在 5,465 条评论中保持了令人印象深刻的 5 星评级。

Elementor 接口

Elementor 提供了一个可视化的前端编辑器来创建页面。 许多用户更喜欢前端编辑,因为他们可以在编辑页面时看到页面的外观。 因此,前端编辑节省了时间,因为它删除了两个编辑步骤。 您无需在每次想要查看正在处理的页面时都保存和刷新。 此外,您可以在线编辑文本图层,这是一个很好的补充。

Elementor 的界面,最好的免费 WordPress 页面构建器
Elementor 接口

编辑器分为两个主要部分。 首先,左侧有 Elementor 面板,您可以在其中找到配置选项。 例如,您可以在此处命名您的页面。 然后是更宽的部分,这是实际的编辑屏幕。 这是您可以从左侧面板拖动小部件并查看您创建的内容的地方。

Elementor 面板有一个方便的搜索字段,可以快速找到小部件。 这有助于加快工作流程,因为您无需找到所需的小部件。 虽然,您可能需要稍微熟悉这些元素才能有效地使用它。

可用元素

页面构建器至少需要提供最基本的元素以适应现代网站。 由于Elementor 是最好的免费 WordPress 页面构建器插件之一,它提供了它们。 您可以创建标题、添加文本、图像和按钮。 此外,您还可以使用其他方便的小部件。 例如,您可以使用的图像轮播、计数器、进度条或选项卡。 所以 Elementor 不仅提供最基本的小部件,它还提供了更多。

最好的免费 WordPress 页面构建器 Elementor 中的小部件
Elementor 中的小部件

您可以从中选择大量小部件来创建令人惊叹的 Elementor 页面。 从长远来看,这些元素将帮助您为您的网站创建漂亮的页面。 此外,如果您需要更多小部件,有许多插件可以提供它们。 此外,有很多这些插件是免费提供的。

样式选项

您是第一次在您的网站上安装 Elementor 吗? 我建议先设置排版。 您可以在 Elementor Editor 的设置面板 > 汉堡菜单 > 站点设置中找到它们。 之后,您可以在添加的任何小部件中选择这些,从而加快您的工作流程。

Elementor 样式选项
Elementor 样式选项

您可以使用许多选项来设置每个元素的样式,以满足您的需求。 虽然有很多设置,但很容易理解。 即使您不确定某个选项的作用,您也可以放心尝试,如果您不喜欢它们,可以撤消更改。 虽然有许多样式选项,但有一些我错过了能够设置的东西。 例如,行高只能是像素或 em 值。 我很想简单地将其设置为 1.5,但我做不到。 自定义 CSS 提供选项将是解决此问题的方法。 但该选项仅在 Elementor Pro 中可用。

模板

Elementor 提供了一个庞大的模板库,但首先,您需要在他们那里创建一个免费帐户。 之后,您将可以访问一堆外观精美的设计。 您可以导入完整的页面,然后您可以根据自己的喜好进行自定义。 或者您可以导入单独的块并逐个组装页面。

连接到 Elementor 的模板库
连接到 Elementor 的模板库

您可以选择数量惊人的精美设计。 查看所有可用模板可能很耗时。 幸运的是,有一个搜索选项,因此您可以尝试通过相关关键字查找块或页面。 此外,在块模板的右侧,有一个类别选择器。 如果您正在寻找联系或定价部分,您可以在那里选择它并查看可用的内容。

但是我不喜欢模板弹出窗口的一件事。 事实上,专业模板与免费模板无缝混合。 您不能只过滤 Pro 或 Free 的。 因此,您可能会花费太多时间来寻找您既喜欢又可以导入的模板。

Elemento 中的块模板
Elemento 中的块模板

您还可以将自己的设计保存为模板,以后可以轻松导入。 当您在整个网站上拥有相同外观的元素时,它会很方便,例如订阅或联系块。

关于 Elementor 的最终想法

Elementor 是一个出色的页面构建器。 它很容易学习使用,尽管可能需要一些时间才能掌握。 无论如何,Elementor 允许您构建现代且美观的网站。 不管你是初学者还是专业人士

Beaver Builder – 最好的免费 WordPress 页面构建器插件之一

Beaver Builder 最好的免费 WordPress 页面构建器插件之一

下载

Beaver Builder 是另一个流行的免费 WordPress 页面构建器插件。 它为超过 300.000 个网站提供支持,在 WordPress.org 上的 342 条评论中获得了令人印象深刻的 5 星评级。 所以,很多人使用并喜欢这个插件。 让我们看看炒作是怎么回事!

海狸生成器界面

您可以通过两种方式使用 Beaver Builder 为您的站点构建页面。 第一种方法是使用可以拖动到任何地方的浮动内容面板。 第二种方法是将内容面板粘贴到浏览器的左侧或右侧。 结果,您可以在左侧添加和配置元素,并在右侧查看结果。

Beaver Builder的界面,最好的免费WordPress页面构建器插件
海狸生成器界面

Beaver Builder 提供内联编辑,使用起来非常方便。 很容易弄清楚如何添加新元素,并且配置它们同样毫不费力。 但是,添加新元素会使加载图标出现在您放置它的区域。 虽然它只持续几秒钟,但我觉得它很烦人。 此外,我觉得它打断了编辑过程。 此外,模块的拖放有时会产生有趣的动作。

可用元素

Beaver Builder提供了最少的元素,或者他们所说的模块。 只有 5 个可用:音频、HTML、照片、文本编辑器和视频。 此外,您可以创建行来放置内容。 Beaver Builder 也可以选择 WordPress 小部件。 这提供了更多的工具来使用。 尽管如此,这个免费的 WordPress 页面构建器插件提供的元素很少。

Beaver Builder 中的元素
Beaver Builder 中的元素

您可以使用文本编辑器来创建标题,这样您就可以正确地组织您的内容。 更令人沮丧的是没有按钮模块,至少在精简版中是这样。 这是一个遗憾,因为 CTA 在网站的转换中起着重要作用。 当然,如果您有编码知识,您可以使用 HTML 或文本编辑器模块创建按钮。 但是让我们面对现实吧:如果您想编写具有按钮的代码,您就不会使用页面构建器。

样式选项

Beaver Builder 似乎期望从主题结束时完成样式。 默认情况下,它很好地继承了主题设置的布局。 如果要创建自定义布局,可以使用 Beaver Builder 的选项来执行此操作。 但是,没有全局或页面级别的样式。 在行或列中,您只能设置文本颜色,但不能设置字体特定选项,如大小或系列。

Beaver Builder 样式选项
Beaver Builder 样式选项

模板

许多 WordPress 插件提供对某些模板的快速访问,用户可以使用这些模板来抢占先机。 对于那些不熟悉插件,或者没有太多设计知识,或者时间紧迫的人来说,它很有用。 在 Beaver Builder 中,模板仅在购买付费计划后可用。 因此免费插件的用户将无法导入任何模板。

关于 Beaver Builder 的最终想法

Beaver Builder 是一个不错且易于使用的免费 WordPress 页面构建器插件。 但是,它似乎针对的是开发人员,而不是普通的 WordPress 用户。 在免费版本中,无法创建 Hero 标题,因为没有创建按钮的选项。 除非您自己编写按钮,否则我认为 2020 年的视觉生成器无法接受。

Brizy – 创新的免费页面构建器插件

Brizy - 最好的免费 WordPress 页面构建器插件之一

下载

Brizy 是一个相对较新的插件,于 2018 年 4 月发布。页面构建器插件市场充满了 Elementor 或 Beaver Builder 等大鱼。 在付费方面,有像 Divi 或 Visual Composer 这样的插件。 所以新的插件需要提供更多的东西,新的东西才能吸引用户。 这不是一件容易的事。

然而,Brizy 在短短两年内就赢得了 60,000 多人的信任。 此外,它承诺提供一种新的直观的视觉页面构建方式。 这让我很想知道这个免费的 WordPress 页面构建器是否能信守承诺。

Brizy的界面

与其他页面构建器一样,Brizy 也有一个可视化前端编辑器。 它在浏览器窗口的左侧有一个窄面板。 您可以在此处添加新元素、调整添加块的顺序或设置样式。 较大的右侧用于放置内容。 因此,界面提供了足够的空间来查看您正在创建的内容。

Brizy 的界面,最好的免费 WordPress 页面构建器插件
Brizy 接口

Brizy 默认有内联文本编辑,使用起来非常方便。 事实上,Brizy 的解决方案与 Gutenberg 的解决方案一样自然。 这是一个很大的成就。 我已经测试过 Elementor,它也具有内联编辑功能,但感觉不是那么无缝。

Brizy 内联编辑器
Brizy 内联编辑器

可用元素

Brizy 提供了一些元素来创建内容。 您可以使用文本模块创建标题或段落,或向页面添加按钮。 您还可以添加图像、图标或视频。 还有一些很酷的附加功能,例如柜台或谷歌地图元素。 总而言之,Brizy 拥有创建内容丰富的网站所需的所有元素。

Brizy 中的元素
Brizy 中的元素

样式选项

在开始使用 Brizy 创建页面之前,请确保先设置颜色和文本样式。 这将使编辑体验更快。 在文本设置中,您可以找到最基本的选项。 您可以设置字体大小、系列、粗细、行高和字母间距。 文本元素中提供了其他选项,例如 text-align。

Brizy 中的样式选项
Brizy 中的样式选项

模板

Brizy 中的页面创建从添加一个新块开始。 首先,您需要选择是从模板开始还是创建一个空块。 如果您选择添加一个空块,您可以从头开始构建您的内容。 但即使你从模板开始,你也可以调整任何你想要的东西。

Brizy 中的精美模板
Brizy 中的精美模板

共有 502 个块可供您选择,您可以使用它们逐个构建您的页面。 还有 41 个整页布局可供导入。 唯一的缺点是专业模板和免费模板完全混合在一起。 因此,在免费页面构建器中找到可以导入的内容可能需要一些时间。

关于 Brizy 的最终想法

无论您是否有任何开发知识,Brizy 都易于使用。 此外,它的内联编辑感觉轻而易举,而且很容易习惯。 当然,还有很大的改进空间。 例如,我希望有更多的样式选项。 尽管如此,我觉得 Brizy 创造了一些独特的东西。

比较最好的免费 WordPress 页面构建器的速度

创建一个成功的网站有三个关键因素。 它们是:好的副本、引人注目的设计和快速的加载时间。 您添加到网站的大多数插件都会影响您网站的速度。 所以你需要仔细选择你安装的东西。

当您为网站选择页面构建器时,您需要考虑它对页面加载时间的影响。 资源繁重的插件将对您网站的速度产生负面影响。 你甚至还没有添加你的内容。

为了帮助您找到最好的免费 WordPress 页面构建器插件,我将比较它们的加载速度。 换句话说,我将检查您使用这些插件创建的页面的加载速度。 此外,我将测试它们为页面速度增加了多少权重,以及它们发出了多少请求。

测试环境

我想在具有相同内容的页面上运行速度测试。 因此,我在每个页面构建器中构建了 Healthcare 模板的布局。 我使用 Hello Elementor 主题运行测试。 当我运行测试时,除了我正在测试的那个之外,没有其他人同时处于活动状态。 每个构建器中的所有图像和字体都相同。 此外,我在每次速度测试之前都清除了缓存。

首先,我在 WordPress 示例页面上进行了速度测试,让您了解 Hello Elementor 主题的速度。 用于测试的互联网速度为 10Mb/s。

速度测试结果

你好主题古腾堡元素海狸生成器轻快的
加载时间198 毫秒361毫秒2.05s 1.26ms 1.42s
页面大小90.0kb 230kb 964kb 418kb 1.5 MB
要求6 17 35 21 26

古腾堡显然是这里的赢家。 它的加载速度比任何竞争对手都快,重量更轻,请求也更少。 当然,就样式而言,它比本文中的任何其他插件都受到更多限制。 因此,仅就其速度而言, Gutenberg 是最好的免费 WordPress 页面构建器插件。

但是我们应该比页面速度更深入。 还要考虑样式选项和可用元素。 在这种情况下,古腾堡不会保住它的第一名。 考虑到这些,最好的免费 WordPress 页面构建器插件是 Elementor 或 Brizy 。 Elementor 加载速度较慢,但​​重量较轻。 另一方面,Brizy 更快,但更重。 因此,如果您的网站需要一个好的页面构建器,我建议您试试 Elementor 或 Brizy。

哪一个是最好的免费 WordPress 页面构建器插件?

如果您还没有决定选择哪个插件,以下是分数的叠加方式(按顺序):

古腾堡元素海狸生成器轻快的
界面
可用元素
样式选项
模板
速度
全部的15/25 21/25 13/25 20/25

基于这些分数,最好的免费 WordPress 页面构建器是 Elementor 。 但紧随其后的是 Brizy 。 如果您开始一个新项目,我建议您先检查这些。 但也值得考虑古腾堡是否足够。

价钱

如前所述,我想看看最好的免费 WordPress 页面构建器插件的付费版本。 即使您现在对插件感到满意,您也可能想在以后成为专业人士。 或者您可能会升级,因为您想支持插件的开发人员。

由于Gutenberg是 WordPress 核心的一部分,因此它没有可以升级到的高级计划。 但是,如果您需要更多块或模板,您可以找到一堆免费或高级插件来帮助您。

但是,有 Elementor、Brizy 和 Beaver Builder 的高级版本。 您可以从以下定价选项中进行选择:

元素海狸生成器轻快的
价格/年49 美元99 美元199 美元99 美元199 美元399 美元49 美元99 美元
域名许可1 个站点3 个站点25 个站点 3 个站点

如果您购买高级插件,您还能得到什么?

  • Elementor:您可以再构建 50 个小部件。 此外,还有 300 多个模板和 10 多个完整的网站工具包。 Theme、WooCommerce 和 Popup Builder 也可用于付费计划之一。
  • Beaver Builder:每个 Beaver Builder 包都不同。 在最便宜的计划中,您可以获得高级模块和模板以及专业支持。 此外,在中间包中,您可以获得 Beaver Themer 和多站点兼容性。 更重要的是,最高的包装提供白标。
  • Brizy :Brizy 专业版让您可以访问 250 多种高级设计。 您还可以访问 Brizy Cloud,从中获得令人惊叹的新模板。

最后的想法

免费选择 WordPress 页面构建器插件绝非易事。 选项太多,并非所有插件都同样出色。 此外,它们可能不适合您的网站。

那么,最好的免费 WordPress 页面构建器是什么? 这四个插件中的任何一个都可能最适合您的项目。 如果您有一个样式漂亮的主题,那么 Gutenberg 对您的网站来说可能就足够了。 因此,您的网站将比我为本文测试过的任何其他插件加载得更快。

但是,如果您没有这么好的主题,或者您更喜欢自己创建所有内容,那么您仍然有不错的选择。 您可以选择 Elementor 或 Brizy作为您网站的免费页面构建器。 这两个插件都提供了大量功能来创建一个令人惊叹的网站。