RRZCMS-模板可视化标签手册

2021/12/24 16:30
阅读数 67

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

 

展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
0 收藏
0
分享
返回顶部
顶部