wordpress最佳架构_5个技术难题的最佳WordPress网站建设者

快来打我* 2022-12-03 09:17 213阅读 0赞

wordpress最佳架构

![5 Best WordPress Site Builders for the Technically Challenged][]

*This article is part of a series created in partnership with [SiteGround][]. Thank you for supporting the partners who make SitePoint possible.*

*本文是与[SiteGround][]合作创建的系列文章的一部分。* *感谢您支持使SitePoint成为可能的合作伙伴。*

As an entrepreneur or innovator, you know that great ideas are rare and time-sensitive. Which is why you likely don’t have the time to wait weeks or even months to launch your campaign or businesses’ website. Luckily, some of the great technical minds have engineered WordPress website builders that take even the most novice internet user to website building pro in days or even hours.

作为企业家或创新者，您知道好主意是稀有且对时间敏感的。 这就是为什么您可能没有时间等待数周甚至数月来启动广告系列或企业网站的原因。 幸运的是，一些伟大的技术专家设计了WordPress网站构建器，这些构建器甚至可以将最初级的Internet用户在几天甚至几小时内带到专业的网站建设者手中。

Much like WordPress themes, builders are in great abundance and vary even more so in quality. Which is why this article aims to dissect the five best WordPress website builders and outline how you can use them to build an elegant, custom, and fully functioning website fast.

就像WordPress主题一样，构建者数量众多，而且质量差异更大。 这就是为什么本文旨在剖析五个最佳的WordPress网站构建器并概述如何使用它们快速构建一个优雅，自定义且功能齐全的网站。

## 1. Divi **(**1. Divi**)** ##

Divi is arguably the most popular WordPress builder on the market right now. With their attractive design and impressive range of features, it is no surprise it has made the list. But at its core what makes it so attractive?

Divi可以说是目前市场上最受欢迎的WordPress构建器。 凭借其引人注目的设计和令人印象深刻的功能范围，它跻身榜单并不奇怪。 但是从本质上讲，它为何如此吸引人？

*  The theme is meticulously updated and new features are released very regularly.
    
    主题经过精心更新，并且定期发布新功能。
 *  It’s a front-end developer tool meaning whatever you build is what your visitor sees.
    
    这是一个前端开发人员工具，意味着您构建的任何内容都是访问者看到的。
 *  It utilizes a drag-and-drop builder, making it perfect for non-technical site developers.
    
    它利用拖放式构建器，非常适合非技术性站点开发人员。

![Divi][]

Some WordPress builders are plugin-based and others are theme-based. Divi is theme based meaning you get a theme for your WordPress site and a builder for the price of one.

一些WordPress建设者是基于插件的，而其他则是基于主题的。 Divi是基于主题的，这意味着您可以以WordPress的价格获得一个主题，并以一个价格获得一个生成器。

Divi comes with a multitude of layouts and as such can range from being an eCommerce store, an agency website, a photography portfolio, a blog, a news site, and more. It can be just about anything you can dream up.

Divi具有多种布局，因此可以包括电子商务商店，代理商网站，摄影作品集，博客，新闻网站等。 它可以是您梦can以求的一切。

The Divi Builder has a great UX which makes it easy to navigate and straightforward to use. You would create a page like you normally do, but instead of opening the editor to start messing with HTML and CSS you would click the big purple button aptly labeled “Use The Divi Builder”.

Divi Builder具有出色的UX，使其易于导航且易于使用。 您将像平常一样创建一个页面，但是不必单击打开编辑器开始使用HTML和CSS的方法，而是单击恰好标有“使用Divi Builder”的紫色大按钮。

![Divi][Divi 1]

You get the option to create different sections of your site that visitors will scroll through to view your content in the modules you desire. These modules are drag and drop and fully customizable down to size and unique color palette.

您可以选择创建网站的不同部分，访问者将滚动浏览这些部分以查看所需模块中的内容。 这些模块是拖放式的，可以完全自定义为尺寸和独特的调色板。

![Divi][Divi 2]

The modules have simple titles to make the build process straightforward and customizing a breeze. Just drag-and-drop a Blurb to add customer testimonials or grab Call To Action to create compelling buttons and sections for newsletter signups or buy now buttons.

这些模块具有简单的标题，可简化构建过程并轻松进行自定义。 只需拖放Blurb即可添加客户评价，或抓住号召性用语来创建引人注目的按钮和部分，以进行新闻通讯注册或立即购买按钮。

![Divi][Divi 3]

