XOOPS允許將網站的實際外觀(也就是所謂的佈景)和在網站幕後運行程式碼分開,其一就是藉由佈景機制來控制。一個佈景可以引入必要的HTML樣板、CSS樣式表、必要的圖片以組成整個網站的外觀。佈景可以從後台管理界面切換,所以,要改變整個XOOPS網站的外觀只要到後台的下拉選單點選您想要的佈景,然後儲存起來就大功告成了!XOOPS也可以讓網站管理員自己設定哪些佈景要提供給使用者來切換使用。
一般來說,一個「佈景」就是一個網站的虛擬框架、一種佈局的概念,換言之,他不會很詳細的定義每個區塊的所有細節,這些細節是由所謂的「樣板組」來定義的。一個樣板組就是由一套用來定義網站各區快應該如何呈現的HTML頁面所組成的。舉例來說,我們可以說佈景就像是房屋建築師,而樣板組則是內部裝潢設計師,一開始由建築師來規劃出整個結構及佈局,但卻是由設計師來將之美化完成所有外觀。
假如使用中的佈景是一個只包含一個檔案、CSS檔及一些圖檔的簡易佈景,XOOPS使用預設的樣板組來定義區塊的呈現樣式。然而,一些複雜的佈景可能需要引入更多他們自訂的樣板組,若是如此,管理員就必須使用管理界面來設定佈景和其所屬樣板組。
如何實現佈景魔法?HTML樣板如何動態載入內容?這無關鏡子和煙霧,但需要一個叫做
Smarty 的聰明佈景引擎利用我們所謂的樣板標籤來實現之。簡單來說,我們可以說XOOPS系統使用PHP來掌控模組的運做(資料庫存取、設定變數、管理權限等),HTML檔則是藉由Smarty的標籤引擎作為插入內容的虛擬界面,Smarty引擎可以透過樣板標籤來將內容放置到我們指定的位置,做輸出成給使用者觀看的頁面。簡單來說,我們感謝這套佈景系統,讓佈景設計者可以建立更多有趣且人驚豔的網站,而無須花太多的心思去瞭解網站內部的結構與運作。
我們可以從目錄選單看到所有可用的樣板。當您選擇一個樣板,XOOPS會將之開啟到編輯器中,那麼,您就可以編輯該樣板內容。
編輯樣板時,您必須把「偏好設定→系統設定→一般設定」中的「自動編譯您修改的樣板檔?」設為「是」,這樣您修改的內容才會立即生效。當網站修改好並正式運行後,就可以將之關起來。