wordpress最佳架构_6最佳拖放WordPress页面构建器比较（2020）

wordpress最佳架构

Looking for an easy way to build and customize your WordPress site? That’s where drag and drop WordPress page builder plugins come in handy.

寻找一种简单的方法来构建和自定义WordPress网站吗？ 这就是拖放式WordPress页面构建器插件派上用场的地方。

WordPress page builders allow you to create, edit, and customize your website layout without writing any code. In this article, we will compare the 6 best drag and drop page builders for WordPress.

WordPress页面构建器使您无需编写任何代码即可创建，编辑和自定义网站布局。 在本文中，我们将比较WordPress的6种最佳拖放页面构建器。

为什么要为WordPress使用拖放页面生成器？ (Why Use a Drag and Drop Page Builder for WordPress?)

When starting a blog, many beginners find it difficult to customize their WordPress page layouts.

创建博客时 ，许多初学者发现很难自定义其WordPress页面布局。

While a lot of premium WordPress themes come with different page layouts, most of them are extremely hard to customize for anyone who does not know code (HTML / CSS).

尽管许多高级WordPress主题具有不同的页面布局，但大多数主题很难为不懂代码(HTML / CSS)的人定制。

This is why users often ask us questions like: “how can we make WordPress drag and drop?” or “is there an easy drag and drop page builder for WordPress?”

这就是为什么用户经常问我们这样的问题的原因：“我们如何使WordPress拖放？” 或“是否有适用于WordPress的简单的拖放页面构建器？”

When we talk with people who switch from Weebly to WordPress or from Wix to WordPress, their most common response is: “I wish WordPress had a drag and drop website builder”.

当我们与从Weebly切换到WordPress或从Wix切换到WordPress的人交谈时，他们最常见的回答是：“我希望WordPress具有可拖放的网站构建器”。

Well, there are several great drag and drop page builder plugins available for WordPress. They allow you to create completely custom website designs in WordPress without writing a single line of code.

好了，有几个很棒的可用于WordPress的拖放页面构建器插件。 它们允许您在WordPress中创建完全自定义的网站设计，而无需编写任何代码。

Since there are so many different WordPress page builder plugins in the market, we decided to compare and rank the top WordPress page builders, so you can choose the right solution for your need.

由于市场上有许多不同的WordPress页面构建器插件，我们决定比较并排名靠前的WordPress页面构建器，因此您可以根据需要选择合适的解决方案。

Our criteria for comparing these WordPress page builders are: ease of use, flexibility, and the design output.

我们比较这些WordPress页面构建器的标准是： 易用性 ， 灵活性和设计输出 。

Having said that, let’s take a look at the best page builders for WordPress in the market.

话虽如此，让我们看一下市场上适用于WordPress的最佳页面构建器。

1.海狸建造者 (1. Beaver Builder)

Beaver Builder is a premium drag and drop page builder plugin for WordPress. In our opinion, it is by far the best WordPress page builder in the market.

Beaver Builder是WordPress的高级拖放页面构建器插件。 我们认为，它是迄今为止市场上最好的WordPress页面构建器。

It is extremely fast and comes with a built in onboarding tour to help you quickly familiarize with their interface.

它非常快速，并带有内置的入门指南，可帮助您快速熟悉其界面。

Beaver Builder comes with a live drag and drop interface. You get to see all your changes as you add them by simply dragging elements from the right sidebar and dropping them on your page. You can click on any element on a page to edit its properties.

Beaver Builder带有实时拖放界面。 您可以通过简单地从右侧边栏中拖动元素并将其拖放到页面上来查看所有更改。 您可以单击页面上的任何元素以编辑其属性。

There are modules that let you add almost everything you may want including sliders, carousel, backgrounds, content blocks, buttons, and more.

有些模块可让您添加几乎所有您想要的东西，包括滑块 ，轮播，背景，内容块，按钮等。

It also comes with over 30 finely designed templates for landing pages that makes it super-easy and super-fast to create stunning website layouts.

它还带有用于登陆页面的30多个精心设计的模板，这使得创建超级精美的网站布局变得异常简单和快捷。

We find Beaver Builder to be very beginner friendly. Check out our tutorial on how to create custom WordPress layouts with Beaver Builder.

