Visual Composer Review:WordPress的Visual,Drow-Drop Design

Visual Composer为WordPress用户提供了可视化的拖放设计体验。您可以使用它来创建文章和页面、主题模板、弹出窗口等等。在我们的动手实践Visual Composer评审中,我们将更深入地了解这个流行的设计工具。
视觉作曲家审查

正在为你的网站寻找最好的WordPress页面/主题构建器?

在visualcomposer的回顾中,我们将看一看这个领域中比较知名的选项之一。

视觉作曲家提供Visual,Drag-And Drop接口,可帮助您设计内容和/或网站。

在免费版本中,它是一个页面构建器,而专业版本则通过支持主题构建和弹出式构建器而提升了一个层次。

在我们的实践回顾中,我们将深入了解这个设计工具是如何工作的。

Visual Composer回顾:快速浏览功能

在高层次上,Visual Composer可以帮助您设计WordPress站点,而不需要任何技术知识(不需要代码/CSS)。

为了帮助您这样做,Visual Composer提供完整的视觉,拖放设计界面。因此,在您设计内容时,您将看到您的设计完全随着您的访问者看到它,这使得它真的很容易定制事物。

您可以使用300多个内容元素将您的设计组合在一起,您还将获得200多个预构建模板,以帮助您节省时间。

对于更高级的用例,您还将得到:

  • 主题建设者- 设计您的标题,页脚和其他关键主题模板/页面。
  • 弹出建设者- 创建您在网站上的任何位置显示的自定义弹出窗口。

这只是一个快速的总结——请继续阅读我们的完整的Visual Composer综述,以更深入地了解这些特性。

Visual Composer -与ThemeForest主题绑定的插件?

如果您在WordPress领域已经有一段时间了,那么您可能对“Visual Composer”这个名字很熟悉曾经是一个页面构建器插件,在ThemeForest中与许多主题绑定。

但是,Visual Composer的化身被重新连接到WPBakery页面构建器。Visual Composer的版本是完全全新的功能和后端架构。除了使用新的基于反应的编辑器和提供更多的流体内联编辑外,新的Visual Composer也不使用短路。

使用Visual Composer

现在,让我们来实践一下Visual Composer,我将向您展示一些关键特性。在本节中,我使用的是付费版本,但Visual Composer也有一个使用相同界面的免费版本——稍后再详细介绍定价。

介绍了接口

首先,让我们看看界面。

在左侧,您将看到一个可扩展的侧栏,您可以在其中访问关键操作,例如添加新的内容模块或插入模板 - 更多内容:

Visual Composer界面

要编辑任何文本,只需点击并在页面上输入即可(称为“内联编辑”)。Visual Composer将聚焦在您正在编辑的文本上,这使得聚焦变得容易。你还会得到一个格式化工具栏,以访问关键选项,如粗体,对齐,列表等。

编辑文本

要创建设计的布局,可以使用任意数量的列设置自己的自定义网格。然后可以使用拖放来移动内容元素。你还可以获得一些方便的功能,比如可以使用拖放来快速更改列的大小:

调整列大小

添加和自定义内容模块

要向您的设计添加内容,您可以单击侧边栏上的“加号”图标来展开内容元素列表。这些被分为不同的部分,如:

  • 基本- 基本内容块如文本,按钮等。
  • 媒体- 图像,图像画廊,youtube / vimeo嵌入等。
  • 按钮
  • 容器-插入一行(和列)。
  • 社会- Facebook, Twitter,社交图标,Pinterest等
  • 一体化- 谷歌地图+更多。
  • 菜单
  • 其他

类别之间存在一些重叠。例如,按钮显示在基本和按钮类别中。

如果您将鼠标悬停在任何元素上,您将看到一个预览。要在你的页面上添加一个元素,你只需要把它拖到你想要使用它的地方:

添加一个元素

Visual Composer中的一个独特选项是,您可以连接到Visual Composer Hub,将更多元素下载到您的站点。通过付费版本,你可以访问超过300多种不同的元素,这比大多数其他页面构建器提供的核心插件都要多:

内容元素

向您的网站下载一个元素后,您将能够与任何其他元素一起插入。

另一个很酷的选项是您可以将自定义元素保存为新元素。例如,您可以添加一个基本按钮,并将其配置为所有您喜欢的设置。然后,您可以将已配置的按钮保存为新元素,以便您将来可以快速重用它。

要配置元素,您可以打开其设置以在侧栏中查看它们。您将获得良好的选项,包括设置自定义间距以及输入不同类型设备的不同设置(响应设计)。

