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

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

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

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

{pboot:slide gid=1 num=3}

<div class=”swiper-slide”>

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

      <img src=”[slide:src]” alt=”[slide:title]”>

    </a>

</div>

{/pboot:slide}

很简单,使用{pboot:slide}标签调用即可,其中gid是分组,num是数量。

自带的轮播扩展内置了10个分组,有标题、副标题和链接地址,一般轮播够用了。

2、自建一个轮播模型

这是本篇教程着重要讲解的部分。

关于模型概念的理解,在使用的时候是非常重要的。

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

 

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

主题测试文章,只做测试使用。发布者:xiangxiang,转转请注明出处:http://www.poddns.com/228.html

(0)
xiangxiang的头像xiangxiang
上一篇 2024年12月4日 下午2:48
下一篇 2024年12月4日 下午2:48

相关推荐

  • PbootCMS内容和列表页调用tags列表

    1、调用指定栏目下的内容tags 此处tags的链接指向所填scode分类下列表页,比如如果填写5,7,那么5下面的内容指向5,7下面的指向7。 {pboot:tags scode=*,*} <a href=”[tags:link]”>[tags:text]</a> {/pboot:tags} 2、调用指定内容…

    笔记 2024年12月4日
    00
  • 论文网站收录要清查,维护学术诚信,保障学术环境

    随着互联网的快速发展,网络已成为学术交流的重要平台,近年来,一些论文网站存在收录问题,如抄袭、剽窃、虚假收录等,严重影响了学术界的健康发展,为了维护学术诚信,保障学术环境,有必要对论文网站进行清查,本文将从以下几个方面进行探讨。 论文网站收录问题现状 1、抄袭现象严重:一些论文网站为了吸引作者投稿,降低审稿标准,导致抄袭现象屡见不鲜,这不仅损害了原创者的权益…

    2025年3月27日
    00
  • 网站收录与展现,两者之间的微妙区别及其重要性

    在搜索引擎优化(SEO)的世界里,网站收录和展现是两个经常被提及但容易混淆的概念,对于网站运营者来说,了解这两者的区别以及它们对网站流量和排名的影响至关重要,本文将深入探讨网站收录和展现的区别,并分析它们各自的重要性。 网站收录 网站收录是指搜索引擎将网站中的页面添加到其数据库中,使其能够在搜索结果中显示,就是搜索引擎认为这些页面是有价值的,并允许用户通过搜…

    2025年5月19日
    00
  • 织梦内容编辑器增加中文字体选项

    有时为了在文章中区别不同内容,想用不一样的字体,可是在使用DedeCMS默认的ckeditor编辑器时,字体下拉选单里面却没有中文字体,如果用其它编辑器编辑好再Copy回来又比较麻烦,所以还是给编辑器增加中文字体的选项吧! 很简单,打开/include/ckeditor/ckeditor.js这个文件,然后找到里面设定字体的部分,增加下面黄色底色标示出来的内…

    笔记 2024年11月12日
    00
  • 纯静态网站不收录信息的原因及解决方案

    随着互联网的不断发展,越来越多的企业和个人选择建立自己的网站,有些网站在建立之初就遇到了一个令人头疼的问题——纯静态网站不收录信息,本文将分析纯静态网站不收录信息的原因,并提出相应的解决方案。 纯静态网站不收录信息的原因 1、网站结构不利于搜索引擎抓取 纯静态网站是指网站内容完全由HTML、CSS、JavaScript等静态文件组成,没有动态数据库的支持,由…

    2025年5月6日
    00

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信