我们发现Beaver Builder非常适合初学者。 查看有关如何使用Beaver Builder创建自定义WordPress布局的教程。

Wondering if it’s compatible with the new WordPress version? Yes, it is.

想知道它是否与新的WordPress版本兼容吗？ 是的。

Beaver Builder has been updated well along the Gutenberg project. So, it works fine with your new Gutenberg editor.

Beaver Builder在Gutenberg项目中已进行了很好的更新。 因此，它可以与新的Gutenberg编辑器一起正常工作。

Pricing: Starting from $99 for Unlimited Sites.

定价：无限网站起价为$ 99。

Our Grade: A+

我们的成绩： A +

Review: Beaver Builder is the easiest page builder option in the market. It comes with pre-made templates to help you get started. The ability to customize every little detail makes it the perfect solution for WordPress users.

评论： Beaver Builder是市场上最简单的页面构建器选项。 它带有预制模板，可帮助您入门。 自定义每个小细节的能力使其成为WordPress用户的完美解决方案。

2. Divi (2. Divi)

Divi is a drag and drop theme and WordPress page builder plugin. It is extremely easy to use and comes with 20+ layouts/templates for different kind of websites.

Divi是一个拖放主题和WordPress页面构建器插件。 它非常易于使用，并为不同类型的网站提供20多种布局/模板。

Just like the Beaver Builder, the Divi Builder is a visual drag and drop page builder, a true WYSIWYG editor (what you see is what you get).

就像Beaver Builder一样，Divi Builder是一个可视化的拖放页面构建器，一个真正的WYSIWYG编辑器(所见即所得)。

You can directly click on your page and start editing with the real-time preview of all changes. You don’t need to save and click preview to see your new design.

您可以直接在页面上单击并开始使用所有更改的实时预览进行编辑。 您无需保存并单击预览即可查看新设计。

Divi comes with 46 content modules that you can drag and drop anywhere in your layout. You can arrange them in 3 section types, 20 row types, and customize each element using its advanced design settings.

Divi带有46个内容模块，您可以将它们拖放到布局中的任何位置。 您可以将它们分为3种类型，20种行类型，并使用其高级设计设置自定义每个元素。

With Divi, you can create any type of custom page layout that you want within minutes. You can then save these Divi layouts for future use on your site. You can also export a layout from one Divi installation into another.

使用Divi，您可以在几分钟内创建所需的任何类型的自定义页面布局。 然后，您可以保存这些Divi布局，以备将来在您的网站上使用。 您也可以将布局从一个Divi安装导出到另一个。

The Divi Builder plugin is the backbone of the Divi theme, yet it works well with any other WordPress theme.

Divi Builder插件是Divi主题的骨干，但它可与任何其他WordPress主题很好地配合使用。

Best of all, Divi has the best pricing out of all options in this. For a single price, you’ll get the Divi theme, the Divi page builder plugin, and all other Elegant Themes products.

最重要的是，在所有选项中，Divi具有最佳的价格。 以单个价格，您将获得Divi主题，Divi页面构建器插件以及所有其他Elegant Themes产品。

This means you can use the Divi theme or install the Divi Builder plugin on any other theme.

这意味着您可以使用Divi主题或在任何其他主题上安装Divi Builder插件。

Pricing: Starting from $89 per year (lifetime plan also available)

定价：每年89美元起(也提供终身计划)

Our Grade: A

我们的成绩： A

Review: Divi is a great Beaver Builder alternative. It has a powerful page builder with limitless design possibilities. Their large number of content modules allow you to create literally any type of website that you really want. Their lifetime plan also makes it one of the best deals in the market.

评论： Divi是Beaver Builder的绝佳替代品。 它具有功能强大的页面生成器，具有无限的设计可能性。 它们大量的内容模块使您可以创建真正想要的任何类型的网站。 他们的终身计划也使其成为市场上最好的交易之一。

3.元素 (3. Elementor)

Elementor is another powerful drag and drop WordPress page builder plugin.

Elementor是另一个功能强大的拖放式WordPress页面构建器插件。

It is a live page builder plugin which means you get to see your changes live as you edit it with Elementor. Simply start by creating sections and select the number of columns for each section.

