# 添加首頁模板配置文件
在`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`模板的`設計`按鈕,打開模板文件列表對話框

點首頁文件的`設計`按鈕,打開模板文件設計對話框,并選擇`變量設置`選項卡

假如設置姓名為`老貓`,保存設置。
## 5.查看更改后的首頁
刷新前臺首頁,此時顯示的內容變為了`Hello 老貓!`
到此我們就完成添加首頁模板配置文件的講解。
想像一下如果我們在做模板時,通過多個模板變量的使用來設計一個模板,那用戶是不是完全可以做到傻瓜式地使用我們的模板了。
本節只是一個演示,希望你可以發揮想像,讓你的模板變的更強大!
> 請在`附件`下載本節源碼。