# 添加首页模板配置文件 在`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 老猫!` 到此我们就完成添加首页模板配置文件的讲解。 想像一下如果我们在做模板时,通过多个模板变量的使用来设计一个模板,那用户是不是完全可以做到傻瓜式地使用我们的模板了。 本节只是一个演示,希望你可以发挥想像,让你的模板变的更强大! > 请在`附件`下载本节源码。