摘要：本專欄介紹如何開發(fā)設(shè)計(jì)你自己的主題。你也許想為自己開發(fā)主題，或者制作公開發(fā)行的的主題。主題的剖析主題目錄位于。請(qǐng)避免使用數(shù)字名字，這會(huì)導(dǎo)致無法在主題列表中正常顯示出來。快速簡(jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開源系統(tǒng)中。

本專欄介紹如何開發(fā)設(shè)計(jì)你自己的 WordPress 主題。如果你希望了解更多如何安裝和應(yīng)用主題的內(nèi)容，請(qǐng)參閱應(yīng)用主題文檔。本文的內(nèi)容不同于應(yīng)用主題，因?yàn)樗懻摰氖蔷帉懘a去構(gòu)建你自己的主題的技術(shù)內(nèi)容，而非怎樣去激活主題或者是哪里可以獲得新主題。

WordPress 主題由一系列文件和 CSS 樣式表構(gòu)成，構(gòu)成了一個(gè)美麗的 WordPress 網(wǎng)站。每個(gè)主題都是不同的， 這樣WordPress用戶就可以隨時(shí)更改 WordPress 網(wǎng)站的外觀。

你也許想為自己開發(fā) WordPress 主題，或者制作公開發(fā)行的的主題。但是除了這個(gè)為什么要自己制作主題呢?

創(chuàng)建自己獨(dú)特的 WordPress 主題外觀.

利用模板， 模板標(biāo)簽， 和 WordPress 循環(huán) 來產(chǎn)生不同的效果.

為了產(chǎn)生不同的效果，比如在 category pages 頁(yè)面和搜索結(jié)果頁(yè)面產(chǎn)生個(gè)性的效果.

為了迅速?gòu)膬蓚€(gè)主題改變你的博客外觀，可以充分利用 Theme or style switcher 這個(gè)插件迅速改變外觀.

設(shè)計(jì) WordPress 主題，這樣大家就可以通過網(wǎng)絡(luò)更好的使用你的作品.

WordPress 主題有很多優(yōu)點(diǎn).

WordPress 主題把 CSS 樣式表和模板文件 從系統(tǒng)中獨(dú)立出來，所以這樣升級(jí)博客的時(shí)候就不會(huì)破壞你的主題樣式.

允許你自由的定制主題樣式.

允許你迅速改變主題.

你甚至都不需要學(xué)習(xí)HTML，CSS，PHP 等，即可擁有一個(gè)美觀的主題.

為什么要自己制作主題呢？這才是問題的關(guān)鍵.

這是一個(gè)學(xué)習(xí) CSS，HTML，和 PHP 的好機(jī)會(huì)。

這是一個(gè)積累你的 CSS，HTML，PHP 實(shí)踐經(jīng)驗(yàn)的的機(jī)會(huì)。

制作主題的過程中充滿創(chuàng)造力。

這非常的有趣（大多數(shù)情況下）。

如果你 設(shè)計(jì)公共主題， 你會(huì)感覺非常好，因?yàn)槟銥?WordPress 社區(qū)做出了自己的貢獻(xiàn) (增加技術(shù)圈內(nèi)資質(zhì))。

WordPress 的深度使用技巧

WordPress 的主題開發(fā)

WordPress 的插件開發(fā)

獨(dú)立制作一個(gè)完整的博客

獨(dú)立制作一個(gè)完整的電子商務(wù)網(wǎng)站

WordPress 主題應(yīng)該按照如下標(biāo)準(zhǔn)開發(fā):

使用結(jié)構(gòu)化的、沒有錯(cuò)誤的PHP和有效的HTML代碼。請(qǐng)看 WordPress代碼規(guī)范。

使用簡(jiǎn)潔的、有效的CSS。參見 CSS Coding Standards。

遵循設(shè)計(jì)指南。

WordPress主題目錄位于 wp-content/themes/。主題的子目錄擁有所有樣式文件、模板文件、可選的函數(shù)文件 (functions.php)、JavaScript 文件、圖片等。比如說一個(gè)叫做 "test" 的主題就會(huì)放在 wp-content/themes/test/目錄里。請(qǐng)避免使用數(shù)字名字，這會(huì)導(dǎo)致無法在主題列表中正常顯示出來。

WordPress每一個(gè)發(fā)行版都會(huì)有一個(gè)默認(rèn)的主題。請(qǐng)認(rèn)真查看默認(rèn)的主題，這樣可能會(huì)對(duì)制作你自己的主題有幫助。

WordPress 主題除了圖片和JavaScript，經(jīng)常由三種文件構(gòu)成。

樣式表文件 style.css， 控制著頁(yè)面的外觀

函數(shù)文件 (functions.php)。

模板文件，它控制著從數(shù)據(jù)庫(kù)中調(diào)出的數(shù)據(jù)所呈現(xiàn)的外觀。

...

讓我們多帶帶看一下。

CSS文件不僅定義了你的主題樣式，style.css *必須 以注釋的形式列出主題的詳細(xì)信息。*兩個(gè)不同的主題是不允許擁有相同的表述的 ， 因?yàn)檫@樣會(huì)導(dǎo)致主題選擇出錯(cuò).如果你通過拷貝一個(gè)你已經(jīng)制作的主題來制作你新的主題，請(qǐng)確保先更改這些頭部注釋.

下面是樣式表頭部注釋的例子，被稱作樣式表頭注釋。比如主題"Bachelor":

/*
Theme Name: Bachelor
Theme URI: http://taper.io/themes/bachelor
Author: Ayuan
Author URI: http://taper.io/
Description: The Bachelor theme for TaperLabs takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: bachelor

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you"ve learned with others.
*/

在接下來的文章里，我將從 WordPress 主題文件結(jié)構(gòu)開始，講解并創(chuàng)建實(shí)例來分別討論函數(shù)文件、模板文件、基本模板、自定義頁(yè)面模板、搜索查詢模板、定義模板、模板的引用、插件 API 鉤子等的用法及機(jī)制?？焖俸?jiǎn)單的入門到了解這一方便簡(jiǎn)潔的開源 CMS 系統(tǒng)中。