2015年4月12日 星期日

利用Child Theme(子佈景)客製化自己的佈景主題


WordPress上有各式各樣的佈景主題(theme)可供下載使用。

看到喜歡的主題,可是裡面有一些自己想要修改的地方,有些人選擇直接改,但這樣會有一個問題,那就是,一但原作者,發佈一個update,佈景主題選擇升級的話,之前改過的東西,都會被蓋掉,等於從來。

所以很多人,選擇使用子佈景主題,來盡情的修改,也不用擔心,一但父主題(parent theme),有升級變動的話。主題,還是可以一樣照自己的意思呈現。



以下,為我在網路上看的,實用文章教學:




[WordPress佈景製作教學]利用「子主題」打造自己的佈景
http://blog.allenchou.cc/wp-child-themes/

等待已久,終於又到了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也會被載入,兩者就和在一起了。


沒有留言:

張貼留言