2020 年 10 大拖放 WordPress 页面构建器插件

近年来，WordPress 页面构建器插件如雨后春笋般涌现，改变了网站开发过程的趋势。 简化 WordPress 定制，网站页面构建器对初学者和专家来说都很方便。 它们可以在不使用任何代码的情况下创建全新的网站布局。

有几个免费和高级的WordPress 页面构建器插件，每个插件都提供独特的功能。 在本文中，我将为WordPress编写大约10 个最佳页面构建器插件。 但在列出列表之前，我想简要介绍一下 WordPress 页面构建器，以防您之前没有听说过。

什么是 WordPress 页面构建器？

WordPress 页面构建器是一个插件，可让您灵活地使用拖放编辑器更改网页的结构和设计布局。

您无需编写代码，只需将预先制作的小部件拖放到内容区域（页面/帖子）中，重新排列它们并构建漂亮的页面。 通过这种方式，您可以创建与主题中提供的默认模板完全不同的独特页面。

页面构建器提供了一个高级页面编辑器，它看起来与 WordPress 中的默认帖子/页面编辑器不同。 您不需要使用带有 HTML 组件的“文本”视图或带有实际内容预览的“可视”模式，而是使用一个更简单的编辑器，您可以在其中添加预制小部件、内容块和组件。

它的功能就像WordPress 主题的小工具侧边栏。 要在侧边栏中添加所需的内容，您只需拖放小部件即可立即为侧边栏赋予新外观。 同样，页面构建器允许您在页面中以小部件的形式添加任何类型的内容。 添加任意数量的小部件，按行和列组织它们，只需通过拖放即可重新排序和重新排列。

您可以使用默认的 WordPress 小部件、主题中提供的小部件、页面构建器插件中的其他小部件或根据需要创建自己的小部件。

网络上有很多页面构建器，因此用户有很多选择。 免费和高级页面构建器都可用，其中一些是基本和简单的，而另一些则塞满了许多选项、模块和小部件。 此列表包含最受欢迎、评价最高、最畅销的页面构建器。

让我们来看看 2020 年最好的 WordPress 页面构建器。

1. Elementor Page Builder（1 个站点免费 + 高级 49 美元）

Elementor 是一个强大的拖放页面构建器。 您可以使用此插件立即创建高端、像素完美、响应式网站。 该插件包含28 个非常有用且令人惊叹的小部件，可作为创建令人惊叹的网页的强大元素。 该插件还允许您使用主题和其他插件附带的所有现有标准 WordPress 小部件和自定义小部件。

Elementor 是一个真正的实时编辑器。 如上面的媒体所示，您可以简单地拖放所需的小部件，并在实时预览模式下创建您想要的设计。 网页的编辑和预览同步进行。

元素的主要特点：

1. 完全自定义布局：您可以按照自己喜欢的方式完全自定义网页：完全控制部分的宽度和高度、列的大小、列和内容位置、填充和边距设置、列间距等。
2. 模板库：有 20 多个漂亮的页面模板，专为专业外观而设计。 您可以选择其中任何一个，并在几秒钟内设计您的页面。 此外，您可以自定义和保存自己的模板，并在以后重复使用。

优点：

1. 大量的小部件：带有 28 个小部件，足以自定义网页。 您可能不需要更多小部件。
2. 平板电脑和手机的特定设置：Elementor 插件允许您进行仅影响那些特定版本的特定调整和设计更改。
3. 可用的高级版本：插件的高级版本带有添加的小部件和高级功能。 随着网站的发展，您可能需要更高级的设计更改，因此升级选项可能是一个优势。

缺点：

1. 很多选择：如果您是 WordPress 初学者，这可能会让您感到困惑或不知所措。
2. 不适用于旧版本的 WordPress 和 PHP：仅当 WordPress 版本至少为 4.4 且 PHP 版本为 5.4 时，Elementor 插件才适用于您的网站。

免费下载插件 查看高级版

2. SiteOrigin 的页面构建器（免费）

SiteOrigin 的页面构建器是 WordPress 最受欢迎的免费页面构建器插件，活跃安装量超过一百万。 它提供了一个简单的内容创建界面，用于使用小部件创建响应式页面布局。 它与标准 WordPress 小部件以及您可能使用的特定主题和插件中提供的其他小部件完美配合。 该插件适用于大多数 WordPress 主题和插件，如果您想对现有的主题布局进行一些设计更改，这对您来说是个好消息。