The end result is a beautiful, completely custom, and responsive website that looks like an ad agency designed it for thousands of dollars. To preview sites built with Divi (like the one below) or try it for free visit [Divi’s gallery][Divi_s gallery] on the Elegant Themes website.

最终的结果是一个漂亮，完全自定义且响应Swift的网站，看起来像一家广告代理公司以数千美元的价格设计了它。 要预览使用Divi构建的网站(例如以下网站)或免费试用，请访问Elegant Themes网站上的[Divi画廊][Divi_s gallery] 。

![Divi][Divi 4]

*Website built with Divi Builder*

*使用Divi Builder构建的网站*

## 2.图层 **(**2. Layers**)** ##

Layers is another plugin based WordPress builder that employs drag-and-drop functionality making it ideal for maximum customization and a user-friendly experience. The creators of Layers sought to create a builder so intuitive that you would be a “pro” the first time you used it. Beyond the obvious, why does Layers stand out in the crowded WordPress builder space?

Layers是另一种基于插件的WordPress构建器，它具有拖放功能，非常适合实现最大程度的自定义和用户友好的体验。 图层的创建者试图创建一个如此直观的构建器，以至于您第一次使用它时就可以成为“专业人士”。 除了显而易见的以外，为什么图层在拥挤的WordPress构建器空间中脱颖而出？

*  Behind the scenes of the Layers theme, you get an intelligent HTML structure that optimizes your site for the high search ranking results
    
    在“图层”主题的幕后，您将获得一个智能HTML结构，该结构可以针对高搜索排名结果优化您的网站
 *  Layers is ideal for shopping sites because it comes prefabbed to play well with WooCommerce, the most popular eCommerce platform on the market.
    
    Layers是购物网站的理想选择，因为它是预制的，可以与市场上最受欢迎的电子商务平台WooCommerce很好地配合使用。
 *  It has a point-and-click interface, much like its top tier competition which makes it incredibly simple for a novice to build bold and beautiful websites.
    
    它具有点击界面，就像它的顶级竞争对手一样，它使新手构建大胆漂亮的网站变得异常简单。
 *  It’s free to download and use on your WordPress theme
    
    可免费下载和使用WordPress主题

![Layers][]

*Layers Builder in action*

*图层生成器的实际应用*

Layers makes it easy and affordable to get up and running quickly with their low-cost themes. Combine one of their themes with their free builder and you have the recipe for a truly great website. To gain even further functionality, you have to spend roughly twice the price for their Layers Pro package which gives you premium options like resizing your logo, sticky headers, greater color customization, and more (see below).

借助其低成本的主题，Layer使得快速启动和运行变得容易且负担得起。 将他们的主题之一与免费的构建器结合起来，您便拥有了一个真正出色的网站的秘诀。 为了获得更多功能，您必须花费大约两倍于其Layers Pro软件包的价格，这为您提供了高级选项，例如调整徽标的大小，粘贴标题，更大的颜色自定义等等(请参见下文)。

![Layers][Layers 1]

![Layers][Layers 2]

*Website built with Layers Builder*

*使用Layers Builder构建的网站*

If you’re ready for alluring (like the site above), highly customizable, and arguably the most user-friendly theme on the market then check out the [Layers theme][].

如果您准备好进行引诱(例如上面的网站)，高度可定制并且可以说是市场上最人性化的主题，那么请查看[Layers主题][Layers theme] 。

## 3.海狸生成器 **(**3. Beaver Builder**)** ##

![Beaver Builder][]

Beaver Builder is a standalone WordPress plugin that gives you the versatility of working with any theme you choose. You don’t have to waste any time wrestling with your WordPress editor or tweaking lines of HTML to build mobile friendly websites that look great.

Beaver Builder是一个独立的WordPress插件，可为您提供处理您选择的任何主题的多功能性。 您无需花费任何时间来使用WordPress编辑器或调整HTML线即可构建看起来很棒的移动友好型网站。

![Beaver Builder][Beaver Builder 1]

The plugin allows you to edit existing pages of your site or build them from scratch using its Page Builder feature. You can create modules ranging from headers, text modules, photos, and even videos. All the page building is performed on the front end of your website meaning what you build is what your customers see. No more tweaking code to look great on the back end only to find it looks horrid on the customer’s side.

该插件可让您编辑网站的现有页面，或使用其页面构建器功能从头开始构建它们。 您可以创建包含标题，文本模块，照片甚至视频的模块。 所有页面构建都是在网站的前端执行的，这意味着构建的内容就是客户看到的内容。 没有更多的调整代码在后端看起来很棒，只是发现它在客户方面看起来很恐怖。

