您现在的位置是:网址首页 > PbootCMS学习 > 建站教程建站教程

【图文】002号模板|第10讲|PbootCMS仿美食招商加盟响应式网站仿站教程|制作网站的Banner大图轮播

微脉网络2019-12-31已有74人围观

简介导航做好之后我们开始做Banner轮播大图的代码标签调用,这个对比导航调用就简单了很多,首先我们先看下PbootCMS的的轮播图的标签调用代码是什么样子的:幻灯片调用例子:{pboot:slidenu···

导航做好之后我们开始做Banner轮播大图的代码标签调用,这个对比导航调用就简单了很多,首先我们先看下PbootCMS的的轮播图的标签调用代码是什么样子的:

幻灯片调用例子:
{pboot:slide num=3 gid=1}
<a href="[slide:link]" target="_blank"><img src="[slide:src]" alt="[slide:title]" /></a>
{/pboot:slide}
幻灯片调用标签在全站可用:
{pboot:slide num=3 gid=1}
    [slide:n] 序号,从0开头
    [slide:i] 序号,从1开头
    [slide:id] 编号
    [slide:src] 图片地址
    [slide:link] 链接地址
    [slide:title] 描述文本
{/pboot:slide}
num:为读取数量,可省略
gid:为分组编号

下面我们来详细讲解如何再网站中调用这些代码:

01. 首先我们先将原网站的三张大Banner轮播图片下载下来(下载到桌面即可),下载的步骤就不说了,可以右键保存或者看图片的源地址:

82.jpg

02. 然后打开我们本地网站的后台,进入“扩展内容”➡“轮播图片”

83.jpg

03. 将原有的系统默认轮播图修改(删除后重新添加也行)成我们刚刚下载下来的原网站的轮播大图。

84.jpg

04. 接下来我们用Dreamweaver打开我们模板的head.html文件,然后修改banner轮播图代码

85.jpg

05. 先添加banner轮播图的开始标签{pboot:slide num=3 gid=1}和关闭标签{/pboot:slide}

86.jpg

06. 然后我们修改下调用的图片地址

87.jpg

07. 将多余的两条信息删除掉就修改完成了

88.jpg

08. 然后我们前往前台页面,看看Banner轮播大图是否调用成功,是否轮播,样式是否正常。

89.jpg


很赞哦! (46)



网站推荐 TOP 01

    【No:001】蓝色产品展示型网站模板带手机端模板

站点信息

  • 建站时间:2020年01月01日
  • 网站程序:PBOOTCMS
  • 标签管理标签云
  • 网站地图XML网站地图
  • 微信公众号:扫描二维码,关注我们
  • 公众号