如上面的屏幕截图所示，您可以在内容区域中拖放可用的小部件，重新排序，轻松地重新排列它们。 此外，您可以自定义三个类别的小部件样式：属性、布局和设计。 您可以轻松更改小部件属性，例如填充、背景颜色和列间距。

SiteOrigin Page Builder 的主要功能：

1. 方便的行生成器：根据需要添加任意数量的行，将行拆分为精确的列数，并为每列提供精确的权重。
2. 实时编辑和历史浏览器：通过实时预览实时编辑小部件和您的内容。 历史记录工具允许您向前和向后滚动更改。

优点：

1. 免费插件：这是一个免费插件。 你会节省一些钱。
2. 简单易用的界面：无需编写任何代码即可构建独特且令人惊叹的网页。
3. 与任何小部件的兼容性：带有一些自己的小部件。 此外，它允许您使用任何标准的 WordPress 小部件和任何自定义小部件。 您还可以使用SiteOrigin Widgets Bundle ，它包含20 个有用的小部件。

缺点：

1. 有限的小部件：与其他页面构建器相比，它的小部件有限。 您需要为更多小部件安装其他插件。
2. 基本实时编辑： SiteOrigin 的页面构建器有一个非常基本的实时编辑器，它不像其他高级页面构建器那样先进。

了解更多并下载插件

3. WordPress 的 WPBakery 页面构建器（高级版 64 美元）

WPBakery Page Builder for WordPress （以前称为Visual Composer ）是CodeCanyon 上最畅销的页面构建器插件。 它为网络上超过 200 万个网站提供支持。 该插件提供前端和后端内容编辑体验。 最重要的是，它不仅仅是一个后端编辑工具，还是一个功能丰富的 WordPress 前端编辑器。 前端编辑体验很棒。

该插件带有50 多个预定义的内容元素，您可以将它们拖放到网站页面的任何位置。 此外，还有100 多种预定义布局可用于构建页面。 该插件提供了最佳的页面构建可能性。

Visual Composer 的主要特点：

1. 前端和后端内容编辑：您可以使用此插件体验前端和后端编辑。
2. 广泛的内容块、布局和附加组件：有多个内容元素、布局和选项，可使用 150 多个独家第三方附加组件。

优点：

1. WooCommerce 兼容：该插件与 WooCommerce 插件有很好的集成。 构建电子商务页面非常简单。
2. SEO友好：插件对Yoast SEO插件有很好的支持和兼容性。

缺点：

1. 不适合初学者：使用此插件不需要任何编码知识，但对于初学者来说可能会让人不知所措。 它有许多您可能永远不会使用的模块。
2. 基于简码：如果您卸载插件，您将丢失整个内容或内容将停止工作。

了解更多并下载插件

4. Divi Builder（高级版 89 美元）

Divi Builder 是Elegant Themes 的一个很棒的页面构建器插件。 它是流行的Divi主题背后的强大工具，现在可用于任何其他主题。 该插件提供了高度直观的拖放界面。 您可以在不接触任何代码的情况下可视化地构建几乎任何东西。 有40 多个设计精美的内容块/模块，您可以拖放、混合和匹配并构建令人惊叹的网页。

此外，它有 20 多个很棒的预制布局。 您可以选择合适的布局并开始构建页面。

Divi Builder的主要特点：

1. 无限的布局可能性：使用 3 个部分类型、20 行类型和 40 多个内容模块创建任何类型的设计。
2. 添加自定义 CSS ：如果您擅长编写漂亮的 CSS 代码，请亲自动手。 它有自定义 CSS 的选项。

优点：

1. 开发人员友好的终极页面构建器：该插件有很多选项，可让您构建任何您可以想象的任何设计。 它对开发人员友好，适用于专业网站。

缺点：

1. 不适合初学者：首先，您不能仅购买此插件。 您必须至少购买带有对所有主题和插件的访问权限的年度访问包。 这是相当昂贵的，因为年度访问的最低成本是 89 美元。

