文章列表默认模板是`list.html`,本节我们讲一下如何给它增加多个模板文件。
## 创建模板文件`list2.html`
在`public/themes/quick_start/portal`目录下创建`list2.html`文件,内容如下:
```
<!DOCTYPE html>
<html>
<head>
<title>{$category.name} {$category.seo_title} {$site_info.site_name|default=''}</title>
<meta name="keywords" content="{$category.seo_keywords},{$site_info.site_seo_keywords|default=''}"/>
<meta name="description" content="{$category.seo_description},{$site_info.site_seo_description|default=''}">
<include file="public@head"/>
</head>
<body class="body-white">
<include file="public@nav"/>
<div class="container">
<h2>{$category.name}</h2>
<ol class="breadcrumb">
<li><a href="__ROOT__/">首页</a></li>
<portal:breadcrumb cid="category.id" self="false">
<li><a href="{:url('portal/List/index',['id'=>$vo['id']])}">{$vo.name}</a></li>
</portal:breadcrumb>
<li class="active">{$category.name}</li>
</ol>
<div class="row">
<div class="col-md-9">
<div class="">
<php>
$where=[
'post.create_time'=>['egt',0]
];
</php>
<portal:articles item="vo" where="$where" order="post.create_time DESC" page="10"
relation="categories"
categoryIds="$category.id"
returnVarName="articles_data">
<div class="list-boxes">
<h2><a href="{:cmf_url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$category['id']))}">{$vo.post_title}</a>
</h2>
<p>{$vo.post_excerpt}</p>
<div>
<div class="pull-left">
<div class="list-actions">
<a href="javascript:;"><i class="fa fa-eye"></i><span>{$vo.post_hits}</span></a>
<a href="{:url('portal/Article/doLike',array('id'=>$vo['id']))}"
class="js-count-btn"><i class="fa fa-thumbs-up"></i><span class="count">{$vo.post_like}</span></a>
<a href="{:url('user/Favorite/add',array('id'=>$vo['id'],'cid'=>$category['id']))}"
class="js-favorite-btn"
data-id="{$vo.id}"
data-table="portal_post"
data-title="{:base64_encode($vo.post_title)}"
data-url="{:cmf_url_encode('portal/Article/index',array('id'=>$vo['id'],'cid'=>$category['id']))}"
>
<i class="fa fa-star-o"></i>
</a>
</div>
</div>
<a class="btn btn-warning btn-sm pull-right"
href="{:cmf_url('portal/Article/index',array('id'=>$vo['id'],'cid'=>$category['id']))}">查看更多</a>
</div>
</div>
</portal:articles>
</div>
<ul class="pagination">
<page/>
</ul>
</div>
<div class="col-md-3">
</div>
</div>
</div>
<include file="public@footer"/>
<include file="public@scripts"/>
</body>
</html>
```
以上内容你可以根据自己的需求自己更改。
## 创建模板配置文件`list2.json`
在`public/themes/quick_start/portal`目录下创建`list2.json`文件,内容如下:
```
{
"name": "文章列表页2",
"action": "portal/List/index",
"description": "文章列表模板文件2,瀑布流模板",
"order": 10.0,
"more": {
"vars": {
},
"widgets": {
}
}
}
```
## 更新模板
更新模板后,后台模板文件列表就会增加一个模板文件。
## 给分类设置新的模板
![](https://box.kancloud.cn/fc9f63ed1d0d7e7a6456457894eaad86_1000x404.png)
## 增加更多列表模板
重复以上步骤,只要保证模板文件名和模板配置文件名都同,并且是小写下划线,就可以了。