跳至內容

Part 4 · 選單與網站結構:頂部導覽列的增刪與排序

Part 4

選單與網站結構:頂部導覽列的增刪與排序

網站頂部那排「主頁、聯絡我們…」就是選單(Menu)。這一章教你新增選單項目、排序、做出下拉子選單與大型選單(Mega Menu)。

路徑:進入網站 頂部 網站 選單 選單編輯工具

A. 這一章的流程

① 開選單編輯工具
② 新增項目
③ 拖曳排序/做子選單
④ 儲存

B. 逐步操作

1
從「網站」選單找到各種編輯工具

進入網站後,點頂部深色列的「網站」,會展開一個很重要的選單,本手冊後面好幾章都從這裡進:

網站選單:選單編輯工具、頁面、屬性、SEO
① 選單編輯工具(本章) ② 頁面(管理所有頁面,Part 5) ③ 屬性(此頁設定) ④ SEO 最佳化(Part 6)。
2
在「編輯選單」對話框增刪、排序

點「選單編輯工具」,跳出「編輯選單」視窗,列出目前所有選單項目:

編輯選單對話框
① 拖曳把手(按住上下拖動=改順序) ② 鉛筆=編輯該項目的名稱與連結(垃圾桶=刪除) ③ 新增功能選單(加一般連結) ④ 新增巨型功能表項目(Mega Menu) ⑤ 儲存。
💡 做「下拉子選單」的訣竅把某個項目向右拖動,它就會縮排變成上一個項目的子選單(畫面右側提示「向右拖動以獲取子功能表」)。向左拖回則變回主選單。
3
新增選單項目:連到頁面或外部網址

按「新增功能選單」,填寫:

增加功能表項目對話框
① 名稱(選單上顯示的文字) ② 網址或電郵 ③ 小技巧:輸入「/」會搜尋你網站現有頁面、「#」連到本頁某段落 ④ 確定。
欄位填什麼為什麼
名稱選單文字,例:關於我們訪客在導覽列看到的字
網址或電郵連到自家頁面輸入「/」選頁;外部連結貼完整網址(https://…);Email 用 mailto:決定點下去去哪裡
4
巨型選單(Mega Menu)與頁尾連結

新增巨型功能表項目」會建立一個展開後很大、可放多欄連結與圖片的下拉區,適合分類多的網站。它一樣可在編輯器中拖拉排版。

頁尾(Footer)的「有用的連結」「關於我們」等,不在這個選單編輯器裡,而是在編輯模式直接點頁尾文字修改(見 Part 5)。

5
(進階)在後台用清單管理選單

需要一次總覽多網站的選單、或設定「可見組別」(限特定群組看到)時,用後台清單:網站 › 網站 › 選單

後台網站選單清單
① 新增 ② 依網站分組(每站各自的選單) ③ 是否為巨型功能表 ④ 可見組別(限特定群組可見)。
⚠️ 注意事項
  • 改完選單要按「儲存」,關掉視窗前沒存=沒生效。
  • 外部連結務必含 https://,否則會被當成站內相對路徑而連錯。
  • 選單項目連到「未發佈」的頁面時,訪客點了會看到 404 —— 先把該頁發佈(Part 5)。
如何查到 網站(頂部選單)› 選單編輯工具。或後台 網站 › 網站 › 選單 也能用清單方式管理。搜尋關鍵字:「選單 / Menu」。
評分
0 0

暫時沒有留言。

成為第一個留言的人。