我们的看法：如果您计划为您的客户或代理机构建立多个网站，这是一个完美的选择。 您将获得此页面构建器以及 Elegant Themes 的许多其他插件和主题。

了解更多并下载插件

5. Beaver Builder（标准计划免费+高级99美元）

Beaver Builder 是WordPress的高级视觉内容构建器。 它允许您构建和设计漂亮的页面，以及完全拖放支持的网站帖子。 使用Beaver Builder插件，您可以实时预览编辑前端； 根据需要添加行、重新排序和调整列大小。 您可以找到该插件的免费和付费版本。

该插件允许您添加音频、HTML、照片、文本编辑器和视频作为基本模块和侧边栏作为高级模块。 Beaver Builder 插件适用于任何自定义主题和插件。 您可以使用 WordPress 小部件以及其他自定义小部件来构建漂亮的页面。

海狸生成器的主要特点：

1. 内容模块：添加您喜欢从可用内容模块中选择的任何类型的内容； HTML、照片、文本编辑器、音频、视频和侧边栏。
2. 移动友好/响应式：使用 Beaver Builder 插件构建的页面将 100% 响应（确保主题完全响应）。
3. 可重用模板：它有几个漂亮的页面模板可供您使用。 此外，您可以保存您设计的模板并在之后重新使用它们。

优点：

1. WooCommerce 支持：Beaver Builder 与 WooCommerce 插件有更深入的集成。 使用此插件设计电子商务页面非常容易。
2. 开发人员友好：开发人员可以通过小部件或使用强大的自定义模块样板轻松扩展和自定义插件。

缺点：

1. 免费版本中的模块数量有限：Beaver Builder 插件在免费版本中的模块数量有限。 您需要升级到高级版本以获取更多模块。
2. 昂贵：最便宜的 Beaver Builder 计划售价 99 美元。

免费下载插件 查看高级版

6. Live Composer 页面生成器（免费）

Live Composer 是一个功能丰富的高级版 WordPress 页面构建器插件。 它是一个 WordPress 前端编辑器，可让您轻松编辑您的网站。 该插件是完全免费的，但提供了许多高级功能，使您能够立即创建令人惊叹的网页。 有超过30 个很棒的内容模块，具有完整的拖放支持。 该插件可让您通过实时预览实时创建令人惊叹的页面。

该插件为您提供每一行、每一列、小部件或模块的高级定制选项。 所有选项对于非编码用户来说都很容易，而自定义 CSS 框也可供设计师和开发人员使用。

Live Composer 的主要特点：

1. 实时前端编辑：顾名思义，它提供了一个惊人的前端实时内容编辑器。 您将同时看到您所做的设计。
2. 导入、导出部分和布局：您可以导出部分或页面，并在其他页面中导入它们。 它使您的任务更快。

优点：

1. 强大的免费插件：您可以免费获得这个高级插件。 所有令人惊叹的模块和样式选项都在 Live Composer 插件中，让您想起高级插件。

缺点：

1. 分散新手注意力：该插件对于新手来说似乎非常困难且分散注意力。 添加行很容易，但分成列可能需要时间。 在底部，有一个通知栏，显示 Live Composer 更新，例如可能会分散您注意力的广告。

了解更多并下载插件

7. Themify Builder（免费+高级39美元）

Themify Builder 是另一个强大的 WordPress 页面构建器。 您可以使用直观的拖放框架轻松构建响应式网站布局。 该插件可免费使用，也有付费版本。 该插件的免费版本中有超过 20 个有用的模块。 您可以在后端界面和前端模式下轻松拖放模块。

此外，该插件允许您在必要时导入和导出模块/布局、复制和粘贴或复制现有模块。

Themify Builder的主要特点：

1. 简单且响应迅速的行和列：轻松创建具有响应行和列的网格。 根据需要调整列的大小和重新排序。
2. 自定义样式：您可以自定义各种样式选项，包括 Google 字体、背景颜色、填充、边距、边框等。

优点：

1. 初学者友好的实时编辑：Themify Builder 插件具有简单干净的界面。 没有编码经验的初学者也可以享受简单的实时编辑体验。

缺点：

1. 免费版本中的有限选项：它是免费的，但在免费版本中具有有限的功能和模块。

了解更多并下载插件

8. MotoPress 内容编辑器（免费 + 高级版 29 美元）

