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