創建WordPress主導航菜單:加入頁面、分類同自訂連結

大約一分鐘
江蘇
2025-10-19
2025-10-21
8,039
當你透過以下連結購物,我會獲得佣金,對你嚟講冇額外成本。.

導航菜單係網站嘅「指南針」,可以幫訪客快速搵到所需內容。無論係博客嘅文章分類、企業網站嘅服務頁面,定係外部連結,都可以透過導航菜單清晰展示。本章節會手把手教你建立主導航菜單,並加入頁面、分類同自訂連結,等訪客輕鬆瀏覽你嘅網站。

一、認識 WordPress 導航菜單:基礎概念

開始操作前,先了解幾個關鍵概念:

  • 主導航菜單:通常位於網站頂部(Header),係訪客進入網站後最先見到嘅導航入口,包含核心頁面(例如首頁、關於我哋、聯絡我哋等)。
  • 菜單位置:主題決定咗菜單可以擺放嘅位置(例如頂部導航欄、側邊欄、底部),主導航一般會揀「頂部菜單」或者「主菜單」位置。
  • 菜單元素:可以加到菜單入面嘅內容包括「頁面」(例如已經建立嘅「服務頁」)、「分類」(例如博客嘅「技術分享」分類)、「自訂連結」(例如外部網站、電郵連結)。

二、建立主導航菜單:基本設定

步驟 1:進入菜單管理介面

建立WordPress主導航選單:加入頁面、分類同自訂連結 - LikaCloud
  1. 登入 WordPress 後台,撳左邊菜單欄「外觀」→「菜單」,進入菜單編輯頁面。
  2. 第一次用嗰陣,頁面會提示「你未有建立任何菜單」,撳「建立新菜單」。

步驟 2:改名同建立菜單

  1. 喺「菜單名稱」度輸入菜單名(例如「主導航」,只係用喺後台識別,訪客睇唔到)。
  2. 撳「建立菜單」掣,系統就會整出一個空白菜單,跟住就可以加內容落去。

步驟 3:設定菜單位置(好緊要!)

建立咗菜單之後,要指定佢喺網站入面嘅顯示位置:

  1. 喺頁面右邊「菜單設定」→「顯示位置」度,剔返主題提供嘅「主菜單」或者「頂部菜單」(唔同主題個名可能唔同,例如「Primary Menu」)。
  2. 撳「儲存菜單」,確保設定生效(如果唔剔位置,菜單建立咗都唔會喺前台顯示)。

三、加「頁面」入導航菜單:連結站內頁面

如果你嘅網站已經建立咗核心頁面(例如「關於我哋」「聯絡我哋」),可以直接將佢哋加落菜單度:

建立WordPress主導航選單:加入頁面、分類同自訂連結 - LikaCloud
  1. 喺菜單編輯頁面左邊,搵到「頁面」模組(預設會顯示最近建立嘅頁面)。
  2. 剔返你想加落菜單嘅頁面(例如「首頁」「關於我哋」「服務介紹」)。
  3. 點擊「加落菜單」按鈕,揀咗嘅頁面就會出現喺右邊嘅菜單列表度。
  4. 拖動菜單項可以調整順序(撳住菜單項左邊嘅「≡」圖標上下拖動)。
  5. 點擊「保存菜單」,刷新網站前台,就會見到新增嘅頁面連結。

四、添加「分類」到導航菜單:整理博客內容

如果你嘅網站係博客或者包含文章內容,建議將「文章分類」加到菜單(例如「教程」「資訊」),方便訪客按分類瀏覽:

建立WordPress主導航選單:加入頁面、分類同自訂連結 - LikaCloud
  1. 喺菜單編輯頁面左邊,撳「分類」模組(如果冇顯示,撳右上角「屏幕選項」,剔返「分類」)。
  2. 剔返需要加嘅分類(例如「WordPress 教程」「設計技巧」)。
  3. 撳「加到菜單」,分類就會出現喺菜單列表度(撳分類名可以改顯示文字)。
  4. 調好次序之後撳「保存菜單」,前台菜單就會顯示分類連結,撳咗之後會跳去該分類下面所有文章。

五、添加「自訂連結」:連結外部網站或者特殊地址

除咗站內頁面同分類,仲可以添加自訂連結(例如外部合作網站、社交媒體主頁、電郵地址等等):

建立WordPress主導航選單:加入頁面、分類同自訂連結 - LikaCloud
  1. 喺選單編輯頁面左邊,搵到「自訂連結」模組。
  2. 喺「URL」入面輸入連結地址:
    • 外部網站:例如 https://www.example.com(必須包含 http:// 或 https://)。
    • 社交媒體:例如 https://weibo.com/你的账号 或 https://facebook.com/你的账号
    • 電郵連結:輸入 mailto:你的邮箱@example.com(撳咗會直接開郵件客戶端)。
  3. 喺「連結文字」度輸入菜單顯示嘅字(例如「關注我哋」「聯絡電郵」)。
  4. 撳「加到菜單」,自訂連結會加入菜單列表,執好次序之後「保存菜單」。

六、執菜單結構:排次序同分層級

加完菜單項目之後,可能要調整吓順序或者設定層級(例如二級菜單),令導航更加有條理:

建立WordPress主導航選單:加入頁面、分類同自訂連結 - LikaCloud

1. 調整順序

撳住菜單項目左邊嘅「≡」圖標,上下拖到目標位置,放開滑鼠就得㗎啦。

2. 創建二級菜單(下拉式菜單)

如果某個選單項目屬於另一個選單嘅子項(例如「服務介紹」下面有「網站建設」「品牌設計」),可以設定為二級選單:

  1. 選中子選單項目(例如「網站建設」),向右拖曳,直到佢同父選單產生縮排(左側出現虛線)。
  2. 放開滑鼠後,子選單項目會自動成為父選單嘅下拉項目(前台滑鼠懸停喺父選單上面時顯示)。
  3. 點擊「儲存選單」,重新整理前台睇效果。

示例

  • 父選單:服務介紹
    • 二級選單:網站建設
    • 二級菜單:品牌設計

七、常見問題解決

1. 菜單添加後前台唔顯示?

  • 檢查「菜單設定」中係咪揀啱咗「顯示位置」(例如「主菜單」)。
  • 切換到網站前台,按 Ctrl+F5(Windows)或者 Command+Shift+R(Mac)強制重新整理快取。
  • 確認而家用緊嘅主題支援呢個選單位(有啲簡約主題可能只支援一個選單位)。

2. 想刪除某個菜單項目?

喺菜單列表度,撳菜單項目右邊嘅「▼」圖示展開選項,撳「移除」,再撳「保存菜單」就得。

想改菜單項目嘅顯示文字?

撳菜單項目右邊嘅「▼」圖示,喺「導航標籤」度改文字(例如將「頁面標題」改成更簡潔嘅「首頁」),保存就得。

八、新手小貼士

  • 控制菜單數量:主導航菜單建議唔好超過5-7個項目,太多會顯得雜亂(次要內容可以放喺二級菜單或者底部導航)。
  • 優先核心內容:將訪客最可能點擊嘅內容(例如首頁、服務、聯絡頁面)放喺菜單最左邊(視覺焦點位置)。
  • 定期檢查連結:發佈後點擊菜單中嘅每個連結,確保可以正常跳轉(避免頁面刪除後連結失效)。

通過以上步驟,你已經掌握咗創建導航菜單嘅核心技能。一個清晰嘅導航菜單可以顯著提升訪客體驗,等佢哋輕鬆搵到需要嘅內容。接下來可以學習「菜單位置設置」同「下拉菜單優化」,令導航更專業!

標籤: