Wordperss佈景製作教學系列(一)：WordPress佈景基本格局設置

我想很多人應該一直在等阿湯開始撰寫Wordpress佈景的製作教學，真的是非常不好意思，一直無法抽空來撰寫這一系列的製作教學，今天我們就從入門基礎開始進行，接下來的一系列佈景教學將會帶領大家製作出一個簡易符合Wordpress 3.0版本的佈景，並且會盡量以Wordpress 3.0為基礎讓大家比對，更能了解佈景的結構，不過在開始之前請大家必須要抱著積極學習的態度，發問前也請先至Google搜尋並多次嘗試。

製作Wordpress佈景前需準備的工具：

為了能讓大家在這一系列教學中快速成長獲益，因此我們並不採用類似Dreamweaver這樣方便的工具，我們僅使用Notepad++來土法鍊鋼，雖然這樣撰寫佈景似乎比較累人，不過只要你這樣做出一個之後，保證功力大增。

NotePad++請參考：http://steachs.com/archives/759，並至下載頁面下載最新版本進行安裝。
修圖工具：皆可，只要你用的慣都可以，不過丫湯不會讓大家用到太多圖片來製作，這次的目的是了解WP佈景結構以及基礎的CSS語法。

Wordpress佈景基本格式：

先前已經有介紹過Wordpress的組成檔案有哪些，而佈景又有分為2欄式及3欄式，我們就以2欄式的佈景來撰寫這一系列的教學，不論在任何頁面，我們先以下方最基本的格局來編排佈景，這也是最常見的2欄式佈景，往後如果想要再改變更多元化的格局只要等待熟悉整體佈局後，隨時都可以自己再精研修改哦。

Wordpress佈景基本空白檔案下載：

大家在開始之前請先下載基本的佈景格局格空白檔，以便這一系列教學中直接使用。

Wordpress佈景空白檔：http://files.wpnote.tw/wpnote.zip

裡面包含了以下檔案：

啟用空白的Wordpress佈景：

當然～要製作佈景，當然也要邊做邊預覽，所以必須要先啟用佈景，不過如果不做些設定，在WP後台是看不到你的空白佈景的，請大家先在style.css右鍵利用Notepad++打開編輯，將丫湯預設寫上去的字改成自己的吧，各項說明如下，請自行修改為自己的資訊：

Theme Name：佈景名稱
Theme URI：佈景連接網站
Description：描述
Version：佈景版號
Author：作者
Author URI：作者網站
Tags：標籤

然後再到WP後台，就可以看到剛所設定的佈景名稱，我們就先把他啟用吧。



啟用後會看到一片空白加幾個說明的空白頁，沒錯，我們就是要從頭開始來製作，下一篇我們即將介紹Header.php的製作過程，拭目以待吧。

Wordperss佈景製作教學系列：

• (一)：WordPress佈景基本格局設置(本篇)


• (二)：WordPress佈景header.php製作


• (三)：WordPress佈景index.php製作


• (四)：WordPress佈景sidebar.php製作


• (五)：WordPress佈景footer.php製作


• (六)：WordPress佈景single.php製作


• (七)：WordPress佈景分頁導覽製作