:::

6. 讓網站耳目一新

一、 安裝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/下:
  2. 修改區塊標題:「區塊標題[pic]images/newstitle.png
  3. 隱藏區塊標題:「區塊標題[hide]
  4. 加入小插圖:「區塊標題[icon]images/小插圖.png
  5. 加入連結:「區塊標題[link]http://網址
  6. 注意!並非所有佈景都支援此功能。
  7. http://findicons.com

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.cp22.secserverpros.com%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbdsn%3D872%26tbsn%3D30

書籍目錄

展開 | 闔起

線上使用者

376人線上 (150人在瀏覽線上書籍)

會員: 0

訪客: 376

更多…