# 添加首页模板配置文件
在`5分钟快速入门`中我创建了首页模板,并显示了`Hello ThinkCMF!`,但此时如果我们想让模板用户更改这行文字,传统方式就是让TA改文件,但这样会不会显得有点 low!
本节我们来讲一下如何让用户不用改模板文件就可以更改模板内容。
[TOC]
## 1.创建模板配置文件
在`public/themes/quick_start/portal`目录中创建`index.json`文件,内容如下:
```
{
"name": "首页",
"action": "portal/Index/index",
"description": "首页模板文件",
"order": 5.0,
"more": {
"vars": {
"name": {
"title": "姓名",
"value": "",
"type": "text",
"placeholder": "请填写用户姓名",
"tip": "设置后您的姓名将会显示在首页",
"rule": {
"require": true
}
}
}
}
}
```
这一步我们给首页模板增加了一个模板变量`name`。
## 2.调整首页模板内容
优化一下`5分钟快速入门`中的首页模板文件内容,在模板中显示模板变量的值。
```
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{$theme_vars.name|default='ThinkCMF'}的网站</title>
</head>
<body>
Hello {$theme_vars.name|default='ThinkCMF'}!
</body>
</html>
```
## 3.更新模板
打开后台,设置->模板管理->所有模板,找到`quick_start`模板,点`更新`按钮,此时模板更新成功。
打开首页查看,依然正常输出`Hello ThinkCMF!`。
## 4.设计模板
点`quick_start`模板的`设计`按钮,打开模板文件列表对话框
![](https://box.kancloud.cn/5b9b9526ed3900ab4b8626760237126b_1000x261.png)
点首页文件的`设计`按钮,打开模板文件设计对话框,并选择`变量设置`选项卡
![](https://box.kancloud.cn/f898ffc3d4434673483451045d9fd45d_1000x495.png)
假如设置姓名为`老猫`,保存设置。
## 5.查看更改后的首页
刷新前台首页,此时显示的内容变为了`Hello 老猫!`
到此我们就完成添加首页模板配置文件的讲解。
想像一下如果我们在做模板时,通过多个模板变量的使用来设计一个模板,那用户是不是完全可以做到傻瓜式地使用我们的模板了。
本节只是一个演示,希望你可以发挥想像,让你的模板变的更强大!
> 请在`附件`下载本节源码。