这是一个实时页面构建器插件，这意味着您可以在使用Elementor编辑时实时看到所做的更改。 只需从创建节开始，然后为每个节选择列数。

You can then drag and drop widgets from the left panel to your section. Elementor comes with tons of widgets including most commonly used website elements.

然后，您可以将小部件从左侧面板拖放到您的部分。 Elementor附带了大量的小部件，包括最常用的网站元素。

From basic image and text widgets to advanced accordions, sliders, testimonials, icons, social media, tabs, etc. Each widget comes with its own settings.

从基本的图像和文本小部件到高级手风琴，滑块，推荐书，图标，社交媒体，标签等，每个小部件都具有自己的设置。

Elementor will also let you add widgets created by other WordPress plugins.

Elementor还可以让您添加其他WordPress插件创建的小部件。

Don’t want to build your own layout?

不想建立自己的布局？

Elementor comes with many ready-to-use templates that you can easily insert into your pages. You can simply point and click to edit any item on the page, replace the content, and you’re done.

Elementor附带了许多现成的模板，您可以轻松地将它们插入页面中。 您只需指向并单击以编辑页面上的任何项目，替换内容，即可完成。

Pricing: Starting from $49 for single site license.

定价：单站点许可证起价为49美元。

Our Grade: A

我们的成绩： A

Review: Elementor is a popular page builder plugin for WordPress. It is fast, easy to use, and comes with tons of modules / templates that you can use to build a custom website.

点评： Elementor是WordPress的流行页面构建器插件。 它快速，易于使用，并附带大量的模块/模板，可用于构建自定义网站。

4. Visual Composer网站构建器 (4. Visual Composer Website Builder)

Visual Composer Website Builder is a user-friendly WordPress website editor that helps you create custom website layouts, fast.

Visual Composer网站构建器是一种用户友好的WordPress网站编辑器，可帮助您快速创建自定义网站布局。

It comes with a simple drag and drop builder, out of box content elements, professional templates, and a host of powerful features to make a website.

它带有一个简单的拖放生成器，开箱即用的内容元素，专业的模板以及许多强大的功能，可组成一个网站 。

Similar to Beaver Builder and Divi, it also provides real frontend editing experience for designing a website. But there’s a lot more you can do with this plugin. Unlike other plugins in the list, Visual Composer Website Builder allows you to edit your logo, menus, headers, footers, sidebars, etc.

与Beaver Builder和Divi相似，它还为设计网站提供了真正的前端编辑体验。 但是您可以使用此插件做更多的事情。 与列表中的其他插件不同，Visual Composer Website Builder允许您编辑徽标，菜单，页眉，页脚，侧边栏等。

That’s why the team decides to call it a website builder, instead of just a page builder.

这就是团队决定将其称为网站构建器而不是页面构建器的原因。

The plugin features powerful design options to customize the appearance of any element on your page. You have easy options to add stylish backgrounds including parallax, gradient, slideshow, carousel, zoom in/out, video, etc. It also comes with flexible rows and columns for creating grid layouts on your site.

该插件具有强大的设计选项，可自定义页面上任何元素的外观。 您可以通过简单的选项添加时尚的背景，包括视差，渐变，幻灯片，轮播，放大/缩小，视频等。它还带有灵活的行和列，可在您的网站上创建网格布局。

Visual Composer works well with all WordPress themes. This allows you to switch your themes without losing custom layouts that you created with Visual Composer.

Visual Composer适用于所有WordPress主题。 这使您可以切换主题，而不会丢失使用Visual Composer创建的自定义布局。

It also includes support for the new Gutenberg editor, Google Fonts, and Yoast SEO.

它还包括对新的Gutenberg编辑器，Google字体和Yoast SEO的支持。

Visual Composer is designed for professionals, and it’s evident by their attention to details such as remembering your color choices, which allows you to easily use the same color palette for consistency throughout your design.

Visual Composer是专为专业人士设计的，显而易见，他们对细节的关注(例如记住您的颜色选择)使您可以轻松地使用相同的调色板来确保整个设计的一致性。

Pricing: $59 For One Site License

定价：一个站点许可证59美元

Our Grade: A-

我们的成绩： A-

