摘要：本專欄介紹如何開發設計你自己的主題。你也許想為自己開發主題，或者制作公開發行的的主題。主題的剖析主題目錄位于。請避免使用數字名字，這會導致無法在主題列表中正常顯示出來。快速簡單的入門到了解這一方便簡潔的開源系統中。

本專欄介紹如何開發設計你自己的 WordPress 主題。如果你希望了解更多如何安裝和應用主題的內容，請參閱應用主題文檔。本文的內容不同于應用主題，因為所討論的是編寫代碼去構建你自己的主題的技術內容，而非怎樣去激活主題或者是哪里可以獲得新主題。

WordPress 主題由一系列文件和 CSS 樣式表構成，構成了一個美麗的 WordPress 網站。每個主題都是不同的， 這樣WordPress用戶就可以隨時更改 WordPress 網站的外觀。

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

創建自己獨特的 WordPress 主題外觀.

利用模板， 模板標簽， 和 WordPress 循環 來產生不同的效果.

為了產生不同的效果，比如在 category pages 頁面和搜索結果頁面產生個性的效果.

為了迅速從兩個主題改變你的博客外觀，可以充分利用 Theme or style switcher 這個插件迅速改變外觀.

設計 WordPress 主題，這樣大家就可以通過網絡更好的使用你的作品.

WordPress 主題有很多優點.

WordPress 主題把 CSS 樣式表和模板文件 從系統中獨立出來，所以這樣升級博客的時候就不會破壞你的主題樣式.

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

允許你迅速改變主題.

你甚至都不需要學習HTML，CSS，PHP 等，即可擁有一個美觀的主題.

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

這是一個學習 CSS，HTML，和 PHP 的好機會。

這是一個積累你的 CSS，HTML，PHP 實踐經驗的的機會。

制作主題的過程中充滿創造力。

這非常的有趣（大多數情況下）。

如果你 設計公共主題， 你會感覺非常好，因為你為 WordPress 社區做出了自己的貢獻 (增加技術圈內資質)。

WordPress 的深度使用技巧

WordPress 的主題開發

WordPress 的插件開發

獨立制作一個完整的博客

獨立制作一個完整的電子商務網站

WordPress 主題應該按照如下標準開發:

使用結構化的、沒有錯誤的PHP和有效的HTML代碼。請看 WordPress代碼規范。

使用簡潔的、有效的CSS。參見 CSS Coding Standards。

遵循設計指南。

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

WordPress每一個發行版都會有一個默認的主題。請認真查看默認的主題，這樣可能會對制作你自己的主題有幫助。

WordPress 主題除了圖片和JavaScript，經常由三種文件構成。

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

函數文件 (functions.php)。

模板文件，它控制著從數據庫中調出的數據所呈現的外觀。

...

讓我們多帶帶看一下。

CSS文件不僅定義了你的主題樣式，style.css *必須 以注釋的形式列出主題的詳細信息。*兩個不同的主題是不允許擁有相同的表述的 ， 因為這樣會導致主題選擇出錯.如果你通過拷貝一個你已經制作的主題來制作你新的主題，請確保先更改這些頭部注釋.

下面是樣式表頭部注釋的例子，被稱作樣式表頭注釋。比如主題"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 主題文件結構開始，講解并創建實例來分別討論函數文件、模板文件、基本模板、自定義頁面模板、搜索查詢模板、定義模板、模板的引用、插件 API 鉤子等的用法及機制。快速簡單的入門到了解這一方便簡潔的開源 CMS 系統中。