WordPress實踐：自訂theme（01）

自訂theme需要有一定的html、css、js和php基礎。如果沒有，那就去學一下。http://www.w3schools.com/是一個不錯的學習地方。

php開發工具

工欲善其事，必先利其器。目前能用來開發php的編輯器很多，甚至記事本就可以，但這樣的效率不是很高。我這裡選用了NetBeans，這個IDE可以為我提供高亮顯示、只能提示等功能，最主要的是它是免費的。：http://dlc.sun.com.edgesuite.net/netbeans/7.3/final/bundles/netbeans-7.3-windows.exe

在windows下，我們還需要配置php的宿主程式。作為一名.NET程式員，選用iis是沒什麼疑惑的。在windows的功能管理介面，開啟iis的相關功能：

然後去下載php的windows安裝程式，官網地址：http://www.php.net/，找到自己合適的版本，並選擇安裝iis fastcgi就可以在iis中運行php程式了。

mysql資料庫也是標準配置。去官網下載吧：http://www.mysql.com/downloads/，下載MySQL Community Server和MySQL Workbench (GUI Tool)，前一個是mysql資料庫程式，後一個是可視化管理介面。

建立theme

theme其實是wordpress/wp-admin/wp-content/theme下的一個子目錄，在運行時wordpress會將其作為一個theme來載入。

我們先在裡面建立一個ThinkSimple目錄。

theme要最少包含index.php和style.css兩個檔案。index.php是首頁模板，style.css是theme的樣式檔案，它被用來聲明theme的詳細資料，在檔案開頭位置加入以下代碼：

/*Theme Name: Think SimpleTheme URI: http://youring2.cnblogs.comDescription: Think SimpleVersion: 0.1Author: QeeFeeAuthor URI: http://youring2.cnblogs.comTags: simple*/

這個style.css是不會自動添加到index.php檔案中的，我們需要在index.php檔案中加入引用代碼：

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

上面的代碼是直接引入了樣式檔案，如果要引用圖片或者js檔案該如何做呢？

這個時候我們需要知道模板的url，然後 再配上我們的相對路徑就可以得到相應圖片和js的引用了。模板目錄url的擷取方法：

<?php bloginfo('template_url'); ?>

這個時候wordpress管理介面，就能夠看到我們剛剛添加的主題資訊了。