每月僅需 600 元起便能享有快速、安全及穩定的主機空間

如何建立 WordPress 選單?從操作、類型到注意事項

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

/ 閱讀時間 14 分鐘 

最後更新時間 : 2023 年 9 月 14 日

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

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

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

什麼是 WordPress 選單?

什麼是 WordPress 選單?

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

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

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

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

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

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

▲ 新增 WordPress 選單項目

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

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

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

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

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

WordPress 選單的種類有哪些?

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

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

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

關於 WordPress 選單的注意事項

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

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

常見問題

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

結論

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

參考資料

WordPress Menu User Guide

https://wordpress.com/zh-tw/support/menus/

這篇文章對您是否有幫助?

0 / 5

Your page rank:

不滿意現有網站的速度嗎?😥

我們提供的 WordPress 網站代管服務能讓你的網站快如閃電,進而提升使用者體驗與 SEO 排名。

全方位學 WordPress – 從架站到整合行銷 2.0

這是一門 WordPress 架站與 SEO 行銷課程,學完後便能擁有更全面的架站技能並且透過課程所教的行銷操作手法與資源,讓你的網站獲得更多曝光的機會,進而帶來收益。

在〈如何建立 WordPress 選單?從操作、類型到注意事項 (新手必讀)〉中有 4 則留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


購物車

聯絡我們

請填寫以下表單,我們將盡速與您聯繫

聯絡資訊
需求確認


驅動

關於我們

驅動數位行銷成立於 2019 年,提供個人或企業在網路上的各種行銷解決方案,主要的服務項目包含:網頁設計、網站代管以及搜尋引擎最佳化。與其他網頁設計公司不同之處在於,我們是以獲得更多流量、名單、銷售與轉介紹為導向。

PRO 360 專家檔案