一个有用且独特的特性是,您可以将惰性加载应用于任何元素,这是我在其他页面构建器中从未见过的。这是优化性能的一个不错的选项:

内容元素设置

总的来说,大量的内容元素绝对是Visual Composer最强大的卖点之一,因为它为您提供了创建设计的许多灵活性。

探索一些不错的界面功能

此时,您应该非常了解Visual Composer如何在基本级别工作。现在,让我们看一些很好的界面细节,帮助您更有效地创建设计。

首先,你会得到一堆不同的响应预览,这样你就可以看到你的设计在不同设备上的效果。

响应预览

其次,您可以获得右键单击支持,这有助于更有效地工作。当你右击一个元素时,你会得到以下选项:

  • 编辑
  • 克隆
  • 复制(然后粘贴)
  • 删除

我想强调的最后一个特性是树形视图,它可以让您对设计的结构有一个高级的了解(有点像DOM视图)。

这里的一个好处是,您可以在树视图中重命名项目,这有助于保持组织。例如,你可以将一行命名为“Hero Section”:

Visual Composer树视图

其他有用的功能包括:

  • 撤消/重做按钮。
  • 内置Unsplash集成,查找库存图像。
  • GIF的内置Giphy集成。
  • 添加自定义CSS或JavaScript的选项。

使用模板

除了让您访问300多个内容元素外,Visual Composer还提供了200多个预构建模板。

您可以插入两种类型的模板:

  • 模板- 这些是完整页面设计。您只需导入它们并自定义设计,并且您有一个完成的页面。
  • -这些是特定页面部分的模板。你可以把它们像乐高积木一样放在一起来创造你的设计。

就像添加新的内容元素一样,您可以在Visual Composer Hub中找到所有模板和块。一旦你下载到你的网站,你可以插入他们只需点击几下:

模板

至于模板的质量,这显然是主观的。但我查的那些看起来很不错。下面是一个登陆页面模板的例子:

Visual Composer着陆页模板

您还可以将自己的设计保存为模板,以便以后快速重用它们。

使用完整的主题建筑

在高级版本中,Visual Composer提供了完整的主题构建支持。这意味着你不仅可以设计单独的文章/页面,还可以为你的主题创建实际的模板。您可以创建以下模板:

  • 页脚
  • 存档(例如,列出你所有博客文章的页面)
  • 页脚
  • 侧边栏

这里的一个限制是,你不能创建单个模板,也就是说,你所有的博客文章都使用同一个模板。您可以创建一个模板,手动分配给您的博客文章。但是,您不能创建一个模板,让所有现有博客文章都自动使用它。我认为这是主题构建器的重要部分(特别是对于构建自定义内容网站),所以添加这个特性会很好。

创建主题模板时,基本界面是相同的。而且,就像创建单个设计一样,您也可以使用模板来节省时间。

为了帮助您创建您的设计,您将获得一些专用元素。例如,如果您正在创建标题,则可以包含一个基本的菜单元素嵌入您创建的原生WordPress菜单外观→菜单

Visual Composer中的标题Builder

从那里,您可以发布您的模板,使之成为现实。然而,在控制模板出现的位置时,您也会受到一些限制。没有选项可以自动为某个类别中的所有文章使用标题。

您可以获得一些高级选项,为不同的高级类型的内容选择自定义标题,以及选项以逐件逐件更改它。

标题显示

你还可以将页眉和页脚与保存在Visual Composer中的模板关联起来,这样就可以很容易地将它们应用到新帖子中:

将标题分配给模板

总的来说,我想说的是,主题构建器是伟大的人们只是寻找一些更多的控制他们的主题,如设计自定义的页眉或页脚。

但对于更高级的用例(如构建自定义内容站点),我认为它落后于其他工具,因为您不能设计单个模板,而且模板没有条件显示规则。

插入动态内容

Visual Composer的主题构建器中的另一个有用特性是能够插入来自站点的动态内容或添加的自定义字段Plugins等工具集或高级自定义字段.这为使用Visual Composer创建定制的动态站点提供了许多可能性。

有了一些自定义字段后,可以使用任何受支持字段旁边的动态图标,用自定义字段中的数据填充该字段。如果你使用的是受支持的插件,你应该在下拉列表中看到自定义字段:

Visual Composer动态内容

您可以使用自定义字段来填充:

  • 文本
  • 图片
  • URL.
  • 数字

例如,您可以为上传的图像创建一个自定义字段,然后使用该图像文件作为某个部分的背景。

这是一个高级特性,但它对于构建自定义WordPress站点非常有用。

使用popup构建器

