海豚的WordPress Theme教程 part1

系列教程均轉(zhuǎn)自海豚微笑的背后

這篇和接下來幾篇可以看作是制作KD02這個(gè)模版的一些心得和總結(jié),其中大有可能存在謬誤或錯(cuò)漏之處,權(quán)作參考。不過話說回來,看完后自己弄個(gè)可以看看的模版還是沒問題的。
這篇內(nèi)容很簡單,只是介紹一下需要的工具和WordPress模版的基本結(jié)構(gòu)文件。

工具:

一個(gè)有代碼高亮功能的編輯器,Windows推薦Editplus和Crimson Editor,這兩個(gè)比較小巧,而且后者是免費(fèi)的。Linux我就不具體推薦了,估計(jì)大家都有自己順手的。
FireFox + WebDeveloper,這個(gè)組合我提過很多次了,具體可以看一下鏈接里的介紹。
Internet Explorer,這個(gè)誰都有吧,做完了模版還是需要放到這里來看看的,我們不能回避占有量第一的事實(shí),即使它并不標(biāo)準(zhǔn)。

文件:

404.php
404出錯(cuò)信息,當(dāng)訪問者輸入了一個(gè)不存在的地址就會(huì)看到這個(gè)頁面,可以在這里寫一些有用的提示,或者直接給個(gè)404 error。
archive.php
控制存檔、分類、日期的輸出頁面。其實(shí)這些內(nèi)容是可以單獨(dú)控制的,不過大部分模版都不把它們分開對(duì)待。
comments-popup.php
彈出留言窗口的輸出格式。
comments.php
留言部分的輸出格式。
footer.php
一般是用來輸出頁腳信息的,比如放些模版作者,版權(quán)信息之類。
header.php
用來輸出標(biāo)題和菜單項(xiàng),同時(shí)html文件的頭信息也放在這里。
index.php
整個(gè)首頁的主體結(jié)構(gòu),正文內(nèi)容輸出部分就是放在這里的。
page.php
“頁”的模版文件,控制Page的輸出內(nèi)容。
screenshot.png
從WP2.0開始,模版選擇會(huì)提供縮略圖,這個(gè)文件就是縮略圖文件。
search.php
搜索的結(jié)果輸出頁面。
searchform.php
搜索框的格式定義。
sidebar.php
用于輸出側(cè)欄內(nèi)容。
single.php
當(dāng)點(diǎn)擊一篇文章后,所展示的頁面內(nèi)容由這個(gè)文件來控制。
style.css
所有所有頁面的具體表現(xiàn)樣式都由這個(gè)文件來控制。
一旦做起來就會(huì)明白,WordPress把一個(gè)頁面的內(nèi)容分成了Header + Content + Sidebar + Search Form + Footer這樣的結(jié)構(gòu),對(duì)于模版制作者和用戶來說這都是一個(gè)方便的處理方式。所以,各位和我一樣的初學(xué)者都不用擔(dān)心,我們后面所作的和搭積木一樣簡單。