WordPress很棒，能够自定义WordPress运行网站只是锦上添花。但是，并非我们所有人都在编码专家。哎呀，一些WordPress爱好者对HTML或CSS一无所知。但这并不能阻止您自定义WordPress主题。这是页面构建器进入的地方。

拖放页面构建器可作为插件广泛使用，并内置于许多流行的主题中。它们使所有级别的用户都可以更改主题的总体布局，并且可以使添加额外的功能（图标，技能栏，价格表等）变得非常容易。具体来说，我们想向您介绍我们新喜欢的页面构建WordPress插件– Visual Composer。

什么是Visual Composer

Visual Composer是WP Bakery开发的出色插件，可为您的WordPress主题添加拖放页面构建器。我们将其添加到我们的Total Multipurpose WordPress主题中，但您也可以在Themeforest的几乎所有新畅销产品中看到它。它为您提供了无需复杂的代码即可创建复杂的页面布局所需的工具。

Visual Composer的工作方式以及它可以做什么

这是一个插件，因此只需安装并激活即可利用它的所有奇妙功能。激活后，Visual Composer使您可以控制页面的布局。只需添加一个新页面，您将看到新的按钮，以便您可以在经典模式和构建器模式之间切换，还可以使用一个按钮将您带到实时前端编辑器。

从这里开始，可能性仅受您（或客户）的想象力的限制。您可以使用Visual Composer的所有选项添加行，列，按钮，文本，图像等等。此外，还有一个选项可将您的布局另存为模板，以便一遍又一遍地重复使用。

行数

构建器中包括页面构建元素。您可以将这些元素用作页面的文字构建块。首先添加一行。行使一键添加列成为可能。只需将鼠标悬停在该行左上角的黄色段落标签上，然后选择一种布局。该行会根据您选择的布局自动分成几列。

页面元素

下一步是开始添加页面功能。只需单击“ 添加元素”按钮以打开弹出菜单。有很多选项可用于添加文本框，标题，社交共享，图像和画廊，切换或选项卡，手风琴，最新帖子（除博客帖子外，还可以与您主题的自定义帖子类型一起使用），按钮甚至侧边栏小部件。

另外，根据您将WordPress主题和与Visual Composer配合使用的兼容插件，您将看到或多或少的页面元素。上面的示例来自我们的WordPress主题，因此我们为Total创建了另外30个页面构建器元素，并为其设置了样式。这包括自定义分隔线，图标框，里程碑，轮播等。

单击任何元素以打开该元素的选项。以下是“总计”主题中“图标框”模块的“选项”示例。如您所见，每个模块可以具有许多设置，甚至可以有多个设置选项卡。

该构建器还支持四个很棒的第三方插件：Layer Slider，Revolution Slider，Gravity Forms和Contact Form7。如果您安装了这些插件中的任何一个，则页面元素将自动显示为主题。当您选择为这些插件之一插入页面元素时，Visual Composer会显示您已创建的各个滑块/表单的下拉列表，或显示一个输入框供您添加滑块ID。不再需要复制和粘贴简码！

拖放

在设计过程中的任何时候，您都可以拖放任何行或页面元素以重新排列它们。您还可以复制任何行或元素，从而使添加重复的内容变得快速而轻松（对于类似的列，常见问题解答，切换等非常有用）。

创建您喜欢的设计后，您可以将其另存为模板。在创建要重用的自定义页面布局或侧边栏时，这非常方便。只需单击“ 模板”按钮，为布局指定名称，然后单击“保存”。使用模板时，它将自动使用您保存的布局和元素填充页面。

行选项：格式化，克隆和删除行

每行的最左端添加了三个新增功能，可用于克隆或复制整个行及其所有内容，添加新模块，编辑列等。只需将鼠标悬停在需要编辑的任何行上访问以下设置：

同样，根据您在Visual Composer中使用的主题，可用的格式设置选项可能会有所不同。尽管某些主题开发人员选择将Visual Composer保持原样，但许多主题开发人员自定义插件以适合其主题的需求或风格。

前端编辑器

功能强大的Visual Composer现在包括一个前端编辑器，它使开始构建自己的页面和布局比以往更加容易。唯一需要注意的是，并非所有主题都还支持前端编辑器。确保仔细检查主题的功能列表，或直接联系主题开发人员，以查看Visual Composer前端编辑器是否与WordPress主题兼容。我们的Total WordPress主题与前端编辑器100％兼容， 因此，如果您当前的主题不是，则可能需要考虑“升级”到我们的主题。

扩展名

我想谈的最后一个功能是Visual Composer的可扩展性。如果您碰巧是高级编码人员或主题开发人员，则可以将自己的短代码集成到插件中。实际上，我们添加了自己的Symple Shortcodes Premium，为Total用户提供了额外的页面构建元素。这在构建页面时为用户提供了更多选择！

如果您不是编码人员，请签出CodeCanyon并快速搜索Visual Composer加载项。有很多很棒的高级插件，它们为Visual Composer甚至是一些不错的免费插件（例如我们的Symple Shortcodes插件）增加了额外的功能。

Visual Composer设置选项

我一直将Visual Composer称为页面构建器，但它也适用于帖子和自定义帖子类型。您要做的就是启用该选项。导航到“设置”>“ Visual Composer”。您应该看到类似于以下的屏幕：

该插件将自动显示WordPress主题中包含的各种内容类型。只需选择要与Visual Composer页面构建器一起使用的对象即可。上面的示例来自我们的Total主题，这就是为什么要为投资组合，员工和推荐（所有自定义帖子类型）以及论坛，主题，回复和产品（与Total支持的bbPress和WooCommerce插件相关）添加选项的原因。

您还可以将任何短代码插件映射到WordPress网站上已经安装的Visual Composer。在设置页面下，单击顶部的“我的简码”选项卡，然后单击“映射简码”按钮。这应该将您的第三方简码添加到您的作曲家元素中。简单！

实际观看

就像我说的，我们非常喜欢Visual Composer，因此将它内置到我们最畅销的Total WordPress主题中  （随您的购买免费提供）。看看我们的任何在线演示中关于Total Theme的各个页面。您将在实时演示中看到的大多数页面都是使用Visual Composer创建的！添加背景，标题，文本，图像，图标等。都是“小菜一碟”。

完整的Visual Composer使用指南

如果您已经拥有该插件，并且正在寻找使用它的指南，请查看我们完整的Visual Composer使用指南，它将逐步引导您并向您展示如何使用该插件。

在哪里可以得到它

如果您想自己获得Visual Composer，可以在CodeCanyon上使用它。它也已经与我们的高级WordPress主题总计完全集成（连同其他两个高级插件，总价值为67美元–比您为主题支付的价格还高！）。