Discuz3.3精仿小米风格整站模板制作——1、新建模板方案
術(shù)語說明:
?
模板——模板是一堆按照規(guī)定命名方式的html文件,用于指定整個(gè)論壇不同頁面的外觀。 標(biāo)簽——標(biāo)簽和模板共同作用以實(shí)現(xiàn)論壇換膚功能,其中標(biāo)簽主要控制頁面顯示什么數(shù)據(jù),顯示多少條等。 風(fēng)格——風(fēng)格是一個(gè)xml配置文件,用于配置一些固定區(qū)域字體的大小、顏色、背景色等。例如春節(jié)時(shí),整個(gè)版面變成喜慶紅色等。風(fēng)格這個(gè)功能實(shí)質(zhì)上是一種可以直接在后臺設(shè)置論壇中固定格式的文字(如標(biāo)題列表等)的大小、顏色、背景色等而不用單獨(dú)寫css文件進(jìn)行覆蓋的技術(shù)。對于有編碼能力的站長來說,其實(shí)無多大意義。Discuz模板制作官方說明:?http://faq.comsenz.com/library/template/made/made_extend.htm
本部分內(nèi)容是對Discuz官方提供的模板概述的擴(kuò)展說明。請參閱上述網(wǎng)址,對Discuz模板制作有個(gè)初步認(rèn)識。discuz模板文件位于網(wǎng)站根目錄/template/目錄下。其中子目錄default是其默認(rèn)模板,站長可以根據(jù)需要在此目錄下新建模板目錄以放置自己的模板。
Discuz的模板是固定文件名的htm文件。例如,首頁的模板文件叫discuz.html。其中,默認(rèn)模板的首頁模板文件位于站點(diǎn)根目錄/template/default/forum/discuz.html。discuz對模板做了兩點(diǎn)基本要求:
個(gè)人認(rèn)為,discuz如此設(shè)計(jì)恨怪異,讓新上手的使用者理解起來非常困難。良好的設(shè)計(jì)方案應(yīng)該讓使用者自由選擇模板才對。例如,對于論壇首頁這個(gè)功能而言,使用者能自由決定是選擇x模板方案下的index.html還是default.php或是其他什么文本文件。如此做法更符合一般人的直覺。后續(xù),作者將對discuz的源碼做小小修改,使其可以識別html后綴的文件(修改為識別html后綴文件或其他后綴文件,例如asp、jsp、php等代碼大同小異,使用者可以自行參照修改)。在discuz模板目錄下,有一特殊目錄——common,此目錄下的文件為非必須模板文件,它只是將各個(gè)模板的公用部分提純,其本身可有可無,完全依照制作者的思路而定。
discuz讀取模板的規(guī)則(以首頁模板舉例):首先讀取后臺指定的模板目錄中是否存在discuz.htm文件,如存在,直接以此文件做為模板,如不存在,則取默認(rèn)模板文件中的discuz.html文件作為模板。
Discuz新建模板方案的主要流程
一、新建風(fēng)格方案
登錄后臺,點(diǎn)擊頂部【界面】功能區(qū),頁面刷新后,左側(cè)會(huì)顯示關(guān)于【界面】的功能導(dǎo)航,此時(shí)選擇左側(cè)的【風(fēng)格管理】。在新增輸入?yún)^(qū)域輸入自定義的風(fēng)格名稱,點(diǎn)擊【新增】。此時(shí)系統(tǒng)會(huì)復(fù)制一套空的風(fēng)格方案。(風(fēng)格方案實(shí)質(zhì)上是一堆css和圖片路徑設(shè)置,先忽略這個(gè),后續(xù)再詳細(xì)說明具體設(shè)置)然后選擇,當(dāng)瀏覽者使用什么瀏覽設(shè)備時(shí),采用此風(fēng)格(模板)方案。系統(tǒng)提供了
?電腦版
?手機(jī)標(biāo)準(zhǔn)版
?手機(jī)觸屏版
?手機(jī)極簡版
四個(gè)選項(xiàng),其中,【電腦版】必選。其他可忽略,此處的判斷是通過http頭進(jìn)行篩選的。意味著我們可以建立四套風(fēng)格及對應(yīng)的模板,分別為不同的瀏覽者提供不同的顯示效果。
二、新建模板目錄
在站點(diǎn)根目錄/template/下新建模板目錄,并將默認(rèn)模板目錄(default)中的discuz_style_default.xml文件拷貝到新建的目錄中,修改文件名為:discuz_style_新建的目錄名.xml。模板目錄建議采用英文字符。以防止服務(wù)器不識別中文目錄。然后用記事本打開該xml文件進(jìn)行編輯,修改對應(yīng)的配置項(xiàng)。具體修改參見官方提供的模板制作概述下圖為修改好的示例:
注意:directory項(xiàng)中,路徑要和模板文件夾所在的路徑保持一致。templateid項(xiàng)中,具體的值修改為對應(yīng)風(fēng)格方案的id,(在風(fēng)格方案中,點(diǎn)擊編輯,從網(wǎng)址欄中可以看到具體的id。)
三、后臺新建模板套系
在【界面】——【模板管理】中,新增模板名稱(建議和風(fēng)格名稱保持一致)并指定正確的路徑。參見下圖:
?
至此,新建模板方案就大功告成了。在【工具】——【更新緩存】中更新一次緩存。前臺樣式就是新建的模板了。此時(shí)我們會(huì)發(fā)現(xiàn)前臺沒有任何變化,這是因?yàn)槲覀冎皇切陆四0宸桨?#xff0c;但是沒有建立具體的模板文件,系統(tǒng)檢測到?jīng)]有模板文件后,自動(dòng)采用了默認(rèn)模板方案中的對應(yīng)模板文件(在discuz模板讀取規(guī)則中有敘述),故前臺沒有任何變化。在后續(xù)的章節(jié)中,我們將制作各個(gè)模板文件,此時(shí)前臺就會(huì)發(fā)生對應(yīng)的變化。
轉(zhuǎn)載于:https://www.cnblogs.com/brucelee/p/7129170.html
總結(jié)
以上是生活随笔為你收集整理的Discuz3.3精仿小米风格整站模板制作——1、新建模板方案的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 圆环划痕检测halcon
- 下一篇: 瓶子个数计数halcon