MotoPress 内容编辑器是另一个用于构建漂亮网页的简单 WordPress 插件。 您可以将插件与您当前使用的任何主题一起使用。 它是一个 WordPress 前端编辑器，为您提供一个带有30 多个内置内容模块的简单界面。 没有编码技能的任何人都可以使用此插件创建独特的设计网页。

使用此插件可以更好地安排内容模块。 如上图所示，您会在“T”文本框中找到所有可用的文本相关模块，在图像框中找到图像相关模块等等。

MotoPress 内容编辑器的主要功能：

1. 响应式移动就绪布局：您可以使用此插件创建完全移动响应式 Web 布局。
2. 30 多个内置内容模块：使用 30 多个内置内容模块设计您的网页。

优点：

1. 适用于您现有的页面和帖子：您可以在现有页面和帖子上启用可视化编辑器并重新设计它们。 大多数其他页面构建器不支持在现有页面中进行编辑。

缺点：

1. 模块的自定义和样式有限：模块有一些设置和样式选项，但它们不像其他页面构建器那样灵活。

免费下载插件 查看高级版

9. 基石（收费 $39）

Cornerstone 是 CodeCanyon 插件市场上提供的高级 WordPress 页面构建器插件。 它是那里最受欢迎的插件之一。 它是 100% 的前端页面构建器，适用于页面和帖子。 这种方法使您的任务更快，减少了保存更改并在另一个选项卡/窗口中预览时可能花费的时间。 它有40 多个元素，可以将它们拖放到页面中的任何位置。

基石的主要特点：

1. 基石页面和块模板：该插件带来了一些预先构建的页面模板，让您以光速构建令人惊叹的页面。
2. 令人难以置信的应用程序-类似界面：它具有整洁而直观的界面，因此用户会受到启发。

优点：

1. 易用性： Cornerstone 插件相对简单，界面简洁。
2. 实时 CSS 编辑：如果您是具有良好 CSS 技能的专业网页设计师，那么该插件非常适合您。 您可以添加带有实时预览的 CSS 样式。

缺点：

1. 较少的元素定制：与其他高级页面构建器（如 Divi Builder）相比，它的元素定制选项较少。
2. 简码：像大多数页面构建器一样，它是基于简码的。 当您卸载插件时，页面内容可能会停止工作。

了解更多并下载插件

10. Page Builder Sandwich（单个站点免费 + 高级 39 美元）

Page Builder Sandwich 是另一个令人惊叹的WordPress 前端编辑器。 该插件有免费版和付费版。 有10 多个内容块，您可以添加列。 此外，该插件支持所有其他标准 WordPress 小部件和自定义小部件。 付费版本中有大量模块。

Page Builder Sandwich 的主要特点：

1. 全局短代码映射：映射来自 WooCommerce、NextGEN Gallery、JetPack 等流行 WordPress 插件的短代码，允许您在页面中轻松添加和编辑。
2. 简直就是最好的现场编辑：它有一个简单易用的前端编辑界面。 您可以轻松拖放元素并添加自定义内容并同时预览设计。

优点：

1. 无需编码：该插件是完全拖放式内容编辑器，无需编写任何代码即可创建漂亮的页面。

缺点：

1. 免费插件中的有限模块：该插件也有免费版本，但内容元素有限。 它要求您升级到高级版本以解锁其他功能。

免费下载 查看高级版

包起来

如今，使用页面构建器已成为包括 WordPress 主题开发人员和用户在内的所有人的趋势。 如今，大多数新主题都带有内置的页面构建器集成和许多与之配合的小部件。 例如，您可以查看我们的Flash 主题，该主题与SiteOrigin 的页面构建器和包含10 多个非常有用的小部件的配套插件Flash Toolkit进行了更深入的集成。 如果您正在开始一个新项目，像 Flash 这样带有内置页面构建器的主题可能是一个优势。

如果您想了解有关 Flash 主题的更多信息，请查看这篇文章“介绍 Flash – 最灵活的免费多用途主题”。

但是，如果您正在使用任何其他主题并想重新构建和重新设计页面，这些页面构建器插件可能会派上用场。 您可以根据需要安装上述任何插件，并立即构建美观的网站。

对这份名单有什么意见吗？

随意写在下面。