概念:行(row)是VC编辑器最重要的一个模块,它是所有模块的载体。其作用是为所有的模块提供布局,同时兼顾响应式设计,手机端布局。

该布局遵循12栅格布局。即为将整个页面划分成相同大小的12列。可在行内内嵌一层行。

使用方法:点击添加元素,选择行(row)。会出现一个空白的行模块。

  • 点击行模块左上方的☰,会展开行的布局设置。
  • 每个行支持的布局选择为1/1 1/2 1/3 1/4 1/6。

默认可选的样式为常用的布局选择,点击即可切换不同的行内布局。

如果默认可选的行内样式无法支持你所要的布局,可以点击‘自定义’进行自定义样式编辑。一般默认情况下就够用了,新手不建议自己添加新的行类型。

如刚才介绍所说的布局支持,可在上述支持的布局中进行随意组合。(布局加起来的总和,小不超过1)。

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

深度阅读:

Visual Composure建站教程7 – 如何添加团队成员 【教学目的】 让大家理解一般的静态模块和动态调用模块的区别。团队成员模块属于VC中的调用模块。所谓调用模块,言下之意为从别处调取数据过来使用。也就是说在VC元素中的调用模块设置,会从其他地方读取数据进行展示。而VC的调用模块设置只是用来设置被调用过来的数据的样式及结构。调用模块的意义...
【WP可视化编辑器】翻转框-Flip-Box 预览地址: https://ultimate.brainstormforce.com/flip-box/ 作用: 将内容制作成卡片的样式,然后对卡片进行动画的实现,可以多方位的旋转,展示出正方两面的内容 预览效果:后台: ...
【WP可视化编辑器】lightbox-lightbox-M 预览地址: http://massive.mpcthemes.net/lightbox/ 作用:
Visual Composure建站教程6 – 如何添加常用的静态元素 【教学目的】开始教大家使用一些常见的静态VC元素,包括文本元素、图片元素等。首先,选择添加行元素其次选择你想要的风格布局左侧选择单张图片模块单张图片设置 在图片+号处打开媒体库选择/上传图片图片尺寸手动填写full 保存修改。...
可视化编辑+交互式横幅2+Interactive Banner 2 预览地址:https://ultimate.brainstormforce.com/interactive-banner-2/ 作用:有12种效果图,对文字、图片、线条进行动画修饰,一般用来做广告部分 预览效果: ...
WP可视化编辑器】信息框-info-box 预览地址: https://ultimate.brainstormforce.com/info-box/ 作用: 对信息的展示,图标的形状多样,鼠标经过图标时图标有个动画效果,标题和内容呈上下排列 预览效果:后台: ...
VC如何给row添加类名或id 许多wordpress新手在写css样式的时候会发现,基于VC模块的HTML结构中会存在大量重复的类名,比如wpb_wrapper、wpb_column等。如果直接使用该选择器,将会导致所有重复的类名均有该效果。WP花园洋葱在这里教一个手动在row中添加类名的方法,可以方便使你的代码在你想实现的效果...
【WP可视化编辑器】高亮框-Highlight Box 预览地址: https://ultimate.brainstormforce.com/highlight-box/ 作用: 对内容做了动画,当鼠标经过时将icon图标加入了滑动的动画,关键是颜色上做了一个高亮显示,给用户体现出一个重要性 效果预览:后台: ...

发表评论

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

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