[WordPress佈景製作教學]利用「子主題」打造自己的佈景

9 / 8, 2012 Wordpress , Wordpress佈景製作教學 , 佈景 , 架站軟體

等待已久,終於又到了Wordpress佈景製作教學時間,但這次不是教學寫一般的佈景,而是教學「寫子主題」。什麼是子主題呢?簡單來說就是附著在一個佈景主題中的主題,舉例來說,有個佈景叫做asd,子主題叫做asdfgh,則asdfgh佈景,佈景就會「黏在」asd上(或是說佈景的檔案已經包含在asd佈景中了,因此不一定每個檔案都要存在),所以當asd佈景更新時,不必擔心做過的檔案修改會被洗掉,因為全部都寫在子主題了,而且還可以利用現有的佈景來做「無痛修改」。


如果父佈景(主要的那個,也是子佈景附著的佈景)名稱叫做asd,要新增一個子佈景asdfgh,就在asd的佈景資料夾中新增一個asdfgh資料夾。
接著,在asdfgh資料夾新增一個檔案style.css,由於這是必要檔案,請勿省略。

/*
Theme Name:    asdfgh //子主題名稱
Theme URI:     http://s3131212.com/ //主題的介紹網頁
Description:   基本上這只是一個測試子佈景 //主題介紹
Author:        Allen //作者名字
Template:      asd //這一定要很注意,請填寫父主題的資料夾名稱,除了這個還有佈景名稱,剩下亂填都沒差
*/

子主題是不會讀取父主題的css,所以如果要繼續使用父主題的css請在版權敘述的註解後面(也就是*/後面)新增:

@import url("../asd/style.css");

註:記得要把asd換成父主題的資料夾名稱,還有除了版權宣告,其他東西都不能出現在該程式前面,不然會被自動略過

其他的檔案都是是用以下原則:
1.存在就直接套用,不會載入父主題的檔案
2.不存在就直接載入父主題的檔案

但是有個檔案例外,那就是functions.php,他會在父主題載入前先載入,也就是說可以用它來新增function,載入子主題的functions.php之後,父主題的function.php也會被載入,兩者就和在一起了。

參考資料:http://codex.wordpress.org/Child_Themes