Tad 教材網 - 線上書籍

:::

\[1001\]XOOPS網站門面專業設計
=====================

### 一、佈景設計的幾個考量：

1. 要套用到一個或者多個網站？決定佈景欲採用的設計方式（彈性或固定）。
2. 網站的XOOPS版本為何？用來決定區塊放置區數量及使用的樣板標籤語法
3. 網站的使用對象（年齡層）為何？用來決定字體大小及整體風格
4. 網站內容的多寡？用來決定佈景版型。
 
### 二、XOOPS的外觀組成：

1. Theme佈景： 
  - 「主佈景」：主佈景控制整個網站呈現結構，以及八個「區塊放置區」的位置分配。「主佈景」一律放置在「themes」中，一個資料夾就是一個佈景，內含「區塊放置區」樣板、CSS檔以及相關圖檔，其中的theme.html就是主樣板。
  - 「區塊放置區」樣板：控制每個「區塊放置區」的基本區塊外觀，包含「區塊標題」以及「區塊內容」的統一呈現外觀。區塊樣板可以是獨立檔案，也可以結合到theme.html中（2.3以前僅五區，2.3以後有八區）。
2. Modules模組樣板： 
  - 「模組」樣版：負責控制模組主畫面的呈現外觀。隨模組的樣板設計精細程度，可自行修改的程度也不同。「模組」樣板放置於模組中，亦即「modules/模組名稱/templates/」底下，凡有修改模組樣板檔內容，必須進行模組更新動作。
  - 「區塊」樣板：負責控制單一區塊內容要呈現的外觀。區塊來自於模組，其樣板檔放置於「modules/模組名稱/templates/blocks」底下，凡有修改區塊樣板檔內容，一樣必須進行模組更新動作。
 
### 三、關於XOOPS的佈景：

1. 所謂「樣板檔」，其實就是網頁html檔。XOOPS採用Smarty樣板引擎，把一般的html網頁加上smarty樣板標籤就成了XOOPS樣板檔。
2. 「主佈景」樣板與「區塊放置區」樣板都會被smarty樣板引擎編譯過，並放置於「/xoops\_data/caches/smarty\_compile」中，以加快讀取速度（2.2版以前是放置於/templates\_c中），欲修改之，僅能透過FTP上傳新佈景樣板檔。
3. 「模組」樣板及「區塊」樣板由模組開發者提供，安裝模組時，會將樣板存入資料庫，使用者日後可以透過瀏覽器界面（後台的「樣板管理」）來修改樣板內容。
 
### 四、製作XOOPS的佈景流程：

1. 請到「後台→一般設定→基本參數設定 」將「從/themes/yourtheme/templates更新模組的樣板文件 」選「是」，如此修改佈景才會有作用。
2. 先設計好一個完整的網頁→把網頁變成XOOPS樣板→套用後進行CSS微調。
3. 開始修改各區塊或模組外觀，以配合佈景風格。

:::