利用HyBrid來(lái)創(chuàng)建子主題

導(dǎo)航: 上一頁(yè)

創(chuàng)建子主題的步驟很簡(jiǎn)單！只要2步就行了。有一點(diǎn)很重要就是，子主題通常只有2個(gè)文件，一個(gè)函數(shù)文件，一個(gè)樣式表。

1. 去上面我說(shuō)到的站長(zhǎng)百科下載點(diǎn)下載最新版本HyBrid，解壓放到 /wp-content/themes 內(nèi)。
2. 激活你的子主題。

下面來(lái)舉個(gè)例子，以方便大家理解。

假設(shè)我們創(chuàng)建的子主題是hybrid-custom，將這個(gè)文件夾放到/wp-content/themes 內(nèi)。

• 新建一個(gè)style.css 文件。將下面的代碼拷進(jìn)去。

/**

* Theme Name: Hybrid Custom

* Theme URI: http://link-to-your-site.com

* Description: Describe what your child theme should be like.

* Version: 0.1

* Author: Your Name

* Author URI: http://link-to-your-site.com

* Tags: Add, Whatever, Tags, You, Want

*Template: hybrid

*/

最重要的是這行 Template: hybrid。你在什么主題框架上構(gòu)建子主題，就用什么名稱。 上面的代碼注釋做主題的人都知道，wordpress就是讀取上面的信息并將其顯示在后臺(tái)主題管理頁(yè)面上。

若你不想自己定制子主題樣式，想使用Hybrid 的。則加入下面代碼：

/* Get base CSS */

@import url('../hybrid/library/css/21px.css');
/* Get layout CSS */

@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */

@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */

@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */

@import url('../hybrid/library/css/screen.css');

修改主題：

若你想修改主題某些東西，這個(gè)時(shí)候就要在子主題的function.php內(nèi)添加wordpress的action和filter鉤子了.它能讓你無(wú)需編輯任何模板文件就能夠修改某些效果。

重寫文件：（這個(gè)用到的很少，不到萬(wàn)不得已的地步，都不推薦使用！因?yàn)镠ybrid有足夠的action和filter來(lái)重寫一個(gè)模板文件） 假設(shè)你現(xiàn)在想重寫next/previous post這個(gè)鏈接，Hybrid 默認(rèn)文件是navigation-links.php。 你需要把這個(gè)文件拷貝到/hybrid-custom文件夾內(nèi)。再在上面做你想要的修改。你可以使用這樣的方法來(lái)任意重寫wordpress的模板文件甚至是創(chuàng)建新的模板文件！

相關(guān)閱讀

• Habari
• MovableType
• b2evolution

參考來(lái)源

• HyBrid官方