终极WordPress页面构建器：WPBakery

Web开发和设计的价格很高。

对于许多刚起步或处于业务初期阶段的企业家而言，他们将很难找到可以以较低预算建立网站的开发人员和设计师。

幸运的是，WordPress插件开发人员已经看到了对快速且经济高效的网站构建方法的需求，并开发了可帮助您以低价构建网站而无需雇用任何人的工具。

在本文中，我将介绍市场上最强大的网站构建工具之一WPBakery 。

什么是WPBakery？

顾名思义，可视页面构建器允许您使用简单的拖放小部件或构建块，从而使您无需了解任何编码即可创建引人注目的网站。 这使您可以直观地构建想法并快速轻松地构建网站。

WPBakery的心脏和灵魂是页面构建器。

此页面构建器不仅允许您直观地在WordPress管理员后端中构建网站上的任何页面，而且还允许您在前端中构建任何页面。

WPBakery内置小部件

要开始使用WPBakery构建页面，您将利用150多个可用于构建和添加要包含在页面中的元素的元素。

以下是可以添加到网站页面的一些值得注意的元素的列表：

• 文字块
• 社交媒体号召性用语按钮
• 图像网格
• 影片播放器
• 灯箱
• 图形和图表
• 页面结构元素，例如节，行和分隔符

后端页面编辑器

如果您更喜欢使用WordPress管理员后端来构建网站，则只需在WordPress仪表板中添加一个新页面，然后单击后端编辑器按钮即可。

从那里可以添加所有各种元素。

尽管此页面构建编辑器位于您网站的后端，但它仍具有非常直观的工作流程。 您可以查看所有元素的显示并按自己的喜好排列它们。

以下视频显示了使用后端页面构建器有多么容易。

使用此插件从后端格式化网页也非常简单。

您可以选择要添加的行数，每行多少列，还可以调整每个特定元素的间距和其他各种格式设置选项。

在下面的视频中，观看如何轻松调整页面上每个元素的间距。

响应式设计

担心您的网页无法在所有屏幕尺寸上都响应？

没问题！ 每个元素都允许您调整其对不同屏幕尺寸的响应方式。 您还可以根据不同的屏幕尺寸选择隐藏特定元素。

深入了解WPBakery的高级选项，我们可以调整特定的元素，列和行设置。

这些设置将允许您添加CSS动画并添加元素ID和额外的类名，以便您可以根据需要设置每个元素或部分的样式。

请查看下面CSS动画示例：

同样重要的是要注意，您选择的每个特定元素也将具有特定于该特定元素的自己的一组常规设置。

使用此页面构建器，完全自定义唾手可得。

前端编辑器

如前所述，您不仅可以通过WordPress管理员后端来构建网站，还可以通过网站的前端来构建网站。

前端的页面构建器与后端的页面构建器非常相似。

除了为您提供实时的主题外，您还可以使用相同的页面构建器来构建每个页面。

您仍然可以使用与后端相同的网站拖放选项，从而可以轻松地在每个页面上创建新的部分，行和列。

看一下下面视频中的前端页面构建器：

范本

从头开始构建每个页面都是一个耗时的过程，即使使用页面构建器也是如此。

为了使事情变得简单，WPBakery允许您将创建的任何页面或帖子转换为可以随时加载的模板。

保存模板时，有两个选择：您可以保存页面的特定行或整个页面。

如果只想在每个页面上添加一个特定的部分，则将特定的行保存到行模板会非常方便。 例如，如果您正在处理某篇文章，那么在行末模板上总是使用相同的简历和照片。

您可以将文本和图像快速保存为一行，并在每次撰写新文章时重新调用。

要了解如何保存和加载模板，请观看以下视频：

除了将整个页面和部分保存为模板之外，您还可以保存单个元素的设置。

如上所述，WPBakery中的每个特定元素都有其自己独特的设置集，可以修改。 因此，类似于保存行和页面模板的方式，可以通过以下方式保存元素：单击元素上方的铅笔标志，单击右上角的设置转盘，然后单击另存为元素按钮。

要加载保存的元素，请在“ 添加元素”屏幕中单击“ 我的元素”选项卡。

结论

需要雇用网络开发人员和设计师来开始下一个创业项目或更新现有项目的日子已经一去不复返了。

WPBakery页面构建器是一个多合一的插件，可让您完全控制您的网站。 您可以使用拖放生成器来构建您可以想象的任何布局，而无需了解任何编程或编码。 要购买此强大的插件，请查看WPBakery CodeCanyon页面 。

另外，如果您想要功能强大的托管WordPress服务器，但更希望有人为您完成所有配置和修改，请考虑托管WordPress托管。 感谢Envato与SiteGround的合作关系，您可以获得高达60％的托管WordPress托管折扣 。

翻译自: https://code.tutsplus.com/tutorials/the-ultimate-wordpress-page-builder-wpbakery--cms-33463