Shopping Cart

購物車內沒有任何商品。

加入 WordPress 學習交流社團

為什麼要加入本社團?好處如下:

  • 問題解答
  • 免費教學
  • 好用工具推薦
  • 最新資訊
  • 秘訣分享
立即加入
快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何建立 WordPress 選單?從操作、類型到注意事項 (新手必讀)

選單是網頁最重要元素之一,通常出現在頁首的區域,可以幫助訪客大致了解網站主要的內容有哪些,同時也包含搜尋引擎。

不過,每一種佈景主題所提供的選單顯示位置都不盡相同,但不論如何你都需要先見建立選單才能進行後續相關的設定。

本篇文章會以 Astra 這款佈景主題來示範並說明如何新增選單,然後介紹幾種常見的選單類型以及注意事項。

什麼是 WordPress 選單?

WordPress 選單

用圖片的方式來說明可能會更直觀一些,以我網站為例,你可以看到上方用紅色框選出來的區域就是 WordPress 選單,這種類型是最常見的。

如何建立 WordPress 選單?(3 個步驟)

新增選單的方法很簡單,只需要 3 個步驟即可達成,如下:

步驟一:首先,前往 [外觀]→[選單] 然後命名選單的名稱,接著再點選「建立選單」。

建立 WordPress 選單 (一)
▲ 建立 WordPress 選單

步驟二:在左側選擇你想要新增的選單項目,預設的類型有頁面、文章、自訂連結以及分類,選擇好之後可以點選新增至選單。

▲ 新增 WordPress 選單項目

當你新增好選單項目後,可以透過拖曳的方式調整其順序 (上下) 與階層 (左右)。

▲ 調整選單項目的順序 (上下) 與階層 (左右)

如果你要刪除某一個選單項目,可以先將其展開然後再點選左下角的移除;如果想要刪除的項目很多,請善用批次選取的功能,會更有效率一些。

步驟三:最後,你可以指定選單要出現在哪裡,Astra 佈景主題有提供 5 種位置可以選擇,選好你要顯示的位置後再點選「儲存選單」即可。

▲ 決定 WordPress 選單要出現在哪裡

WordPress 選單的種類有哪些?

選單會因為出現的場合或外觀不同而有不一樣的名稱。除了一般最常見的選單以外,還包含 Off Canvas 選單、全螢幕選單、大型選單、行動裝置選單及圖文選單…等等。

至於這些選單要如何製作,我會放在付費課程中做進一步的說明,有興趣的朋友可以參考一下,以下是對應的單元。

選單類型付費課程單元案例
一頁式選單頁首區域:一頁式選單保險經紀人業務員謝芊苹
Off Canvas 選單頁首區域:Off Canvas 選單驅動數位行銷
全螢幕選單頁首區域:全螢幕選單勞力士
大型選單頁首區域:大型選單Gandi
圖文選單資訊欄區域:資訊欄進階的操作技巧Xserver
行動裝置選單頁尾區域:頁尾進階的操作技巧momo 購物網

關於 WordPress 選單的注意事項

當你熟悉選單的各項操作與類型後,有一些事項需要注意,我整理如下:

  1. 要先建立內容,才能新增選單項目 (自訂連結除外)。
  2. 建議新增首頁的選單項目,即使網站標誌可以連到首頁。
  3. 建議啟用 [固定頁首] 功能,讓選單一直維持在網頁的上方 (需要購買 Astra Pro 才能解鎖)。
  4. 自訂連結的使用時機有兩個:第一個是如有子選單,上層選單的連結要設定成 # 字號;另一個是如果你想要在選單上新增外部網站連結 (像是社群),你就只能透過自訂連結的方式處理。
  5. 如有子選單,上層選單要顯示箭頭圖示。
  6. 選單的顯示位置不一定要勾選,這取決於你是透過何種方式將選單呈現在網站上面。
  7. 子選單的階層不要超過 2 層,如果資訊量過大,建議採用大型選單的方式處理 (需要購買 Astra Pro 才能解鎖,[頁首區域:大型選單] 單元有說明製作方式)。

常見問題

整理一些關於 WordPress 選單常見的問題、操作技巧及工具推薦。

結論

網站的選單就像是一本書的目錄,能夠幫助訪客以更有效率的方式查找站內的資料。若規劃得當,不僅可以提升使用者體驗,也能讓搜尋引擎了解網站整體的架構,進而使 SEO 排名變得更好。

參考資料

瀏覽次數: 185
全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講師 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具
  • 做法及付費工具原則上只推薦一種,不會讓你繞遠路
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數十種學習資料,非常豐富
  • 獨創內容 & 範本資料庫

訂閱電子報

輸入電子郵件地址以訂閱最新消息。