Visual Composure建站教程3 – 如何创建一个行

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

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

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

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

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

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

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

深度阅读:

【WP可视化编辑器】交互式横幅2-interactive banner 2 预览地址 https://ultimate.brainstormforce.com/info-circle/作用 创建动态图文信息展示模块,一共有12种风格。预览后台 ...
【WP可视化编辑器】信息横幅-info banner 预览地址:https://ultimate.brainstormforce.com/info-banner/ 作用:信息介绍加上背景图片又加上可了解更多按钮,一共有两种风格 预览:后台: ...
可视化编辑+交互式横幅2+Interactive Banner 2 预览地址:https://ultimate.brainstormforce.com/interactive-banner-2/ 作用:有12种效果图,对文字、图片、线条进行动画修饰,一般用来做广告部分 预览效果: ...
【WP可视化编辑器】Stats Counter-计数器 作用:图标加可跳转的数字,图标有字体图标管理和自定义两种模式,数字刚打开网页时会从0开始跳转到你设置的数字预览地址:https://ultimate.brainstormforce.com/stats-counter/预览:后台: ...
WP可视化编辑器】信息框-info-box 预览地址: https://ultimate.brainstormforce.com/info-box/ 作用: 对信息的展示,图标的形状多样,鼠标经过图标时图标有个动画效果,标题和内容呈上下排列 预览效果:后台: ...
【WP可视化编辑器】只是图标-Just Icon 预览地址: https://ultimate.brainstormforce.com/just-icon/ 作用: 图标类型多样,在网站底部可以用到,鼠标经过时有一个提示的文字,可以控制文字出现的位置 预览效果:后台:...
【WP可视化编辑器】信息表-Info-Table 预览地址: https://ultimate.brainstormforce.com/info-table/ 作用: 将信息以表格式的形式输出,为上下布局可以插入图片,设计风格多样化,可以用来展示个人信息 预览效果:后台: ...
【可视化编辑器】timeline-时间轴 作用:在一条直线上,标注一点加背景图片文字,描述一个事件或一个物体,形成坐标轴,坐标轴按时间来排序预览地址:https://ultimate.brainstormforce.com/timeline/预览:后台: ...

发表评论

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

wechat logo