資源描述:
《WordPress主題制作-修改教程.pdf》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。
1、WordPress主題模板制作及修改教程每一套WP主題都由結構層、表現層和數據層構成,可以說是典型的、符合Web體系標準的“三層結構”。WP主題的這種模式塊化的特點決定了其設計其實是非常簡單,但又極其靈活的??梢哉f,學會了制作WP主題,就相當于基本理解了Web開發(fā)的客戶端模型,對進一步學習掌握Web技術具有重要意義。這也正是WP的魅力所在!在一套WP主題中,最基本的兩個文件是index.php和style.css。其中,前者定義結構和內容,后者定義樣式。所謂結構,就是由指由XHTML標簽構成的網
2、頁基本架構。在WP主題中,結構層主要使用的是添加了適當的id或(和)class屬性的div和ul元素,以便更好地通過表現層來控制頁面的布局和外觀。所謂表現層,其實就是網頁的布局和樣式--也就是外觀。表現層由CSS(級聯樣式表)規(guī)則定義構成。而數據層,顧名思義,也就是網站中實際顯示的內容,是通過調用WP內置的函數(有時需要傳遞適當的參數)從數據庫中取得的。說明:為簡明起見,本教程不涉及如何定義樣式表(CSS)文件的內容。事實上,當我們打開某個主題的文件夾時,看到的并不止這兩個文件,而是更多。但一般
3、來說,在一個完整的WP主題文件夾中都應該包含下列文件(也稱為模板文件):頁面模板文件用途首頁index.php顯示網站首頁單頁single.php顯示博文的頁面(相當于細節(jié)頁)靜態(tài)頁page.php顯示靜態(tài)頁的頁面(包含各級靜態(tài)頁面)分類頁category.php顯示分類頁的頁面(相當于欄目頁)存檔頁archive.php顯示存檔頁的頁面(相當于按時間歸類的欄目頁)搜索頁search.php顯示搜索結果的頁面評論頁comments.php顯示評論的頁面彈出式評論頁comments-popup.p
4、hp顯示彈出式評論的頁面404錯誤頁404.php顯示404錯誤信息的頁面級聯樣式表style.css控制頁面布局外觀除此之外,一套主題模板中還可以包含author.php、home.php、date.php、searchform.php以及functions.php等頁面(其中部分頁面稍后介紹)。雖然上面列出了與WP內置功能對應的9個php文件,但制作一套主題遠沒有想像得那么復雜。因為事實上,你只需要制作一個index.php文件,就可以派生出另外8個文件來!從WP應用主題的機制來說,這9個模
5、板文件是存在優(yōu)先級差別的,也可以認為是重要性不同。它們的優(yōu)先級順序是:index.php->single.php->page.php->archive.php->search.php->404.php。這樣,當不存在后邊的頁面時,WP會自動調用前面的頁面,直至調用index.php。比如,當程序調用頁面頁page.php時,如果page.php模板文件不存在,那么程序會嘗試調用前面的文件--single.php。而如果single.php也不存在,那么就會調用最終的index.php來顯示頁面頁
6、??梢奿ndex.php屬于“墊底兒”的缺省頁面,它的重要性是最高的。但當存在具體頁面時,還是要優(yōu)先使用具體的頁面,可見具體的頁面優(yōu)先級最高。在明確了index.php是一套WP主題的核心之后,我們就可以將制作WP主題的過程簡單地分成兩步,即--定義主模板文件index.php和派生其他模板文件。定義主模板文件index.php從頁面布局的角度上,有必要將主模板文件index.php拆分成header.php、sidebar.php和footer.php三個子頁面。WP專門為在index.php
7、中包含這三個子頁面提供了對應的get_header()、get_sidebar()和get_footer()函數。下面,就來詳細介紹一下制作index.php頁面的過程:首先,在myThemes文件夾中建立一個文本文件并將其重命名為index.php,然后再建立一個style.css文件(內容暫時留空)。然后,用你喜歡的文本編輯器打開index.php并輸入下列代碼(最好復制,因為這一部分不重要):
8、al//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>;charset=”