線上書籍

Home

[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. 開始修改各區塊或模組外觀,以配合佈景風格。