Review: Visual Composer is a great plugin for beginners to start a website. It provides powerful features for website making in a simple manner. Website editing is made super simple with the real frontend drag and drop editor.

点评： Visual Composer是一个不错的插件，适合初学者启动网站。 它以简单的方式为网站制作提供了强大的功能。 真正的前端拖放编辑器使网站编辑变得超级简单。

5. Themify Builder (5. Themify Builder)

Themify is a popular WordPress theme shop that offer a built-in Themify builder with all of their WordPress themes. For other non-Themify WordPress themes, you can get the Themify Page Builder plugin.

Themify是一个受欢迎的WordPress主题商店，提供带有所有WordPress主题的内置Themify构建器。 对于其他非Themify WordPress主题，您可以获取Themify Page Builder插件。

This simple and highly intuitive page builder comes with several ready to use modules that you can add to your pages or posts. Many of these modules usually require you to install separate WordPress plugins.

这个简单且高度直观的页面构建器附带了几个可立即使用的模块，您可以将其添加到页面或帖子中。 其中许多模块通常需要您安装单独的WordPress插件。

The plugin includes 40+ pre-designed layouts for different industries like gym, restaurant, portfolio, music, photography as well as online shops.

该插件包含40多种针对不同行业的预先设计的布局，例如健身房，餐厅，投资组合，音乐，摄影以及在线商店 。

You can import a layout with one click, change its content, and build an awesome landing page within minutes.

您可以一键导入布局，更改其内容，并在数分钟内构建一个很棒的登录页面。

Themify Builder allows you to edit your pages from the admin area as well as from your live site. With live editing, you get to see exactly how your changes will appear on the site.

Themify Builder允许您从管理区域以及实时站点编辑页面。 通过实时编辑，您可以准确地看到所做的更改在网站上的显示方式。

Apart from that, Themify Builder comes with ready-to-use layouts that you can quickly apply to your page.

除此之外，Themify Builder附带了可立即使用的布局，您可以将它们快速应用于页面。

Pricing: $39 For the Builder Addon Bundle (The core plugin is free)

定价： Builder Addon捆绑包为39美元(核心插件是免费的)

Our Grade: B

我们的成绩： B

Review: Themify Builder is a reliable page builder plugin for WordPress. While the builder comes with promising features, there is a learning curve that can leave a new user frustrated.

审查： Themify Builder是WordPress的可靠页面构建器插件。 虽然构建器具有良好的功能，但学习曲线可能会使新用户感到沮丧。

6.通过SiteOrigin创建页面 (6. Page Builder by SiteOrigin)

With more than one million active installs, Site Origin’s Page Builder is a popular free WordPress page builder on the market. One of the primary reason for its popularity is the price (free). It is available as a fully functional free plugin.

Site Origin的Page Builder具有超过一百万的有效安装，是市场上流行的免费WordPress页面构建器。 其受欢迎的主要原因之一是价格(免费)。 它是一个功能齐全的免费插件。

Site Origin Page Builder is a little complicated to use, and new users often struggle to get familiar with it. However we had to include in our list because of it’s popularity.

Site Origin Page Builder的使用有点复杂，新用户经常很难熟悉它。 但是，由于它的受欢迎程度，我们不得不将其包括在列表中。

For components, Site Origin Page Builder allows you to use WordPress widgets. It comes with several widgets of its own, and you can download and install any widget.

对于组件，站点起源页面构建器允许您使用WordPress小部件。 它带有自己的几个小部件，您可以下载和安装任何小部件。

See our list of the 25 most useful WordPress widgets because you can use all of them with this page builder.

请参阅我们的25个最有用的WordPress小部件列表，因为您可以在此页面构建器中使用所有这些小部件 。

It also comes with a history tool which allows you to switch back and forth to undo/redo changes that you made. This is a huge time saver, and it gives you a peace of mind knowing that you can revert and undo changes.

它还带有历史记录工具，可让您来回切换以撤消/重做所做的更改。 这是节省大量时间的方法，并且知道您可以还原和撤消更改，因此可以放心使用。

The SiteOrigin plugin and all its widgets are fully Gutenberg compatible. There’s also a new SiteOrigin layout block that you can use as a Gutenberg block.

