:::
10-2 上課範例：style.css
11. XOOPS佈景
一、佈景設計的幾個考量：
- 要套用到一個或者多個網站？決定佈景欲採用的設計方式（彈性或固定）。
- 網站的XOOPS版本為何？用來決定區塊放置區數量及使用的樣板標籤語法
- 網站的使用對象（年齡層）為何？用來決定字體大小及整體風格
- 網站內容的多寡？用來決定佈景版型。
二、XOOPS的外觀組成：
- Theme佈景：
- 「主佈景」：主佈景控制整個網站呈現結構，以及八個「區塊放置區」的位置分配。「主佈景」一律放置在「themes」中，一個資料夾就是一個佈景，內含「區塊放置區」樣板、CSS檔以及相關圖檔，其中的theme.html就是主樣板。
- 「區塊放置區」樣板：控制每個「區塊放置區」的基本區塊外觀，包含「區塊標題」以及「區塊內容」的統一呈現外觀。區塊樣板可以是獨立檔案，也可以結合到theme.html中（2.3以前僅五區，2.3以後有八區）。
- Modules模組樣板：
- 「模組」樣版：負責控制模組主畫面的呈現外觀。隨模組的樣板設計精細程度，可自行修改的程度也不同。「模組」樣板放置於模組中，亦即「modules/模組名稱/templates/」底下，凡有修改模組樣板檔內容，必須進行模組更新動作。
- 「區塊」樣板：負責控制單一區塊內容要呈現的外觀。區塊來自於模組，其樣板檔放置於「modules/模組名稱/templates/blocks」底下，凡有修改區塊樣板檔內容，一樣必須進行模組更新動作。
三、關於XOOPS的佈景：
- 所謂「樣板檔」，其實就是網頁html檔。XOOPS採用Smarty樣板引擎，把一般的html網頁加上smarty樣板標籤就成了XOOPS樣板檔。
- 「主佈景」樣板與「區塊放置區」樣板都會被smarty樣板引擎編譯過，並放置於「/xoops_data/caches/smarty_compile」中，以加快讀取速度（2.2版以前是放置於/templates_c中），欲修改之，僅能透過FTP上傳新佈景樣板檔。
- 「模組」樣板及「區塊」樣板由模組開發者提供，安裝模組時，會將樣板存入資料庫，使用者日後可以透過瀏覽器界面（後台的「樣板管理」）來修改樣板內容。
四、製作XOOPS的佈景流程：
- 請到「後台→一般設定→基本參數設定 」將「從/themes/yourtheme/templates更新模組的樣板文件 」選「是」，如此修改佈景才會有作用。
- 先設計好一個完整的網頁→把網頁變成XOOPS樣板→套用後進行CSS微調。
- 開始修改各區塊或模組外觀，以配合佈景風格。
