:::
2. 將佈景轉換為樣板（10分鐘）
2-1 精簡 theme.html 內容（30 分鐘）
- XOOPS的樣板會套用到所有頁面，所以，樣板頁面必須要能適用於各種情形，並呈現出主內容及各區域的區塊。
- 免費的佈景裡面有一堆預設內容，所以，我們可以清除之。
- 清除的原則就是把中間部份全部空出來，套用我們做好的樣板檔即可。
- 例如上圖所示，我們可以將「<div class="divPanel">」裡面的東西都刪除（也可以利用FireFox瀏覽器的「刪除節點」來看一下刪除後的效果），以sublime為例，可以用 Ctrl+F 找到 divPanel後，點選左邊的倒三角形圖示，先將段落語法縮起來，再刪除，避免誤刪。
- 建議用簡單的字串來取代之，稍後加入樣板檔時才不會找不到（預覽也比較清楚刪除後有無問題）。
- 頁尾部份一樣可以比照辦理：
- 另外，logo區以及導覽頁也可以一併處理之。不過因為logo區其實只是文字，所以，暫時不套用共同樣板（優點是可以直接套用網站標題及網站標語，缺點是無法從後台佈景管理設定 logo圖片），至於導覽列建議先套用共同樣板，先讓選單有作用，日後若要改成和原佈景同樣風格的選單我們可以再自行處理。
- 最後看起來會像這樣：
