【教学目的】 让大家理解一般的静态模块和动态调用模块的区别。

团队成员模块属于VC中的调用模块。所谓调用模块,言下之意为从别处调取数据过来使用。也就是说在VC元素中的调用模块设置,会从其他地方读取数据进行展示。而VC的调用模块设置只是用来设置被调用过来的数据的样式及结构。

调用模块的意义在于当你发布新的文章/产品/案例展示时,你不需要进入对应展示页面进行编辑,只需要在对应的部分进行添加,即可展示在所有被调用的页面,而不需要在所有页面进行一次编辑。

如要编辑/修改调用模块中的内容,需要在仪表盘找到相对应的模块编辑中进行。像文章,项目,客户,团队这类都属于调用模块。

点击右侧功能选项 团队-添加新的

  • 上方填写成员名称
  • 右侧团队分类中选择分类(首次填写创建一个分类)
  • 下方特色图片中选择一张图片
  • 更新/发布

  • 按照上述步骤添加4位团队成员
  • 然后返回之前的页面编辑
  • 添加元素中找到 团队元素

  • 团队设置
  • 常规 – 外观 – 响应式下设置如下

修改完成后保存刷新查看前台样式。

 

最终的效果为:

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

深度阅读:

Visual Composer元素细化举例分析:修改和润色VC中元素字体大小、间距和样式 VC中存在非常多的元素。每个元素的功能都不尽相同。对于一个新手来说,看到这么多元素,会出现很多疑惑,不知道什么元素能实现什么功能,什么元素实用,是否要掌握其中所有的元素用法。但其实你只需要掌握其中10%的元素用法,就可以掌握剩余90%的元素用法。每个元素间的设置、用法道理均是相通的。...
【WP可视化编辑器】模态框-modal 预览地址: https://ultimate.brainstormforce.com/modal/ 作用: 出现一个模态框,可以将模态框的显示放在一些元素上,比如button,img,文字或者页面加载时弹出模态框 预览效果:后台: ...
WP可视化编辑器】信息框-info-box 预览地址: https://ultimate.brainstormforce.com/info-box/ 作用: 对信息的展示,图标的形状多样,鼠标经过图标时图标有个动画效果,标题和内容呈上下排列 预览效果:后台: ...
【WP可视化编辑器】Dual Button-Dual-Button 预览地址: https://ultimate.brainstormforce.com/dual-button/ 作用: 制作精美的button按钮,鼠标经过时出现动画效果,可以改变已存在的内容和即将出现的内容移动的方向 预览效果:后台: ...
【WP可视化编辑器】价格框-price-box 预览地址:https://ultimate.brainstormforce.com/price-box/ 作用: 有6种展示的风格,对商品的套餐,价格,简介进行展示,为用户提供一个连接按钮,可用作加入购物车或购买 预览效果:后台:...
【WP可视化编辑器】Stats Counter-计数器 作用:图标加可跳转的数字,图标有字体图标管理和自定义两种模式,数字刚打开网页时会从0开始跳转到你设置的数字预览地址:https://ultimate.brainstormforce.com/stats-counter/预览:后台: ...
【WP可视化编辑器】DIVIDER-DIVIDER 预览地址: http://massive.mpcthemes.net/divider/ 作用: 对标题与内容进行分割,也可以添加图标在分割线上,可以对宽进行设置,样式效果有9 种 预览效果:后台: ...
【WP可视化编辑器】图片分割-image-separator 预览地址:https://ultimate.brainstormforce.com/image-separator/ 作用: 图片的显示层在文字上方,可以添加动画,在窗口的显示位置 预览效果:后台: ...

发表评论

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

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