![Beaver Builder][Beaver Builder 2]

You can [download Beaver Builder][] or learn more about all its features and functionality by watching it’s [explainer video][].

您可以[下载Beaver Builder][download Beaver Builder]或通过观看[解释器视频][explainer video]了解有关其所有功能的更多信息。

## 4.通过SiteOrigin创建页面 **(**4. Page Builder by SiteOrigin**)** ##

![Page Builder by SiteOrigin][]

Page Builder by SiteOrigin is another crowd favorite for WordPress page builders and rightfully so. It is a plugin-based builder and for a free option in the market, it boasts a wide variety of widgets you can drag-and-drop to customize your website to the fullest.

SiteOrigin的Page Builder是WordPress页面构建者的另一个人群喜爱，理所当然的。 这是一个基于插件的构建器，在市场上有免费选项供您选择，它拥有各种各样的小部件，您可以将其拖放以完全自定义您的网站。

The work area in Page Builder isn’t the most visually appealing of the options outlined in this article, but that is by design. The plugin itself utilizes an SEO friendly code that is lightweight and won’t weigh down your site’s speed or search engine rankings with unnecessary visual effects in the builder itself.

Page Builder中的工作区并不是本文概述的选项在视觉上最吸引人的地方，但这是设计使然。 该插件本身使用了SEO友好的代码，该代码轻巧，不会在构建器本身带来不必要的视觉效果的情况下降低网站的速度或搜索引擎排名。

![Page Builder by SiteOrigin][Page Builder by SiteOrigin 1]

You can use Page Builder with any WordPress theme and only uses fully responsive elements when building your page. All this is accomplished without ever writing a single line of code.

您可以将Page Builder与任何WordPress主题一起使用，并且仅在构建页面时使用完全响应元素。 所有这些都无需编写任何代码即可完成。

![Page Builder by SiteOrigin][Page Builder by SiteOrigin 2]

You simply drag-and-drop the elements you desire where you want them and Page Builder creates the clean coding structure behind it (outlined below).

您只需将所需的元素拖放到所需的位置，然后Page Builder在其后面创建干净的编码结构(如下所示)。

![Page Builder by SiteOrigin][Page Builder by SiteOrigin 3]

All in all, the Page Builder by SiteOrigin is an impressive plugin builder that serves its purpose very well. If you want clean code and seemingly infinite customization options, then check out the [Page Builder by SiteOrigin plugin][].

总而言之，SiteOrigin的Page Builder是一个令人印象深刻的插件构建器，可以很好地实现其目的。 如果您想要干净的代码和看似无限的自定义选项，请查看[SiteOrigin插件][Page Builder by SiteOrigin plugin]的[Page Builder][Page Builder by SiteOrigin plugin] 。

## 5. Visual Composer **(**5. Visual Composer**)** ##

![Visual Composer][]

Last, but certainly not least, we have Visual Composer, the best-selling WordPress page builder on the market. They boast over two million downloads and have a seriously impressive list of accomplishments and features to boot. So what’s the big deal with Visual Composer?

最后但同样重要的是，我们拥有Visual Composer，这是市场上最畅销的WordPress页面构建器。 它们拥有超过200万的下载量，并且具有令人印象深刻的成就和功能列表。 那么，Visual Composer有什么大不了的呢？

*  They offer a front-end and back-end page builder that is intuitive and requires no programming knowledge to build stunning WordPress sites.
    
    他们提供了一个直观的前端和后端页面构建器，不需要任何编程知识即可构建出色的WordPress网站。
 *  It works on literally any WordPress theme.
    
    它可用于几乎所有WordPress主题。
 *  A Skin Builder comes standard so you can match all your sites colors with your brand.
    
    Skin Builder是标准配置，因此您可以将所有网站颜色与您的品牌进行匹配。
 *  An extensive library of content elements, add-ons, and templates to make customization fast and straightforward.
    
    内容元素，附加组件和模板的广泛库，使自定义快速而直接。

When creating or editing any page, you can choose the classic mode which opens the back-end editor or choose the front-end editor to see changes as your visitors would see them on your live site.

创建或编辑任何页面时，您可以选择经典模式来打开后端编辑器，也可以选择前端编辑器来查看更改，就像访问者在您的实时站点上看到的一样。

![Visual Composer][Visual Composer 1]

Visual Composer has modular like elements that can be dragged and dropped into the sections you engineered for truly custom designs. Once you’ve built out your skeleton with these rows and modules, you can drag-and-drop any of several dozen elements into these modules to build out your site to your specifications. Embed video players, FAQ elements, social media share buttons, and much more.

