ads 多图可视化
常用于首页轮播图等多图场景
语法:
<!--ads_start-->
<!--item(图片地址※链接※链接打开方式※标题文本)-->
//html内容
<!--item_end-->
<!--item(图片地址※链接※链接打开方式※标题文本)-->
//html内容
<!--item_end-->
<!--item(图片地址※链接※链接打开方式※标题文本)-->
<!--item_end-->
<!--ads_end-->
HTML示例:
<!--ads_start-->
<div class="swiper-container">
<div class="swiper-wrapper">
//注意填写的图片链接等属性必须和内部html中的一致,不然替换不了。
<!--item(%IMAGES%/1-1P313104H0534.jpg※http://www.rrzcms.com※_blank※人人站CMS)-->
<div class="swiper-slide">
<a href="http://www.rrzcms.com" target="_blank" title="人人站CMS">
<img src="%IMAGES%/1-1P313104H0534.jpg" alt="人人站CMS"/>
</a>
</div>
<!--item_end-->
//注意此处不能有任何html标签 必须 一个item 挨着一个。
<!--item(%IMAGES%/1-1P313104H0534.jpg※http://www.rrzcms.com※_blank※人人站CMS)-->
<div class="swiper-slide">
<a href="http://www.rrzcms.com" target="_blank" title="人人站CMS">
<img src="%IMAGES%/1-1P313104H0534.jpg" alt="人人站CMS"/>
</a>
</div>
<!--item_end-->
</div>
<div class="swiper-pagination"></div>
</div>
<!--ads_end-->
img 单图可视化
banner、广告位等实现单图可视化编辑
语法:
<!--img(图片地址※链接※链接打开方式※标题文本)-->
//html内容
<!--img_end-->
HTML示例:
- 图片带连接和标题
//注意填写的图片链接等属性必须和内部html中的一致,不然替换不了
<!--img(%IMAGES%/1-1P313104H0534.jpg※http://www.rrzcms.com※_blank※人人站CMS)-->
<a href="http://www.rrzcms.com" target="_blank" title="人人站CMS">
<img src="%IMAGES%/1-1P313104H0534.jpg" alt="人人站CMS"/>
</a>
<!--img_end-->
- 图片不带连接有标题
<!--img(%IMAGES%/1-1P313104H0534.jpg※※※人人站CMS)-->
<div class="img">
<img src="%IMAGES%/1-1P313104H0534.jpg" alt="人人站CMS"/>
</div>
<!--img_end-->
- 图片不带连接无标题
<!--img(%IMAGES%/a.jpg)-->
<div class="img" style="background:url(%IMAGES%/a.jpg) no-repeat center top;">
<!--img_end-->
</div>
texts 文本可视化
实现文本可视化编辑,相同文本只填一次,不可多次填写相同文本
语法:
<!--texts(文本1※文本2※文本3)-->
//html内容
<!--texts_end-->
HTML示例:
- 多个文本示例
//注意填写的文本必须和内部html中的一致,多个相同文本只填写一次
<!--texts(全国咨询热线※在线客服)-->
<div class="phone">
<span>全国咨询热线</span><strong class="ar block">{rrz:env name='webinfo.telephone'}</strong>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={rrz:env name='webinfo.qq'}&site=qq&menu=yes" class="qq">在线客服</a>
</div>
<!--texts_end-->
- 单个文本示例
<div class="phone">
<!--texts(全国咨询热线)-->
<span>全国咨询热线</span><strong class="ar block">{rrz:env name='webinfo.telephone'}</strong>
<!--texts_end-->
<!--texts(在线客服)-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={rrz:env name='webinfo.qq'}&site=qq&menu=yes" class="qq">在线客服</a>
<!--texts_end-->
</div>
links 链接可视化
实现多链接可视化编辑,常用于友链等
语法:
<!--links_start-->
<!--item(标题※链接※打开方式)-->
//html内容
<!--item_end-->
<!--item(标题※链接※打开方式)-->
//html内容
<!--item_end-->
<!--item(标题※链接※打开方式)-->
//html内容
<!--item_end-->
<!--links_end-->
HTML示例:
<!--links_start-->
<div class="company-choose">
//注意填写的图片链接等属性必须和内部html中的一致,不然替换不了。
<!--item(百度网络科技有限公司※http://www.baidu.com/※_blank)-->
<a href="http://www.baidu.com/" target="_blank">百度网络科技有限公司</a>
<!--item_end-->
//注意此处不能有任何html标签 必须 一个item 挨着一个。
<!--item(淘宝网※https://www.taobao.com/※_blank)-->
<a href="https://www.taobao.com/" target="_blank">淘宝网</a>
<!--item_end-->
</div>
<!--links_end-->