您好,欢迎来到菜鸟吧源码网-本站资源仅供学习与参考,禁止用于商业或违法行为!
  • 首 页
  • 下载APP
  • 公告:菜鸟吧APP于2024.9.15正式上线,请首页右上角进入下载,本站资源均来源于互联网及会员投稿发布,所有资源仅供学习参考研究使用,请勿商用或其它非法用途,商用请购买正版,否则产生一切后果由用户自行承担!谢谢!

     

    当前位置:主页 > 站长学堂 > pbootcms >
    pbootcms模板制作教程六 - 首页Banner轮播
    时间:2024-12-12 21:08 作者:菜鸟哥 浏览:收藏 挑错 打印

    调用轮播图片是每个企业站常用的,今天我们介绍pbootcms调用轮播图的标签代码。

    这里有两个思路,使用PbootCMS自带的轮播图片模块或者自建一个轮播模型。

    1、使用PbootCMS自带的幻灯片模块

    {pboot:slide gid=1 num=3}

    <div class="swiper-slide">

        <a href="[slide:link]">

          <img src="[slide:src]" target="_blank">模板的时候是非常重要的。

    (1)、新建一个轮播模型

    pbootcms模板制作教程六 - 首页Banner轮播

    输入模型名称,模型类型选择列表,模板留空,提交。轮播模型就建好了,是不是很简单。

    (2)、添加模型字段

    pbootcms模板制作教程六 - 首页Banner轮播

    这里可以自己添加需要在轮播中出现的一些元素,比如覆盖在轮播图片上的文字,点击跳转的链接等等,更高级一些甚至还可以添加一个表示当前轮播图片的动画效果的CSS名称,让不同的轮播图用不同的动画效果出现。(只要开动脑筋,PbootCMS的模型让一切皆有可能)

    (3)、添加轮播栏目

    pbootcms模板制作教程六 - 首页Banner轮播

    添加栏目的理由:

    最简单的理由就是添加内容需要选择栏目,不然不能添加。不过,仔细思考一下,一个网站的轮播很有可能不止在首页顶部调用,比如一些侧边栏广告轮播。那么这里的栏目就相当于默认轮播扩展中的分组,不同的是,这里的栏目是可以无限分组的,而且还可以根据栏目名称知道这是显示在哪里的轮播,方便管理。

    (4)、接下来就可以添加轮播图了

    pbootcms模板制作教程六 - 首页Banner轮播

    可以看到,刚才添加的字段“轮播文字”也在这里显示了。

    (5)、轮播图调用

    关于自建模型中轮播图的调用,参考官网文档:指定列表调用 即可。

    {pboot:list scode=*}

    <a href= "[list:link]"><img src=“[list:ico]”></a>

    {/pboot:list}

    总结:轮播图制作的时候主要就是调用思路。使用自带的轮播扩展,可以直接添加调用;使用模型的方式,可以做一些更高级的定义。

    郑重声明:
    本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系站长索要。
    如有侵犯您的版权,请给我们来信:cainiaovip8@qq.com,我们尽快处理。

    pbootcms标题和摘要描述字数控制标签pbootcms标题和摘要描述字数控制标签
    PbootCMS采集工具推荐及采集注意事项PbootCMS采集工具推荐及采集注意事项
    pbootcms模板报错提示PHP Warning: Unknown: open_basedir restrictionpbootcms模板报错提示PHP Warning: Unk