Visual Composer具有类似模块化的元素，可以将其拖放到您为真正定制设计而设计的部分中。 一旦使用这些行和模块构建了骨架，就可以将几十个元素中的任何一个拖放到这些模块中，以按照您的规范构建站点。 嵌入视频播放器，常见问题解答元素，社交媒体共享按钮等等。

![Visual Composer][Visual Composer 2]

Being the \#1 WordPress builder plugin is no easy feat and as we have seen in this article Visual Composer has some stiff competition. If you’re tired of spending a premium on premium themes, then Visual Composer might be your savior. Watch a demo or [try Visual Composer][] for free.

成为排名第一的WordPress构建器插件并非易事，正如我们在本文中所看到的，Visual Composer面临着激烈的竞争。 如果您厌倦了在高级主题上花钱，那么Visual Composer可能是您的救星。 观看演示或免费[试用Visual Composer][try Visual Composer] 。

If you need reliable hosting with an integrated site building solution, check out our partner [SiteGround][]. They provide managed WordPress hosting with a free drag and drop site builder, and their plans are now up to 65% off for SitePoint users.

如果您需要通过集成的站点构建解决方案进行可靠的托管，请查看我们的合作伙伴[SiteGround][] 。 他们为托管的WordPress托管提供免费的拖放式站点构建器，并且他们的计划现在对SitePoint用户的折扣高达65％。

**Which page builder are you going to try? Tell us in the comments below.**

**您要尝试使用哪个页面构建器？** **在下面的评论中告诉我们。**

> 翻译自: [https://www.sitepoint.com/5-best-wordpress-site-builders-for-the-technically-challenged/][https_www.sitepoint.com_5-best-wordpress-site-builders-for-the-technically-challenged]

wordpress最佳架构

[5 Best WordPress Site Builders for the Technically Challenged]: /images/20221123/1816f779b17f4bb1b6803594139d3ca9.png
[SiteGround]: https://www.siteground.com/go/article-sp
[Divi]: /images/20221123/c6cd2e0eba9a4b9899143e5b3deea47a.png
[Divi 1]: /images/20221123/e5957fbbc4e2472aa3e912319b060d47.png
[Divi 2]: /images/20221123/cc358e5dde254270b5f0738866089f79.png
[Divi 3]: /images/20221123/e5651a7c46d6473ebb8ada0c0ff4333f.png
[Divi_s gallery]: https://www.elegantthemes.com/gallery/divi/
[Divi 4]: /images/20221123/c2d38c880d6b4f17bcad4eb24a5940fd.png
[Layers]: /images/20221123/1df51b5f87ad4ea6b49851bedf83d92a.png
[Layers 1]: /images/20221123/123982fb620240eb903e0d4cf0e3b5b7.png
[Layers 2]: /images/20221123/5607721425c54adbb5f1844f4824f80a.png
[Layers theme]: https://www.layerswp.com/
[Beaver Builder]: /images/20221123/0ddb71003af14b029347d793e853b2f2.png
[Beaver Builder 1]: /images/20221123/151abcaf8f8a42e2967d70ec323114c1.png
[Beaver Builder 2]: /images/20221123/6513bc6a044d4c828a00f42cfe17b877.png
[download Beaver Builder]: https://wordpress.org/plugins/beaver-builder-lite-version/
[explainer video]: https://vimeo.com/122546222
[Page Builder by SiteOrigin]: /images/20221123/5a1d3b9a1af045538798db7a2c9f4f65.png
[Page Builder by SiteOrigin 1]: /images/20221123/e4ee0ddcc7004a20aed4ee0e772e2fbf.png
[Page Builder by SiteOrigin 2]: /images/20221123/5087dbeb46fc4d90a0c5f2dd8886ed32.png
[Page Builder by SiteOrigin 3]: /images/20221123/015b41cad8a847f38e997ad0a0221305.png
[Page Builder by SiteOrigin plugin]: https://wordpress.org/plugins/siteorigin-panels/
[Visual Composer]: /images/20221123/469d94c05f3044aebcfd2b7df2cfe167.png
[Visual Composer 1]: /images/20221123/addc2e95f46746ac8a860b7751f56664.png
[Visual Composer 2]: /images/20221123/d6101c4679184d5090adc0a91a25b016.png
[try Visual Composer]: https://vc.wpbakery.com/
[https_www.sitepoint.com_5-best-wordpress-site-builders-for-the-technically-challenged]: https://www.sitepoint.com/5-best-wordpress-site-builders-for-the-technically-challenged/