Tad 教材網 - 線上書籍

:::

\[1022\] XOOPS網站輕鬆架
===================

[![](http://tad0616.net/uploads/dl.gif)](http://tad0616.net/uploads/tad_book3/file/1022/06.pdf)

### 一、 安裝tad Themes模組＋專用佈景

1. tad\_themes模組可以用來設定專屬佈景，可微調版面上的布局、顏色、圖案...等。
2. school2012為寬度980px的固定寬度佈景。
3. school2013為bootstrap的自適應佈景，可適用於手機等任何行動裝置。
4. 將tad\_themes上傳至modules進行模組安裝。
5. 將school2012或school2013上傳至themes佈景目錄下。
 
### 二、 非正式換佈景（測試佈景）

1. 「後台→區塊→系統管理→網站佈景」安裝「網站佈景」區塊（可設為全部頁面）。
2. 若網站變空白，請登出（或關閉瀏覽器）即可。
3. 此切換並非正式換佈景，只會影響自己，不會影響到別人或網站預設佈景。
 
### 三、 正式換佈景

1. 「後台→偏好設定→系統設定→一般設定」進行佈景安裝。
2. 「預設佈景（theme）」：選擇剛剛上傳的佈景
3. 「自動編譯您修改的樣板檔？」選「是」。
4. 「使用者可選擇的佈景」：使用者可選用的佈景，一定要包含「預設佈景」所用的佈景（會出現在「網站佈景」區塊中）。
5. 到Tad Tools工具箱的後台，進行佈景設定。若該佈景已有內建bootstrap，那麼，「當使用此佈景時，模組是否需要載入bootstrap框架？ 」選擇「否」，以避免重複載入佈景。（紅色背景表示是目前的預設佈景）
 
### 四、 找佈景

1. 下載佈景檔，解壓縮，檢查目錄裡面是否有theme.html，將目錄上傳到themes中。
2. <http://www.xoops.org/modules/news/index.php?storytopic=3>
3. <http://www.xoops.org/modules/extgallery/public-categories.php?id=2>
4. <http://www.frxoops.org/modules/TDMPicture/>
5. <https://www.aphexthemes.com/category/free-stuff>
6. <http://themebot.com/free-website-templates/xoops-themes>
7. <http://xoops.tn.edu.tw/modules/xforum/viewforum.php?forum=15>
 
### 五、 修改語系

1. 非寫死，有語系者（內有language目錄）： 
  - (1) 找到language目錄，將english複製為tchinese\_utf8或tchinese
  - (2) 修改裡頭的檔案內容：define("\_XOOPS佈景語系","您要修改的部份");
2. 寫死在佈景中（內無language目錄），且為英文者： 
  - (1) 找到要改的詞句，利用文字編輯器跨檔案搜尋，並直接修改為中文即可。
  - (2) 需注意該檔案的編碼，若是UTF-8版的網站，該檔案也要用utf8編碼。
3. 寫死在佈景中（內無language目錄），且為非英文語系者： 
  - (1) 若是簡體或日文，可用ConvertZ先轉碼，再按上面方法修改。
  - (2) 先套用佈景，再用Google線上翻譯（http://translate.google.com.tw），再按上面方法修改。
 
### 六、 修改圖片

1. 直接找到圖檔，用影像處理軟體重製或修改之即可。
 
### 七、修改區塊標題

1. 準備一張圖檔，放到佈景的images/下：![](http://tad0616.net/uploads/tad_book3/image/newstitle.png)
2. 修改區塊標題：「區塊標題**\[pic\]images/newstitle.png**」
3. 隱藏區塊標題：「區塊標題**\[hide\]**」
4. 加入小插圖：「區塊標題**\[icon\]images/小插圖.png**」
5. 加入連結：「區塊標題**\[link\]http://網址**」
6. 注意！並非所有佈景都支援此功能。
7. <http://findicons.com>

:::