HBCMS模板教程第十八讲：列表页模板头部和尾部代码

核心提示：从今天开始讲列表页模板教程，今天讲头部和尾部代码，HBCMS模板教程第十八讲：列表页模板头部和尾部代码，此部分代码与首页模板代码类似，所以这一讲也很简单，即将{dede:field name='templeturl'/}/img2更换为<{$web.img_dir}>，保存后，列表模板头部代

从今天开始讲列表页模板教程。今天讲头部和尾部代码，此部分代码与首页模板代码类似，所以这一讲也很简单。

列表模板头部代码与首页模板头部代码有点类似，但也有一定的区别，就是标题和关键字、网页描述。列表页模板网页标题代码是

<{$data_ary.type_info.title}>

<{if $data_ary.main_article.page_numbers.current==1 && $data_ary.type_info.keyword != ''}>:<{$data_ary.type_info.keyword}>

<{else}>

(第<{$data_ary.main_article.page_numbers.current}>页)<{$data_ary.main_article.data.0.title|strip_tags:true}> 等文章

<{/if}>

- <{$web.name}>

这是一个循环，就是如果你的栏目的关键字和简介里有内容，就调用那里面的内容，如果没有，就会显示列表页的第一篇内容的标题，例如XXX等文章。

再往下是列表页的关键字和简介，与标题类似，就是调用栏目里的关键字和简介。如上图所示。代码如下图所示：

紧接着就是CSS调用和模板的JS调用，代码如图：

图片下部的代码我们暂时不要管，等整个列表页模板完成后，看看我们是否用得着，再转回来修改。

我们再往下看尾部代码，这点更简单，主要就是修改为版权代码，与首页模板一样。

最后，要把DEDECMS模板里的图片的URL替换为HBCMS的，即将{dede:field name='templeturl'/}/img2更换为<{$web.img_dir}>，保存后，我们看下列表页演示。