我想强调的最后一个特性是Visual Composer的弹出式构建器。这个功能让您可以使用相同的可视的,拖放界面,从上面设计弹出窗口,您可以显示在您的网站的任何地方。

您可以使用弹出框中的任何元素,这打开了很大的灵活性。例如,您可以在弹出窗口中包含一个表单,以便在弹出窗口中创建电子邮件选项或联系人表单。或者,您可以包含通知或cta按钮。

你还可以通过设置来控制弹出框容器,它可以让你创建大量不同的弹出框类型,从模态弹出框到通知栏、幻灯片等等

弹出画布设置

要触发弹出窗口,您有几个选项。

首先,你可以设置网站范围内的规则,以显示在每个页面上的弹出与不同的触发器:

弹出设置

你也可以:

  • 手动将弹出窗口与特定帖子/页面相关联,以在该内容上显示弹出窗口。
  • 点击链接/按钮打开弹出窗口。

但是,您不能选择使用站点范围的控件来获得更细粒度的控件。例如,你不能自动将弹出窗口指向某个类别中的所有文章(虽然你可以手动链接到所有的文章)。

视觉作曲家定价

Visual Composer两者兼备在WordPress.org上有一个免费版本以及高级版本

免费版和付费版在功能上有很多不同,但最主要的不同是:

  • 免费版- 只是一个页面构建器。您可以为单个帖子和页面创建设计。
  • 专业版-包括主题和弹出生成器。你可以用它来为你的主题,弹出窗口等设计标题模板。您还可以访问更多的元素和模板。

下面是一个比较表,更详细地查看了Visual Composer free和pro之间的特性差异:

Visual Composer免费vs Pro

Premium版本有三种许可选项 - 唯一的区别是您可以使用该插件的站点数:

  • 一个网站——49美元
  • 三个网站- 99美元
  • 无限网站- $349

所有的计划都有15天的退款保证。

如果你想省钱,我们有一个九折优惠码,有效期到2022年7月2日。这使得起始价格降至44.10美元。

10%
视觉作曲家
视觉作曲家
Visual Composer -今天就创建你的WordPress网站。简单的开始。快速构建。显示更多
Visual Composer -今天就创建你的WordPress网站。简单的开始。快速构建。显示更少

关于Visual Composer的最后想法

总的来说,我认为Visual Composer的界面做得很好,可以与其他工具相媲美。在我的测试中,它速度很快,现在你可以使用内联文本编辑和拖放列大小调整等功能,这对于创建设计非常方便。

除了一般有一个很好的界面外,我会说Visual Composer的突出功能之一是它的巨大内容元素库。在Premium版本中的300多个元素,您有很多创建设计的灵活性,包括许多其他页面构建器不提供的独特元素。

基本上,如果您想要帮助您创建更多风格的帖子和页面,Visual Composer肯定可以完成工作。

就主题构建器和POPUP Builder而言,我会说Visual Composer对简单用例很好,但在灵活性和网站有条件规则方面并不完全匹配其他流行的工具。无法创建单个模板是在更高级主题建筑方面是一个关键限制,但它不会影响已经喜欢其主题的模板的休闲用户。

不过,您可以获得对自定义字段的动态支持,这很好。我喜欢Visual Composer自动从受支持的插件(如ACF)中获取自定义字段。

如果你想亲自试用,你可以在WordPress.org上体验免费版本的界面。如果你喜欢它的工作方式,可以考虑升级到付费版本,解锁所有功能。

科林新人
科林新人
科林新人他已经使用WordPress十多年了,正在WordPress网站上测试所有的58075个插件。

考虑分享这篇文章,让其他人也能找到它:

分享Facebook
分享在推特上
分享在linkedin
分享Reddit.
在电报
在whatsapp分享
在口袋里
共享电子邮件

加入成千上万的人接收真实的,真正的评估WordPress产品和服务就像这一周一样。

我们的赞助商
堤喀软件标志
内容

一个回应

  1. 伟大的评论!令人惊讶的是,许多WordPress用户仍然不知道Visual Composer是一个新事物。我已经使用它好几年了,很高兴看到Visual Composer团队交付了越来越多的功能。

留下一个回复

您的电子邮件地址将不会发布。必填字段已标记

188金宝搏bet官网下载
从WordPress如何工作的介绍到我们对产品和服务的推荐。
嘿!我们是加布和马克
每周我们分享教程和真实的评论我们的WordPress产品和服务时事通讯。
成千上万的人有很多人读它!
我们很乐意加入。
我们很乐意加入。以下是你将会得到的:

每周发一封邮件直接发到你的收件箱。