線上書籍

Home

[1052] XOOPS輕鬆架

一、 Tad News新聞模組模組資訊
  1. 模組名稱:tadnews
  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
  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)  插入圖片:CKEditor 可以直接上傳圖片,點擊「瀏覽伺服器端」即可,一次可以上傳多張圖片,直接雙擊圖片,便可插入圖片,但盡量不要用中文檔名。利用「對齊方向」的靠左對齊或靠右對齊,都可以做出文繞圖效果。
    • (2)  套用圖片樣式:「樣式」→「自適應圖片」當圖片超出版面時會自動縮小。「自適應圖框」則是會再加上框線。
    • (3) 插入多媒體資源:只要貼上網址,就可以秀出影片或圖片等多媒體內容。
    • (4)  插入公式:若不熟悉語法,可參考:http://www.study-area.org/tips/opentools/opentools/x521.html
    • (5) 插入表格:設定好橫列、直欄即可,可以在「進階」裡面的「樣式表類別」加入「table table-striped table-bordered table-hover」
    • (6)  加上連結:標記文字或圖片,點選連結圖示,並輸入連結即可。也可點擊「瀏覽伺服器端」,然後上傳文件檔案,當作附檔下載來用,但注意盡量不要有中文檔名。
    • (7)  加入程式碼:選擇適當程式類型即可,若要改變呈現風格,請至tadtools偏好設定的「設定 SyntaxHighlighter 佈景」及「選擇 SyntaxHighlighter 版本」設定即可。此功能目前僅於tadnews和tad_book3中有效。
    • (8)  清除文字格式:若想要快速清除文字的顏色、帝色、粗細、大小...等(尤其是從別的網頁或文件複製貼上的內容),可以點按該圖示以清除格式,回到純文字狀態。
    • (9)  套用版面:可以輕鬆做出兩欄、三欄的版面,並支援bootstrap自適應。
    • (10)  插入fontawsome圖示:需注意佈景有無支援fontawsome。
    • (11)  內建多種bootstrap樣式,可隨時套用之,但不同情境可能會出現不同的樣式項目。
六、 自訂頁面應用
  1. 想要加入自己編寫的內容,卻又不想像新聞一樣,會隨著時間的推移而將文章往後塞,此時,您就可以用「自訂頁面」功能來做。
  2. 自訂頁面不會和新聞混在一起,需要透過區塊或選單才看得到自訂頁面內容。
  3. 加入自訂頁面區塊到前台,若一個不夠用,請複製該區塊即可。
  4. 點擊自訂頁面的分類,可以找到「加入佈景選單」可快速將該分類加入到tad_theme的導覽列中。
  5. 連到FB開發者頁面:https://developers.facebook.com/docs/plugins/page-plugin

  6. 嵌入Googe行事曆:https://calendar.google.com/calendar/embedhelper?src=帳號名稱@gmail.com

  7. 嵌入其他網頁:用iframe:

    <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. 佈景中,可用的樣板標籤如下(灰色的部份是一定要用的部份):

    套用標籤

    標籤作用
    {TNP_TITLE} 電子報的主題,用法:<title>{TNP_TITLE}</title>
    {TNP_CODE} 網頁的編碼,用法:<meta http-equiv="content-type" content="text/html; charset={TNP_CODE}" />
    {TNP_THEME} 佈景主題的路徑,若有圖片,請在圖片前面加上{TNP_THEME}標籤。
    如:<link rel="stylesheet" type="text/css" href="{TNP_THEME}style.css" />
    {TNP_CSS} 預設的CSS設定連結(<head> </head> 中貼上就好)
    {TNP_HEAD} 頁首(或者電子報標題)
    {TNP_CONTENT} 電子報主內容
    {TNP_FOOT} 頁尾(若覺得段落間距太大,可用shift+Enter加入斷行)
十、 新聞模組的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則的電子報連結。