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

首先,选择添加行元素

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

左侧选择单张图片模块

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

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

右侧选择文本块元素

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

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

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

 

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

深度阅读:

【WP可视化编辑器】交互式横幅2-interactive banner 2 预览地址 https://ultimate.brainstormforce.com/info-circle/作用 创建动态图文信息展示模块,一共有12种风格。预览后台 ...
【WP可视化编辑器】花式文字-Fancy Text-Slideup 预览地址: https://ultimate.brainstormforce.com/text-slideup-effect/ 作用: 对文字做的一些处理加入了滚动的动画,可以用在一些数据上,对数据进行滚动,或是用在用户量上,给用户一种更直观地体验。 预览效果:后台:...
【WP可视化编辑器】i悬停-iHover 预览地址: https://ultimate.brainstormforce.com/ihover/ 作用: 通过hover事件做出相应需要的动画效果,效果样式繁多,炫酷 预览效果:后台: ...
【可视化编辑器】timeline-时间轴 作用:在一条直线上,标注一点加背景图片文字,描述一个事件或一个物体,形成坐标轴,坐标轴按时间来排序预览地址:https://ultimate.brainstormforce.com/timeline/预览:后台: ...
【WP可视化编辑器】谷歌趋势-Google Trends 作用:显示谷歌趋势,图表类型有6种,如地图区域利益,表格区域利益等可以设置表格大小和位置等,整个模块是由表格数据和文字组成,一共有3种风格样式链接网址:https://ultimate.brainstormforce.com/google-trends/链接:后台: ...
【WP可视化编辑器】交互式横幅-Interactive-Banners 预览地址:https://ultimate.brainstormforce.com/interactive-banners/ 作用: 图片文字在同框内展示,鼠标进过时,对图片覆盖一个蒙版,或对图片进行一个缩放 预览效果:后台:...
【WP可视化编辑器】高级轮播-advanced-carousel 预览地址: https://ultimate.brainstormforce.com/advanced-carousel/ 作用: 对事物进行轮播,在规定时间内将设定好的元素,以幻灯片的形式,一个一个播放展示,有按钮可以控制上一个下一个 预览效果;后台: ...
【WP可视化编辑器】高亮框-Highlight Box 预览地址: https://ultimate.brainstormforce.com/highlight-box/ 作用: 对内容做了动画,当鼠标经过时将icon图标加入了滑动的动画,关键是颜色上做了一个高亮显示,给用户体现出一个重要性 效果预览:后台: ...

发表评论

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

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