Wordperss佈景製作教學系列(五)：WordPress佈景footer.php製作

一直到前一篇側邊欄sidebar.php的講解之後，其實大致上的結構都已經出來了，首頁也就只剩下底部footer.php還沒講解，而這個部份其實應該就是最簡單的部份，我們今天就快速的來搞定他，底部通常只是放一些相關資訊，或是網站版權宣告等等，當然也有人是會再放Widget模組，但阿湯主要是先讓大家做出一個最基本的模組，當你學習CSS後可以自行定義出更不一樣的版型，往下我們就來簡單定義footer.php底部資訊吧。

如果你是突然看這篇的朋友，建議可以往前先回顧這系列的前文。

Wordperss佈景製作教學系列：

• (一)：WordPress佈景基本格局設置
• (二)：WordPress佈景header.php製作
• (三)：WordPress佈景index.php製作
• (四)：WordPress佈景sidebar.php製作
• (五)：WordPress佈景footer.php製作(本篇)
• (六)：WordPress佈景single.php製作
• (七)：WordPress佈景分頁導覽製作

WordPress佈景footer.php製作：

首先一樣要先給footer定義一個區塊，並加入底部要放置的資訊，通常都是網站名稱還有佈景製作資訊，而網站名稱可以用WP內建的函式來取代，網站名稱的函式我們在header.php教學中已經有提到過，忘記就趕緊再去複習一下囉。

另外為了防止區塊又造成重疊，所以可以在前面先加上clear。

   1: <div class="clear"></div>

   2: <div id="footer">

   3: <?php bloginfo('name'); ?> | Theme WPnote Demo v1.0 Design By：Scorpio

   4: </div>

然後再定義一下CSS，讓底部區塊可以置中，並離上方區塊一點點距離即可。

   1: #footer{

   2: width:980px;margin:10px auto;text-align:center;font-size:13px;

   3: }

再加上底部後，整個首頁就已經成形囉，雖然看起來很簡單，不過只要你用心學習css，之後再調校過，就可以變成一個很棒的佈景。

footer.php就先到這邊，下一次我們就要來講解single.php內文的配置囉。