1. 程式人生 > 實用技巧 >Discuz學習總結——自己寫模板

Discuz學習總結——自己寫模板

2019獨角獸企業重金招聘Python工程師標準>>> hot3.png

之前要做一個discuz的手機端適配頁面,在網上沒有找到合適的模板,就打算自己寫一個模板,也方便以後維護與迭代

模板製作條件:搭建好的discuz框架;

一. 新建模板檔案目錄

進入根目錄下的template資料夾,新增一個資料夾作為新模板目錄,命名自己定義

134746_mbZ8_2836257.png

二. 在新模板目錄下新建基礎資料夾目錄結構

1. 進入新模板目錄,因為我做的是觸屏版的模板,所以在forStudy目錄下新建了touch資料夾

151234_NmPX_2836257.png

2. 進入touch資料夾,分別新建 common,forum,portal,search,style

等幾個資料夾

common是公共模板資料夾

forum是論壇模板資料夾

portal是門戶模板資料夾

search是搜尋結果模板資料夾

style是存放靜態資原始檔夾,我們可以在裡面建立js,css,image資料夾

152221_0FLq_2836257.png

152324_EdEw_2836257.png

三. 在新模板目錄新增配置檔案

1. 將default檔案裡的 discuz_style_default.xml 檔案拷貝到新模板目錄下,將最後字母重新命名為自己模板的名稱,例如:discuz_style_forStudy.xml

2. 開啟該配置檔案,修改幾個引數:

(1)修改風格名稱,例如:forStudy

(2)修改模板id,改成2

(3)修改模板名稱為當前模板名稱:例如:forStudy

(4)修改模板路徑,這裡是 .template/forStudy

(5)修改模板作者名,可為個人暱稱或公司名稱

(6)修改圖片資源路徑,這裡我定義的是 template/forStudy/touch/style/image

(7)如果模板和當前discuz版本號不匹配,可在這裡改版本號,當前版本為X3.1

140056_dtGB_2836257.png

150649_VeK6_2836257.png

四. 新增模板預覽圖

將自己做好的兩張圖片(100*120和500*500),放到新模板目錄下,分別重新命名為preview.jpg 和preview_large.jpg

153405_Np0b_2836257.png

五. 安裝模板

進入discuz後臺,進入 介面 -> 風格管理 ,就可以看到自己做的模板了,點選 安裝

安裝好後點擊 手機觸屏版,提交後就OK了

153756_hR9W_2836257.png

154047_zGEi_2836257.png

六. 總結

到這裡我們已經把自己的模板初步做好了,後面就是把靜態頁面按照discuz的結構,新增進對應的目錄,並做相應的程式碼編寫,這裡我就暫時不寫出來了,做好模板,就可以移植到其他discuz框架中了

轉載於:https://my.oschina.net/9264736/blog/1624208