育將電腦工作室 - 線上書籍

XOOPS網站使用說明
===========

一、注意事項

1. 本佈景必需搭配「tadtools」、「ugm\_tools2」、「ugm\_college」三個模組使用
2. 「ugm\_college」為專案設計，並無釋出
3. 請依順序先裝「tadtools」、「ugm\_tools2」、「ugm\_college」，再安裝佈景「college-green」
 
二、使用方法

1. 至後台「偏好設定」 
 預設佈景：college-green 
 使用者可選擇的佈景：增加 college-green 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/001_set_theme.JPG)
2. 後台/模組/Tad Tootls工具包/初始設定 
 如圖設定 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/002_tadtools_set.JPG)
3. 至「ugm\_college」佈景管理後台，設定權限 
 若無選擇，則只有管理員有權限 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/003_modules_perm.JPG)
4. 至模組前台=>選單管理 
 如圖，剛開始使用，請先選擇各項，並執行「送出」 
 執行完畢，再開始新增選單 
 主選單：前台下拉選單 
 連結選單：請至區塊設定，第一層為「類別」，區塊必須選擇類別，才能使用，因此可以複製區塊，則可無限使用 
 頁首選單：上方選單 
 頁尾選單：下方選單 
 社群選單：上方社群選單 
 管理員選單：請自行新增後台的選單，方便管理員操作，(本項只有管理員看得到) 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/004_menu.jpg)
5. 輪播圖管理 
 圖片大小請統一，最好大小是(1140x350) 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/005_slider.JPG)
6. 佈景變數 
 請按編輯，將內容填上 
 logo，請注意大小 245\*40 
 地址可以多行， 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/006_var.JPG)
7. 活動事件 
 活動顯示的方式，模組首頁與區塊，請建立資料後，設定區塊 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/007_events.JPG)
 
三、區塊用法

1. 後台設定 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/008_block_set.JPG)
2. 區塊1 
 左、右、上左、上中、上右，與模組內容，組成一個區塊 
 組合1：左、右區塊，都有內容，則為 3 + 6 + 3 
 組合2：左區塊有內容，則為 3 + 9 
 組合3：右區塊有內容，則為 9 + 3 
 組合4：左、右區塊沒有內容，則中間為 12 
 想法，可搭配空白模組，則可衍生更多版型 
 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/009_block1.JPG)
3. 區塊2 
 這個區塊，獨立為一個區塊 
 組合1：只有中間 12 
 組合2：左 + 中間 3 + 9 
 組合3：中間 + 右 9 + 3 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/010_block2.JPG)
4. 區塊3 
 這個區塊建立，只放一個區塊，注意高度的配合 4 + 4 + 4 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/011_block3.JPG)
5. 隱藏標題 ```
 <pre class="brush:as3;">
 左區塊[hide]
 ```
6. 標題 設定連結 ```
 <pre class="brush:as3;">
 上中區塊[link]https://www.ugm.com.tw
 ```
7. 標題 加圖示 
 圖示位置，放在佈景/img ```
 <pre class="brush:as3;">
 右區塊[icon]img/block_admin_hover.png
 ```
8. 標題 設定圖片 ```
 <pre class="brush:as3;">
 下左區塊[pic]https://www.ugm.com.tw/uploads/ugm_show9/home/history/home_history_29_1.png
 ```
9. 例，嵌入Google Maps 
 自訂區塊標題 ```
 <pre class="brush:as3;">
 地圖[hide]
 ```
 
 自訂區塊內容 ```
 <pre class="brush:as3;">
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3672.383670098406!2d120.26705631431342!3d23.00968092258525!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e70df506d2875%3A0x6c35736734404edd!2z6IKy5bCH6Zu76IWm5bel5L2c5a6k!5e0!3m2!1szh-TW!2stw!4v1535398078770" width="1140" height="381" frameborder="0" style="border:0" allowfullscreen></iframe>
 ```
 
 結果，因為有下右，所以 9 欄，如果下右不出現，則12欄 
 ![](https://www.ugm.com.tw/uploads/tad_book3/image/theme/college-green/012_maps.JPG)
10.

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown