Discuz模板的制作相對(duì)還是比較簡(jiǎn)單，現(xiàn)在應(yīng)用中心的上線又涌現(xiàn)出來(lái)一大批模板開(kāi)發(fā)作者，不管大家做免費(fèi)模板還是商業(yè)模板，都希望每個(gè)開(kāi)發(fā)者可以維護(hù)好自己的模板，給站長(zhǎng)們一個(gè)好模板。Discuz模板的創(chuàng)建步驟每個(gè)都不盡相同，今天在站幫網(wǎng)分享下Discuz模板的創(chuàng)建方法。
一、創(chuàng)建Discuz模板存放文件夾
在論壇程序根目錄中的template文件夾中創(chuàng)建自己命名的模板目錄archy_test，如下圖所示：
圖1
二、論壇后臺(tái)模板管理里面的新增模板
后臺(tái)--界面--模板管理--新增模板，具體填寫如下圖所示：
圖2
三、復(fù)制默認(rèn)風(fēng)格界面配色方案或者新增
圖3
后臺(tái)--界面--風(fēng)格管理--點(diǎn)擊默認(rèn)風(fēng)格上面的復(fù)制。
四、編輯復(fù)制出來(lái)的風(fēng)格，選擇2步新增的某某模板為匹配模板
圖4
后臺(tái)--界面--風(fēng)格管理--點(diǎn)擊復(fù)制出來(lái)的風(fēng)格的編輯，然后找到--匹配模板:下拉選擇某某模板。
五、創(chuàng)建全局CSS樣式和常用模板文件
在創(chuàng)建的模板文件夾archy_test中建立全局文件夾common，并在全局文件夾里創(chuàng)建css樣式文件與常用全局文件
extend_common.css 是附加的全局樣式表(查看關(guān)于這個(gè)附加css文件的功能介紹)
extend_module.css 是附件的模塊樣式表(查看關(guān)于這個(gè)附加css文件的功能介紹)
widthauto.css 是切換寬版時(shí)二次定義全局樣式表的文件
header.htm 全局頁(yè)頭文件
footer.htm 全局頁(yè)尾文件
圖5
因?yàn)镈iscuz的模板處理特性是如果不能在非默認(rèn)模板目錄中找到模板文件就在默認(rèn)模板目錄中去調(diào)用！所以我們需要修改哪個(gè)模板文件，就到對(duì)應(yīng)默認(rèn)模板中復(fù)制文件放到自己創(chuàng)建的模板文件夾中即可。
創(chuàng)建模板時(shí)請(qǐng)根據(jù)默認(rèn)模板目錄的文件目錄結(jié)構(gòu)對(duì)應(yīng)進(jìn)行復(fù)制創(chuàng)建，查看模板目錄結(jié)構(gòu)注解。
六、在創(chuàng)建的模板目錄中增擴(kuò)展圖片目錄文件夾archy_img
圖6
七、編輯復(fù)制出來(lái)的新模板，設(shè)置擴(kuò)展圖片目錄
圖7
八、設(shè)置復(fù)制出來(lái)的新模板為默認(rèn)模板，模板創(chuàng)建完成，進(jìn)行其他DIV+CSS設(shè)計(jì)。
注意事項(xiàng)：風(fēng)格管理編輯頁(yè)面中重點(diǎn)風(fēng)格常量介紹
1、匹配模板：對(duì)應(yīng)的模板套系
2、擴(kuò)展配色：此風(fēng)格基礎(chǔ)上可用于用戶切換配色方案的擴(kuò)展，它對(duì)應(yīng) ./template/mytest/style/ 目錄中的樣式文件。全新創(chuàng)建時(shí)應(yīng)在./template/mytest/style/目錄中建立如t1/style.css之后方能生效
3、默認(rèn)配色：指定站點(diǎn)訪問(wèn)時(shí)，用戶首先看到的配色方案
4、默認(rèn)表情分類：對(duì)應(yīng)后臺(tái) - 界面 - 表情管理中所啟用的表情
5、界面基礎(chǔ)圖片目錄：可用于更改模板圖片目錄，在CSS文件中使用{IMGDIR}的常量進(jìn)行輸出，在Discuz! X2版本之后的模板中需要使用$_G['style']['imgdir']
6、擴(kuò)展圖片目錄：用來(lái)更改擴(kuò)展圖片目錄，在CSS文件中使用{STYLEIMGDIR}的常量進(jìn)行輸出，在Discuz! X2版本之后的模板中需要使用$_G['style']['styleimgdir']
7、其他風(fēng)格常量：以上沒(méi)有提到風(fēng)格常量，均可以在后臺(tái)取得以花括號(hào)框選的常量用以在CSS文件中使用（X2以后的模板中均需要$_G['style']中對(duì)應(yīng)的數(shù)組鍵值），涉及到CSS樣式的動(dòng)態(tài)變更，可以在修改對(duì)應(yīng)設(shè)置如：正常字體大小 {FONTSIZE}:12px/1.5，則直接修改程序運(yùn)行中CSS緩存中的值
8、自定義模板變量 - 新增：可以根據(jù)擴(kuò)展需求，針對(duì)個(gè)性化的CSS進(jìn)行全局的定義