資源描述:
《phpwind9.0風(fēng)格模板開發(fā)文檔0.1beta版》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、阿里云計算有限公司phpwind9.0風(fēng)格模板開發(fā)文檔ued龍文2012/9/17~11~目錄前言31.風(fēng)格模板種類41.1.整站(site)41.2.版塊(forum)41.3.門戶(portal)41.4.空間(space)42.后臺界面相關(guān)52.1.模板設(shè)置路徑52.2.本地安裝52.3.界面管理62.4.風(fēng)格相關(guān)設(shè)置63.開發(fā)相關(guān)目錄73.1.涉及到風(fēng)格模板的相關(guān)文件73.2.風(fēng)格類型文件夾說明73.3.風(fēng)格包的基礎(chǔ)結(jié)構(gòu)73.4.外部Template的作用83.5.模板包里配置文件說明8~11~4.風(fēng)格包相關(guān)文件104.1.Css104.2.image
2、s10~11~前言本文主要對phpwind9.0的模板體系進行詳細的說明,并附帶一些實戰(zhàn)案例進行講解和分析。本文的目標(biāo)對象是站長和風(fēng)格模板開發(fā)者,為站長提供后臺的相關(guān)設(shè)置知識,為開發(fā)者提供相關(guān)的結(jié)構(gòu)知識,文章內(nèi)會附帶大量專業(yè)術(shù)語。~11~1.風(fēng)格模板種類1.1.整站(site)整站風(fēng)格相當(dāng)于我們早期版本的論壇風(fēng)格,負責(zé)整個站點的視覺體系和表現(xiàn),它包含所有的基礎(chǔ)頁面。1.2.版塊(forum)根據(jù)大量實際的需求和調(diào)查應(yīng)運而生,也是老版本版塊風(fēng)格選擇進化而來。它承載著我們所追求主旨里面的多變,它可以讓版塊變成市面上各種流行的界面元素:瀑布流、微論壇、新聞文章、分類
3、信息、生活頻道等等。1.3.門戶(portal)與老版本的性質(zhì)一樣,都是具有單一的頻道性質(zhì),優(yōu)點是p9在體驗優(yōu)化上進行了大量改進,并且在體系上可以選擇是否繼承整站,亦能作為專題來使用。在前臺有導(dǎo)入和導(dǎo)出效果,大大簡化了操作步驟,并且模塊設(shè)置上,做了大量的工作,功能更豐富。作者本人也非常喜歡門戶的相關(guān)功能。1.4.空間(space)產(chǎn)品上的目標(biāo)是打造輕量級的個人信息展示頁,類似輕博客。注:每個種類下,一個文件夾就是一個風(fēng)格。~11~1.后臺界面相關(guān)2.1.模板設(shè)置路徑登陸后臺,點擊一級導(dǎo)航云平臺在選擇左側(cè)菜單模板管理2.2.本地安裝通過上述操作后,選擇本地安裝,
4、進入本地安裝頁面。點擊上傳按鈕,選擇本地已有的模板包進行安裝即可出現(xiàn)在相關(guān)類型的模板列表里。~11~2.3.界面管理位置就在模板管理本地安裝的后面。主要有3個大類型,全局、頭部、全局共用模塊。能更換站點的logo,背景,字體和字大小等等,如果懂得多的話,還能調(diào)整顏色,添加比較好看的圖片,實現(xiàn)站點的個性化定制。當(dāng)然,這個不會對風(fēng)格原文件有影響,它的原理就是新增相關(guān)的css來替換掉風(fēng)格里面的css。所以,如果你后臺設(shè)置了相關(guān)樣式,替換風(fēng)格后某些地方?jīng)]變,那么就需要你到后臺去刪除掉了。就實用性來說,比87絕對是很大的一個進步。我想不怎么會模板的站長,你們會喜歡的。2
5、.4.風(fēng)格相關(guān)設(shè)置整站的風(fēng)格,只能選擇一個,所以選擇后就是那個。個人空間,全部顯示,可以指定一個為默認風(fēng)格。版塊風(fēng)格是安裝后,到版塊那邊選擇。門戶模板目前是需要創(chuàng)建一個新頁面,然后通過前臺菜單導(dǎo)入。~11~1.開發(fā)相關(guān)目錄3.1.涉及到風(fēng)格模板的相關(guān)文件1.res不屬于模板體系的一些相關(guān)靜態(tài)文件存放,比后臺、安裝等等2.template模板的html文件庫3.themes所有風(fēng)格包目錄3.2.風(fēng)格類型文件夾說明進入themes我們會發(fā)現(xiàn)有5個文件夾1.Extres應(yīng)用包里的資源文件存放2.Forum版塊風(fēng)格3.Portal門戶風(fēng)格4.Site整站風(fēng)格5.Spa
6、ce空間風(fēng)格3.3.風(fēng)格包的基礎(chǔ)結(jié)構(gòu)P9的所有風(fēng)格類型文件夾格式都是同一的,這樣能減少大量學(xué)習(xí)的成本,并且開發(fā)也方便。這里以默認的default風(fēng)格為例,旗下有4個文件夾對應(yīng)開發(fā)的相關(guān)文件。整站對應(yīng)的調(diào)用路徑變量:1.Css{@theme:css}2.Images{@theme:images}~11~1.Js{@theme:js}門戶對應(yīng)的調(diào)用路徑變量:1.Css{@G:design.url.css}2.Images{@G:design.url.images}3.Js{@G:design.url.js}空間對應(yīng)的調(diào)用路徑變量:1.Css{@theme:css}
7、2.Images{@theme:images}3.Js{@theme:js}版塊對應(yīng)的調(diào)用路徑變量:4.Css{@theme:css}5.Images{@theme:images}6.Js{@theme:js}注:如果想在空間里引用當(dāng)前整站風(fēng)格的路徑,可以這么寫{@theme:site.css},其他同理。1.2.外部Template的作用與themes同級別的template是作為風(fēng)格模板文件的補充,也可以說是一個文件庫,原理就是當(dāng)風(fēng)格里面沒有相關(guān)文件的話,系統(tǒng)會自動到庫里面去查找補充。這樣就可以做到風(fēng)格的html文件不必每個都必須存在。所以風(fēng)格里面的tem
8、plate文件和文件夾都必須和外部的t