【教学目的】开始教大家使用一些常见的静态VC元素,包括文本元素、图片元素等。

首先,选择添加行元素

其次选择你想要的风格布局

左侧选择单张图片模块

单张图片设置 在图片+号处打开媒体库选择/上传图片

图片尺寸手动填写full 保存修改。

右侧选择文本块元素

在文本块可视化文本框中编辑你的文字 保存选项

再次添加一个文本块元素 键入关于我们,然后选中该字段,选择上方的段落设置 改为三级标题。

更新保存后得到的前台页面样式

 

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

深度阅读:

【WP可视化编辑器】价格框-price-box 预览地址:https://ultimate.brainstormforce.com/price-box/ 作用: 有6种展示的风格,对商品的套餐,价格,简介进行展示,为用户提供一个连接按钮,可用作加入购物车或购买 预览效果:后台:...
Visual Composure建站教程5 – 如何添加全宽的行 【教学目的】一般的行元素模块,都遵循盒子模型(box),浏览器两边会留白,有时候需要设置全宽的行元素,让样式更加美观,比如你在用一张图片做背景的时候,当然不希望两边留白。这个时候你仍然存在一个疑惑,为什么当前的行模块背景图只是一个局部居中的背景,而不是一个全宽的背景。这时候就涉及到行模块的基...
【WP可视化编辑器】信息圆-Info-Circle 预览地址: https://ultimate.brainstormforce.com/info-circle/ 作用: 进行展示信息,将需要展示的信息放在圆的周围,当鼠标经过时,展示的信息在圆心显示 预览效果:后台: ...
【WP可视化编辑器】信息横幅-info banner 预览地址:https://ultimate.brainstormforce.com/info-banner/ 作用:信息介绍加上背景图片又加上可了解更多按钮,一共有两种风格 预览:后台: ...
【WP可视化编辑器】模态框-modal 预览地址: https://ultimate.brainstormforce.com/modal/ 作用: 出现一个模态框,可以将模态框的显示放在一些元素上,比如button,img,文字或者页面加载时弹出模态框 预览效果:后台: ...
【WP可视化编辑器】只是图标-Just Icon 预览地址: https://ultimate.brainstormforce.com/just-icon/ 作用: 图标类型多样,在网站底部可以用到,鼠标经过时有一个提示的文字,可以控制文字出现的位置 预览效果:后台:...
【WP可视化编辑器】button-BUTTON-M 预览地址: http://massive.mpcthemes.net/button/ 作用: button按钮有13种样式,每种样式都用不同的动画做处理,让
【WP可视化编辑器】交互式横幅2-interactive banner 2 预览地址 https://ultimate.brainstormforce.com/info-circle/作用 创建动态图文信息展示模块,一共有12种风格。预览后台 ...

发表评论

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

wechat logo