SiteOrigin插件及其所有小部件都与Gutenberg完全兼容。 还有一个新的SiteOrigin布局块，可以用作Gutenberg块。

Pricing: Free

定价：免费

Our Grade: C

我们的成绩： C

Review: Site Origin Page Builder is a good free plugin with a drag-and-drop interface to create and customize layouts. Although the live editing is not comparable to other solutions mentioned in this comparison.

点评： Site Origin Page Builder是一个很好的免费插件，具有拖放界面来创建和自定义布局。 尽管实时编辑无法与本比较中提到的其他解决方案相提并论。

最后的想法：最好的WordPress Page Builder插件 (Final Thoughts: Best WordPress Page Builder Plugin)

As we compared different drag and drop WordPress page builders, one thing became very clear. Beaver Builder and Divi are clearly the top choice.

当我们比较不同的拖放式WordPress页面构建器时，一件事变得非常清楚。 Beaver Builder和Divi显然是首选。

Visual Composer is a close third option that offer a complete drag & drop WordPress page builder.

Visual Composer是第三种选择，它提供了完整的WordPress拖放页面构建器。

If you don’t mind spending a little bit money to get the best solution in the market along with guaranteed support, then go for any of these three, and you won’t regret it.

如果您不介意花一点钱来获得市场上最好的解决方案以及有保证的支持，那么选择这三个中的任何一个，您都不会后悔。

Do I still Need a Page Builder if I am Using the New WordPress Block Editor?

如果我正在使用新的WordPress块编辑器，是否仍需要页面构建器？

Recently we’re getting a lot of users asking us this question.

最近，我们吸引了很多用户问我们这个问题。

WordPress block editor also known as Gutenberg was officially launched as the new default WordPress editor. The new editor uses blocks which are content elements for creating pages and posts.

WordPress块编辑器(也称为Gutenberg)作为新的默认WordPress编辑器正式启动。 新的编辑器使用的块是用于创建页面和帖子的内容元素。

Superficially, the block editor looks similar to some of the WordPress page builders above.

从表面上看，块编辑器看起来类似于上面的某些WordPress页面构建器。

Hence there’re hot discussions going on in WordPress about Gutenberg and page builders.

因此，在WordPress中正在进行有关古腾堡(Gutenberg)和页面构建器的热烈讨论。

Is Gutenberg a page builder? Does the Gutenberg block editor replace the WordPress page builders? And, do I still need a page builder if I am using the new WordPress block editor?

古腾堡是网页制作工具吗？ 古腾堡块编辑器是否可以代替WordPress页面构建器？ 而且，如果我正在使用新的WordPress块编辑器，是否还需要页面构建器？

Well, the answer to the first two questions is ‘No, not quite yet.’

好吧，前两个问题的答案是“不，还不完全”。

And, Yes, you will need a page builder if you want an easy way to create completely custom WordPress designs.

而且，是的，如果您想要一种简单的方法来创建完全自定义的WordPress设计，则将需要页面构建器。

Gutenberg in its current form is no match to the powerful features these “true” WordPress page builder plugins offer.

古腾堡目前的形式与这些“真正的” WordPress页面构建器插件提供的强大功能不匹配。

Having that said, you can use a plugin like CSS Hero with Gutenberg and probably get away without using a true page builder, but it entirely depends on your needs.

话虽如此，您可以在Gutenberg中使用CSS Hero之类的插件，而无需使用真正的页面生成器就可以逃脱，但这完全取决于您的需求。

A lot of our readers love using CSS Hero for quick and easy website customization. Read our full CSS Hero review to see if it’s a suitable solution for your needs.

许多读者喜欢使用CSS Hero来快速轻松地自定义网站。 阅读我们完整CSS Hero评论 ，看看它是否适合您的需求。

We hope this article helped you find the best WordPress drag and drop page builder plugins for your site. You may also want to see our comparison to find the best WordPress contact form plugins.

我们希望本文能帮助您找到适合您站点的最佳WordPress拖放页面构建器插件。 您可能还希望查看我们的比较，以找到最佳的WordPress联系人表单插件 。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/beginners-guide/best-drag-and-drop-page-builders-for-wordpress/

wordpress最佳架构