Discuz模板的制作相對還是比較簡單，現(xiàn)在應(yīng)用中心的上線又涌現(xiàn)出來一大批模板開發(fā)作者，不管大家做免費模板還是商業(yè)模板，都希望每個開發(fā)者可以維護好自己的模板，給站長們一個好模板。Discuz模板的創(chuàng)建步驟每個都不盡相同，今天在站幫網(wǎng)分享下Discuz模板的創(chuàng)建方法。

一、創(chuàng)建Discuz模板存放文件夾

在論壇程序根目錄中的template文件夾中創(chuàng)建自己命名的模板目錄archy_test，如下圖所示：

圖1

二、論壇后臺模板管理里面的新增模板

后臺--界面--模板管理--新增模板，具體填寫如下圖所示：

圖2

三、復(fù)制默認(rèn)風(fēng)格界面配色方案或者新增

圖3

后臺--界面--風(fēng)格管理--點擊默認(rèn)風(fēng)格上面的復(fù)制。

四、編輯復(fù)制出來的風(fēng)格，選擇2步新增的某某模板為匹配模板

圖4

后臺--界面--風(fēng)格管理--點擊復(fù)制出來的風(fēng)格的編輯，然后找到--匹配模板:下拉選擇某某模板。

五、創(chuàng)建全局CSS樣式和常用模板文件

在創(chuàng)建的模板文件夾archy_test中建立全局文件夾common，并在全局文件夾里創(chuàng)建css樣式文件與常用全局文件
extend_common.css 是附加的全局樣式表(查看關(guān)于這個附加css文件的功能介紹)
extend_module.css 是附件的模塊樣式表(查看關(guān)于這個附加css文件的功能介紹)
widthauto.css 是切換寬版時二次定義全局樣式表的文件
header.htm 全局頁頭文件
footer.htm 全局頁尾文件

圖5

因為Discuz的模板處理特性是如果不能在非默認(rèn)模板目錄中找到模板文件就在默認(rèn)模板目錄中去調(diào)用！所以我們需要修改哪個模板文件，就到對應(yīng)默認(rèn)模板中復(fù)制文件放到自己創(chuàng)建的模板文件夾中即可。

創(chuàng)建模板時請根據(jù)默認(rèn)模板目錄的文件目錄結(jié)構(gòu)對應(yīng)進行復(fù)制創(chuàng)建，查看模板目錄結(jié)構(gòu)注解。

六、在創(chuàng)建的模板目錄中增擴展圖片目錄文件夾archy_img

圖6

七、編輯復(fù)制出來的新模板，設(shè)置擴展圖片目錄

圖7

八、設(shè)置復(fù)制出來的新模板為默認(rèn)模板，模板創(chuàng)建完成，進行其他DIV+CSS設(shè)計。

注意事項：風(fēng)格管理編輯頁面中重點風(fēng)格常量介紹

1、匹配模板：對應(yīng)的模板套系

2、擴展配色：此風(fēng)格基礎(chǔ)上可用于用戶切換配色方案的擴展，它對應(yīng) ./template/mytest/style/ 目錄中的樣式文件。全新創(chuàng)建時應(yīng)在./template/mytest/style/目錄中建立如t1/style.css之后方能生效

3、默認(rèn)配色：指定站點訪問時，用戶首先看到的配色方案

4、默認(rèn)表情分類：對應(yīng)后臺 - 界面 - 表情管理中所啟用的表情

5、界面基礎(chǔ)圖片目錄：可用于更改模板圖片目錄，在CSS文件中使用{IMGDIR}的常量進行輸出，在Discuz! X2版本之后的模板中需要使用$_G['style']['imgdir']

6、擴展圖片目錄：用來更改擴展圖片目錄，在CSS文件中使用{STYLEIMGDIR}的常量進行輸出，在Discuz! X2版本之后的模板中需要使用$_G['style']['styleimgdir']

7、其他風(fēng)格常量：以上沒有提到風(fēng)格常量，均可以在后臺取得以花括號框選的常量用以在CSS文件中使用（X2以后的模板中均需要$_G['style']中對應(yīng)的數(shù)組鍵值），涉及到CSS樣式的動態(tài)變更，可以在修改對應(yīng)設(shè)置如：正常字體大小 {FONTSIZE}:12px/1.5，則直接修改程序運行中CSS緩存中的值

8、自定義模板變量 - 新增：可以根據(jù)擴展需求，針對個性化的CSS進行全局的定義