Tad 教材網 - 線上書籍

:::

\[1052\] XOOPS輕鬆架
=================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/40/2.pdf)

### 一、 Tad News新聞模組模組資訊

1. 模組名稱：tadnews
2. 下載位置：[http://campus-xoops.tn.edu.tw/modules/tad\_modules/index.php?module\_sn=2](http://campus-xoops.tn.edu.tw/modules/tad_modules/index.php?module_sn=2)
3. 討論區：[http://campus-xoops.tn.edu.tw/modules/tad\_discuss/discuss.php?BoardID=27](http://campus-xoops.tn.edu.tw/modules/tad_discuss/discuss.php?BoardID=27)
4. 三大功能：發布新聞、自訂頁面、電子報
 
### 二、 偏好設定

1. 「新聞圖片附檔寬度」可自行調大
2. 多人管理時，請設定「可直接開設分類的群組」、「可使用置頂功能的群組」
3. 可視情況關閉不必要的功能
 
### 三、 後台管理

1. 「文章管理」：管理所有新聞以及新聞分類，可作文章的批次處理和分類的權限設定。
2. 「電子報管理」：設定、新增、寄送電子報用。
3. 「自訂頁面」：類似「文章管理」只是針對「自訂頁面」部份。
4. 「標籤管理」：管理標籤用，沒有用到的標籤始可刪除。
5. 一般而言，標籤管理可以先做，其餘的平時其實用不太到。
 
### 四、 發布文章

1. 直接至前台的「發布文章」進行文章發布即可。
2. 「進階設定」中的一些項目說明： 
  - (1) 未到「發佈時間」，文章不會出現。超過「結束時間」文章自動下架，並不建議設。
  - (2) 「置頂」功能可至偏好設定調整設定，以限制文章置頂期限。
  - (3) 從權限也可以指定該文章可以開放給誰觀看，亦可用密碼來限制觀看對象。
  - (4) 「需簽收群組」若有設定，則代表該文章可以簽收。
  - (5) 「封面圖」並非插圖，而是用在區塊的文章代表圖，亦可放在文章中當插圖。
  - (6) 「附檔」可多檔上傳，圖片可直接瀏覽，會放在文末。「偏好設定」有相關設定。
 
### 五、 CK Editor使用技巧

1. 由於許多模組都有用到CKEditor 編輯器，所以，了解一下該編輯器的一些特異功能是有必要的。
2. CKEditor 編輯器是由 Tad Tools 工具箱模組提供，並非 XOOPS 內建（內建的是 TinyMCE）。
3. 大部分的功能自己測試應該就可以理解，底下就一些比較需要注意的功能進行說明： 
  - (1) ![](http://www.tad0616.net/uploads/tad_book3/image/40/1.png) 插入圖片：CKEditor 可以直接上傳圖片，點擊「瀏覽伺服器端」即可，一次可以上傳多張圖片，直接雙擊圖片，便可插入圖片，但盡量不要用中文檔名。利用「對齊方向」的靠左對齊或靠右對齊，都可以做出文繞圖效果。
  - (2) 套用圖片樣式：「樣式」→「自適應圖片」當圖片超出版面時會自動縮小。「自適應圖框」則是會再加上框線。
  - (3) ![](http://www.tad0616.net/uploads/tad_book3/image/40/2.png) 插入多媒體資源：只要貼上網址，就可以秀出影片或圖片等多媒體內容。
  - (4) ![](http://www.tad0616.net/uploads/tad_book3/image/40/3.png) 插入公式：若不熟悉語法，可參考：<http://www.study-area.org/tips/opentools/opentools/x521.html>
  - (5) ![](http://www.tad0616.net/uploads/tad_book3/image/40/4.png) 插入表格：設定好橫列、直欄即可，可以在「進階」裡面的「樣式表類別」加入「table table-striped table-bordered table-hover」
  - (6) ![](http://www.tad0616.net/uploads/tad_book3/image/40/5.png) 加上連結：標記文字或圖片，點選連結圖示，並輸入連結即可。也可點擊「瀏覽伺服器端」，然後上傳文件檔案，當作附檔下載來用，但注意盡量不要有中文檔名。
  - (7) ![](http://www.tad0616.net/uploads/tad_book3/image/40/6.png) 加入程式碼：選擇適當程式類型即可，若要改變呈現風格，請至tadtools偏好設定的「設定 SyntaxHighlighter 佈景」及「選擇 SyntaxHighlighter 版本」設定即可。此功能目前僅於tadnews和tad\_book3中有效。
  - (8) ![](http://www.tad0616.net/uploads/tad_book3/image/40/7.png) 清除文字格式：若想要快速清除文字的顏色、帝色、粗細、大小...等（尤其是從別的網頁或文件複製貼上的內容），可以點按該圖示以清除格式，回到純文字狀態。
  - (9) ![](http://www.tad0616.net/uploads/tad_book3/image/40/8.png) 套用版面：可以輕鬆做出兩欄、三欄的版面，並支援bootstrap自適應。
  - (10) ![](http://www.tad0616.net/uploads/tad_book3/image/40/9.png) 插入fontawsome圖示：需注意佈景有無支援fontawsome。
  - (11) ![](http://www.tad0616.net/uploads/tad_book3/image/40/10.png) 內建多種bootstrap樣式，可隨時套用之，但不同情境可能會出現不同的樣式項目。
 
### 六、 自訂頁面應用

1. 想要加入自己編寫的內容，卻又不想像新聞一樣，會隨著時間的推移而將文章往後塞，此時，您就可以用「自訂頁面」功能來做。
2. 自訂頁面不會和新聞混在一起，需要透過區塊或選單才看得到自訂頁面內容。
3. 加入自訂頁面區塊到前台，若一個不夠用，請複製該區塊即可。
4. 點擊自訂頁面的分類，可以找到「加入佈景選單」可快速將該分類加入到tad\_theme的導覽列中。
5. 連到FB開發者頁面：<https://developers.facebook.com/docs/plugins/page-plugin>
6. 嵌入Googe行事曆：<span style="color:#000080;">https://calendar.google.com/calendar/embedhelper?src=</span><span style="color:#FF0000;">帳號名稱@gmail.com</span>
7. 嵌入其他網頁：用iframe：
  
   ```
  <pre class="brush:xml;gutter:false;">
  <iframe src="http://網址" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
  ```
8. 
 
### 七、 電子報應用

1. 您至少必須有一組「電子報主題」，才能在該主題下建立每一期的電子報。
2. 「tadnews後台→電子報管理」去「建立新的電子報主題」。
3. 每一組「電子報主題」可以有自己的名稱、檔頭、檔尾以及佈景。
4. 一個網站可以建立許多不同主題的電子報。
5. 若要刪除一個「電子報主題」，得先將其下的電子報都刪除才行。
 
### 八、 編輯電子報

1. 「後台→本站新聞→電子報管理」，先選擇主題→「新增一期電子報」
2. 「步驟二」可以從左邊選擇您要放入電子報的新聞到右邊，並調整上下順序。
3. 「步驟三」設定一個當期電子報標題，並進行最後的整理，要增減內容請在此進行。
4. 「步驟四」可以預覽電子報，也可以自行增減要寄信的對象，然後進行寄出動作。
5. 在使用者介面的「本站新聞→電子報列表」也可以看到電子報。
6. 此時，您也可以新增「電子報一覽」的區塊，以便讓網友觀看。
7. 「觀看寄送紀錄」可以讓您查看哪些人有寄了。
8. 「立即寄出」則可寄信給指定的人。下方可大量匯入Email（以半形逗號隔開）
9. 若訂閱者很多，可能要分批寄送。
 
### 九、 設計電子報佈景

1. 一套電子報佈景是一個目錄，主佈景檔名為index.html，做好請傳至「/uploads/tadnews/themes/」底下即可。
2. 先編輯好一個網頁，然後切換到「程式碼」，加入一些佈景標籤即可完成。
3. 線上收信圖片會消失，是因為線上收信程式擋掉部份標籤或CSS的關係，若希望圖片可以完整呈現，盡量用HTML標籤，並請避開被禁止之CSS屬性：<http://www.campaignmonitor.com/css/>
4. 佈景中，可用的樣板標籤如下（灰色的部份是一定要用的部份）： <table border="1" cellpadding="1" cellspacing="1" style="width: 550px;"> <tbody> <tr> <td>**套用標籤**
  
   </td> <td style="text-align: center;">**標籤作用**</td> </tr> <tr> <td>{TNP\_TITLE}</td> <td>電子報的主題，用法：<title>{TNP\_TITLE}</title></td> </tr> <tr> <td style="background-color: rgb(207, 207, 207);">{TNP\_CODE}</td> <td style="background-color: rgb(207, 207, 207);">網頁的編碼，用法：<meta http-equiv="content-type" content="text/html; charset={TNP\_CODE}" /></td> </tr> <tr> <td style="background-color: rgb(207, 207, 207);">{TNP\_THEME}</td> <td style="background-color: rgb(207, 207, 207);">佈景主題的路徑，若有圖片，請在圖片前面加上{TNP\_THEME}標籤。  
   如：<link rel="stylesheet" type="text/css" href="{TNP\_THEME}style.css" /></td> </tr> <tr> <td>{TNP\_CSS}</td> <td>預設的CSS設定連結（<head> </head> 中貼上就好）</td> </tr> <tr> <td>{TNP\_HEAD}</td> <td>頁首（或者電子報標題）</td> </tr> <tr> <td style="background-color: rgb(207, 207, 207);">{TNP\_CONTENT}</td> <td style="background-color: rgb(207, 207, 207);">電子報主內容</td> </tr> <tr> <td>{TNP\_FOOT}</td> <td>頁尾（若覺得段落間距太大，可用shift+Enter加入斷行）</td> </tr> </tbody> </table>
 
### 十、 新聞模組的RSS設定

1. 請將backend.php複製到XOOPS的根目錄（和mainfile.php同一層即可）
2. 或是直接連結：http://網址/modules/tadnews/rss.php
3. 若只要某分類的RSS：http://網址/modules/tadnews/rss.php?ncsn=分類編號
 
### 十一、 新聞相關區塊

1. 「文章類別」：可秀出新聞所有分類
2. 「本站最新消息」：以標題+摘要（同新聞模組首頁）的方式呈現新聞。
3. 「最新回應」：顯示新聞模組的評論。
4. 「分類新聞區塊」：可選擇分類，並秀出該分類N則新聞。
5. 「焦點新聞」：可以指定某特別重要文章以呈現其內容。
6. 「自選文章」：可以輸入文章編號，讓該區塊列出指定的文章標題連結。
7. 「條列式消息」：以標題為主的方式呈現新聞。
8. 「表格式消息」：以表格的的方式呈現新聞，可自訂要呈現哪些欄位。
9. 「滑動新聞」：利用封面圖製成滑動新聞看板，這是固定寬度的。
10. 「自動縮放的滑動新聞」：利用封面圖製成滑動新聞看板，可適應於各種大小的裝置。
11. 「跑馬燈區塊」：以跑馬燈方式呈現的新聞區塊
12. 「圖文集區塊」：會呈現封面圖的新聞區塊，較為活潑
13. 「頁籤新聞區塊」：將新聞分類做成頁籤，可呈現不同分類的新聞標題。
14. 「標籤新聞區塊」：將新聞標籤做成頁籤，可呈現不同標籤的新聞標題。
 
### 十二、 自訂頁面相關區塊

1. 「自訂頁面選單」：以面板方式呈現的自訂頁面選單
2. 「自訂頁面樹狀目錄」：以樹狀目錄來呈現的自訂頁面選單
 
### 十三、 電子報相關區塊

1. 「訂閱 / 取消電子報」：讓用戶訂閱電子報的界面。
2. 「電子報一覽」：列出目前最新N則的電子報連結。

:::