17713433920 info@mac163.com
Visual Composer:拖放页面构建指南
Visual Composer:拖放页面构建指南

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

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

免费获取Visual Composer! 购买我们的Total 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美元–比您为主题支付的价格还高!)。


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
  • 17713433920
  • 在线客户
  • 联系邮箱
  • 扫一扫,加好友

关闭搜索
购物车
回到顶部