title
菜鸟吧 首页 站长学堂 pbootcms教程 查看内容

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

2024-12-12 21:08| 发布者: admin| 查看: 1| 评论: 0|原作者: 菜鸟哥

摘要: 调用轮播图片是每个企业站常用的,今天我们介绍pbootcms调用轮播图的标签代码。这里有两个思路,使用PbootCMS自带的轮播图片模块或者自建一个轮播模型。1、使用PbootCMS自带的幻灯片模块{…… ...

调用轮播图片是每个企业站常用的,今天我们介绍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}

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


路过

雷人

握手

鲜花

鸡蛋

最新评论

Archiver 手机版 小黑屋 网站地图

Copyright © 2015-2026 菜鸟吧论坛 |找资源研究学习当然上菜鸟吧论坛

警告:本站所有资源收集世界互联网,请下载后24小时之内删除,否則後果自負!
WARNING: ‌All resources from the web. Delete within 24 hours or consequences at your own risk!
郑重声明:站内所有资源均来自互联网或会员投稿发布, 如果侵犯了权益请联系删除,E-mail:cainiaovip8@qq.com 商用请购买正版。

返回顶部