之前第二章中已經瞭解了 WordPress 的模板文件和頁面結構，下面你就要開始寫 WordPress 代碼了。這裏建議在本地電腦上安裝 WordPress，而不是安裝到服務器上，因為本地更方便測試。
第 1 步：安裝 Zerver 集成 php 運行環境
Zerver 是一個 C#開發的 nginx+php+mysql+memcached 綠色集成運行環境。對於一些初步的 php 程序開發運行很方便。
我這邊用的是 Zerver2.3，最新版本的 2.4 好像已經出了，大家可以選擇性去網上下載。
單擊 Zerver.exe 啓動後的界面所示：
各個服務可以選擇性開啓和關閉。不用的時候也可以直接退出。網站可以直接放在根目錄 html 文件夾內。
第 2 步：創建你的主題文件夾
主題安裝完成後 （如何安裝 WordPress 程序就不説了，這個不知道的，下面也就不用看了） 進入你本地安裝的 WordPress 主題文件夾。
在..zerver2.3htmlDemowp-content hemes 路徑文件夾中創建一個新的文件夾，可以任何命名 （如果：YusiDemo） 。
第 3 步：創建 index.php 和 style.css 文件
打開 EditPlus 或者你選擇的文本編輯器，把 index.txt 這個文件中的所有內容都拷貝到你的文本編輯器。保存為 index.php 。
再另外新建一個文件，直接保存為 style.css 到相同的文件夾下。在 style.css 中加入 css 註釋 (可以自定義)：
/* Theme Name: YusiDemo Theme URI: http://.weixiaoduo.com Description:WordPress Themes Version: 1.0 Author: Yusi Author URL: http://.weixiaoduo.com/ */
如果你想發佈在 WordPress 官方主題庫裏面，你還可以為主題添加一些標籤：
/* Tags: YusiDemo, WordPress theme, Yusi, Web */
現在有兩個文件了: index.php 和 style.css.
index.php 解釋：
Doctype – 指明你用哪種類型的代碼來編碼你的主題。這裏你暫時還不用管它的詳細意思。
<html> 是網頁開始的地方。
<head> 是你的網頁頭部開始的地方。每個網頁都有一個頭部和主體。</head> 是頭部結束的地方。
<?php bloginfo(』stylesheet_url』); ?> 是一個 PHP 函數，它能取得 style.css 文件所在的路徑，這樣主題就能使用 style.css 樣式化頁面上所有元素。任何時候，PHP 代碼都是在 <?php 和 ?> 之間的。 PHP 代碼和 HTML 的代碼是不一樣的，在 PHP 中，<?php 代表開始 PHP 代碼而?> 是結束 PHP 代碼。
所以讓我們重新看一下<?php bloginfo(『stylesheet_url』); ?>
<?php：PHP 語句開始。
bloginfo(『stylesheet_url』)：輸出博客信息，什麼信息呢？括號內的 stylesheet_url 就是 bloginfo 的一個參數，它告訴 bloginfo 是樣式表 （stylesheet） 的 url 地址信息，既然是參數，那一般都不是是單一的， bloginfo 函數的參數除了 stylesheet_url 還有很多，例如：name 博客名稱、 description 博客描述、 url 博客 URL 、 charset 博客的編碼方式等等。
;：結束 bloginfo() 函數，分號同時也是關閉 PHP 函數的方式之一。
?>：PHP 語句結束
<body> – 這是網頁主體開始的地方。你能在網頁上看到和讀到的東西就是主體部分。你正在閲讀的這個教程説明你在正在看當前這個網頁的主體部分。
</body> 是網頁主體結束的地方。
</html> 是網頁結束的地方，沒有東西在它的後面了。
第 4 步：安裝你的 WordPress 主題
打開瀏覽器。在地址欄輸入輸入 http://localhost/Demo/wp-login.php 。登錄到你的 WordPress 管理後台。 （這裏能夠看到 WordPress 登錄頁面是因為你在第 1 步的時候啓動了 zerver 。否者的話，在這裏你的瀏覽器會報找不到的錯誤。）
在管理界面下到 外觀 (Apperance) 菜單並激活名為 YusiDemo 的主題。
注意：你的主題文件沒有屏幕縮略圖，所以是空白的。沒錯，我們先啓用就可以了。
好了今天就到這裏吧。下次再説下面的內容！有任何問題直接在評論裏面回覆吧！