访问本地pbootcms后台,点击基础内容-内容栏目-栏目列表,查看新闻中心发现模板文件newslist.html不存在,应该怎么办?
如何实现pbootcms新闻列表页模板开发
操作步骤:
- 通过小皮控制面板打开网站根目录:\phpstudy_pro\WWW\www.域名.com\template\default,新建newslist.html模板
- 将下载文件中的新闻中心页面代码拷贝粘贴到newslist.html模板
- 修改页面文件调取,将页面所有的static修改为{pboot:sitedomain}/skin
- 修改单页模版网站的标题/关键词/描述调用代码,见下文调取代码.
- 引入模板公共头部/底部文件
{include file=head.html}
{include file=footer.html}
- 栏目banner图处理:打开基础内容-内容栏目-选中要修改的栏目-高级选项-栏目大图,调用代码{sort:pic},当然也可以直接在newslist.html模板代码中将这里固定为{pboot:sitedomain}/skin/images/nybanner.jpg,后期修改图片话通过ftp.
- 修改调用栏目名称{sort:name}
- 面包屑导航标签{pboot:position separator=>>}
- 新闻中心列表侧边栏目调取,可以通过
{include file=left.html}
调用 - 当前栏目内容列表调取
- 分页条标签调取
➥针对操作4调取模版网站的标题/关键词/描述代码,2者皆可.
<title>{sort:title}-{pboot:sitetitle}</title> <meta name="keywords" content="{sort:keywords}"> <meta name="description" content="{sort:description}">
<title>{sort:name}-{pboot:sitetitle}</title> <meta name="description" content="{pboot:pagedescription}"> <meta name="keywords" content="{pboot:pagekeywords}">
➥针对操作10,当前栏目内容列表调取如何调取
{pboot:list} <a href= "[list:link]">[list:title]</a> {/pboot:list}
控制参数:
num=* 每页数量,非必填,用于控制分页大小
order=* 排序方式,非必填,用于输出内容的排序方式,可选:date、sorting、istop、isrecommend、isheadline、visits、likes、oppose、等字段,其中sorting为按后台填写的排序,122版本开始支持自定义模式,如:order='date desc,id desc' 、order='sorting desc,id desc',(V1.3.7+)还支持random随机排序
filter=*|x,y 数据过滤,非必填,用于对列表内容进行过滤筛选,如:filter=title|ASP,PHP 只显示标题含有ASP和PHP的内容,如果需要只显示推荐,可使用如下过滤参数: filter=isrecommend|1 (V1.2.0+版本用下面的方式更好)
isico=*、ispics=*、istop=*、isrecommend=*、isheadline=* 用于对数据进行特殊筛选,可选值1和0,非必填,比如只调取推荐内容:isrecommend=1
tags=x,y tags方式数据过滤,非必填,用于对列表内容进行过滤筛选,如:tags='ASP,PHP',则为含有asp或php标签的内容,那么可以用 tags={content:tags}来调用当前文章的相关文章
start=* 起始数据(V1.3.2+),非必填,用于需要从第几条开始
Tips:pbootcms默认发布日期为[list:date]
,形式为'2018-04-12 09:52:36',列表文章发布时间和调取数量如何修改为为我们想要的?参考下面的代码:
{pboot:list num=10 order=date} <li><a href="[list:link]"><span>[list:date style=Y-m-d]</span>[list:title]</a></li> {/pboot:list}
补充说明:个别新闻列表会包含缩略图和简介,如果遇到这种情况,直接参考下面代码
{pboot:list num=5 order=date} <li> <a href="[list:link]"> <div class="img-center"><img src="[list:ico]" onerror="javascript:this.src='{pboot:sitedomain}/skin/images/nopic.jpg';" alt="[list:title]"></div> <div class="text"> <h4>[list:title]</h4> <div class="date">更新时间:[list:date style=Y-m-d]</div> <p>[list:description]...</p> <span>阅读详情</span> </div> </a> </li> {/pboot:list}
➥针对操作11,分页条标签调取,可以参考下:
<ul> {pboot:if({page:rows}>0)} <a href="{page:index}">首页</a> <a href='{page:pre}'>上一页</a> {page:numbar} <a href='{page:next}'>下一页</a> <a href='{page:last}'>末页</a> {/pboot:if} </ul>
转载请注明:大灰牛博客 » pbootcms新闻列表页模板怎么开发