Visual Composure(简称VC)是可视化编辑器,通过拖拽的模块的形式搭建网页,所见即所得,新手经过简单的培训,就能搭建出一个页面。

通过阅读学习本系列教程,你可以在“不写任何一行代码的情况下‘,30分钟内搭建出一个精美的页面。

这次教程用企业官网中最常见的【关于我们】这个页面作为例子。

其中涵盖的VC模块有图片模块,标题和段落模块及团队成员模块,以下是效果图:

 

专业网站开发网页设计公司

深度阅读:

Visual Composer元素细化举例分析:修改和润色VC中元素字体大小、间距和样式 VC中存在非常多的元素。每个元素的功能都不尽相同。对于一个新手来说,看到这么多元素,会出现很多疑惑,不知道什么元素能实现什么功能,什么元素实用,是否要掌握其中所有的元素用法。但其实你只需要掌握其中10%的元素用法,就可以掌握剩余90%的元素用法。每个元素间的设置、用法道理均是相通的。...
【WP可视化编辑器】i悬停-iHover 预览地址: https://ultimate.brainstormforce.com/ihover/ 作用: 通过hover事件做出相应需要的动画效果,效果样式繁多,炫酷 预览效果:后台: ...
VC如何给row添加类名或id 许多wordpress新手在写css样式的时候会发现,基于VC模块的HTML结构中会存在大量重复的类名,比如wpb_wrapper、wpb_column等。如果直接使用该选择器,将会导致所有重复的类名均有该效果。WP花园洋葱在这里教一个手动在row中添加类名的方法,可以方便使你的代码在你想实现的效果...
【WP可视化编辑器】交互式横幅2-interactive banner 2 预览地址 https://ultimate.brainstormforce.com/info-circle/作用 创建动态图文信息展示模块,一共有12种风格。预览后台 ...
【WP可视化编辑器】谷歌趋势-Google Trends 作用:显示谷歌趋势,图表类型有6种,如地图区域利益,表格区域利益等可以设置表格大小和位置等,整个模块是由表格数据和文字组成,一共有3种风格样式链接网址:https://ultimate.brainstormforce.com/google-trends/链接:后台: ...
【WP可视化编辑器】lightbox-lightbox-M 预览地址: http://massive.mpcthemes.net/lightbox/ 作用:
【WP可视化编辑器】Stats Counter-计数器 作用:图标加可跳转的数字,图标有字体图标管理和自定义两种模式,数字刚打开网页时会从0开始跳转到你设置的数字预览地址:https://ultimate.brainstormforce.com/stats-counter/预览:后台: ...
Visual Composure建站教程4 – 如何给行添加背景色/背景图 【教学目的】如果没有背景图,每一行都是白色,网页会非常单调,所以这个章节将教大家如何给行元素添加背景色或者图片。点击行右上角的小铅笔进入行编辑。行样式选择第二个,Default VC。随后选择行设置下的第二个设计选项。你会看到有一个背景(Background-...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.