人人站CMS，4种可视化标签的使用方法

人人站CMS四种可视化标签调用的方式，基本可以对网站进行全覆盖，包含：轮播图类，banner图类，多种文本，友情链接，可以按照需求进行灵活调用

ads 多图可视化

常用于首页轮播图等多图轮换场景

<!--ads_start-->
    <!--item(图片地址※链接※链接打开方式※标题文本)-->
        //html内容
    <!--item_end-->
    <!--item(图片地址※链接※链接打开方式※标题文本)-->
        //html内容
    <!--item_end-->
    <!--item(图片地址※链接※链接打开方式※标题文本)-->

    <!--item_end-->
<!--ads_end-->

示例:

注意<!--item(图片地址※链接※链接打开方式※标题文本)--> 顺序是固定的，不能调换

<!--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中的一致，不然替换不了
<!--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中的一致，多个相同文本只填写一次
<!--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-->

示例:

<!--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-->

转自：​​http://www.rrzcms.com/News/index.html​​