主要功能是建立與管理網站的頁面,說明如下:
  • 新增頁面
    提供多種類型的頁面,包括文件、人員介紹以及彈性的一般頁面等。
     
  • 從範例網站複製
    從其他網站複製已經設計好版型、內容的頁面。
     
  • 組織網站的頁面架構
    可用拖曳方式調整頁面順序。當頁面的數量較多時,還可以善用「選單分類」建立網頁次選單。
     
  • 頁面管理功能
    提供隱藏頁面、修改設定、設計選單 icon、指定成系統首頁、前往設計入口 (資訊規劃 or 版面設定) 等功能。
     
  • 設計不同語系的頁面
    點擊標題右方語系圖示,可以切換到英文或簡體來設計對應語系的內容。074b7ecfb3e651f0f3f6c8f3808bd689.png
以下是規劃網站頁面架構的主要流程。
重點
  1. 1.
    進入「選單與內容管理」
    從側欄下方管理區塊,可以進入「選單與內容管理」。
     
    小提醒:
    網站若沒有啟用側欄,可以從首頁下方的「管理」選單進入。
  2. 2.
    建立頁面
    在網站中提供 3 種建立新頁面的方式,說明如下:
    • 新增頁面
      提供多種型態的頁面,包括一般文件、人員介紹以及一般頁面等。
       
    • 連結現有頁面
      將「系統管理 / 版面設計」中的「自訂頁面」加入到網站中心。
       
    • 從範例網站複製
      從其他網站複製已經設計好版型、內容的頁面。
      更詳細的操作說明,請參考文件:
      http://p.fms.tw/media/3464
  3. 3.
    新增網頁連結
    提供連結到其他網頁的功能 (例如:學校系所首頁、知識庫) 。
  4.  
     
    組織網站架構
  5. 4.
    調整頁面排序
    新加入的頁面會出現在選單的最下方,這時可以使用拖曳符號 91e7d2050ca933cc0e8fc70bf750bdb5.png 來調整頁面的排序。
  6. 5.
    新增選單分類
    當頁面數量較多時,可以透過「選單分類」組織網站結構,並以次選單的方式呈現。
  7. 6.
    設計不同語系的頁面
    點擊右方語系圖示,可以切換到英文或簡體來設計對應語系的頁面。
  8.  
     
    頁面設定的相關工具
  9. 7.
    修改頁面設定
    透過右側的 bfb25e8409f446b568f46b422e4b6166.png 工具列「頁面設定」即可修改頁面的設定,例如:
    • 狀態
      是否啟用,例如,將設計中的頁面先隱藏 (不啟用)。
       
    • 網址
      指定更能辨識的網址,例如  introduction、info ... 等。
       
    • 訪客瀏覽
      例如,只給登入後的使用者觀看。
       
    • 代表圖片
      分享到 fb 等社群網站的縮圖。
       
    • 頁面 top 功能
      網頁內容很長時,透過浮動的 top 按鈕回到頁面最上方。
  10. 8.
    設計選單 icon
    如果要在頁面標題前加上 icon,點擊頁面右側的 bfb25e8409f446b568f46b422e4b6166.png 工具列的「icon 設計」,可使用系統預設的 icon 或貼上 fontawesome 的圖示代碼 (far fa-plus)。
  11. 9.
    將指定頁面設為首頁
    若想更換網站的首頁,點擊指定頁面右側的 bfb25e8409f446b568f46b422e4b6166.png 工具列「設成網站中心首頁」即可。