如何在 WordPress 中創建和編輯菜單導航

導航菜單是您網站最重要的元素之一。 沒有它，您的訪問者將無法獲得他們需要的內容，也無法理解您提供的內容，並且通常會對您的網站感到困惑。 不幸的是，WordPress 菜單系統並不是 CMS（內容管理系統）中最直觀的部分。 我們理解這一點，並希望向您展示如何最好地導航 WP 導航系統。 以便您和您的用戶盡可能獲得最佳體驗。

創建 WordPress 菜單之前

現在，在我們深入研究 WP 菜單結構之前，讓我們花點時間來計劃一下。 雖然創建菜單很簡單（只需轉到外觀 – 菜單並開始單擊），但創建有用的菜單更深入一些。 本質上，問自己兩個問題：

• 我為誰做菜單？
• 我希望我的訪客去哪裡？

關於我為誰製作菜單？ ，這可能看起來很傻。 因為答案無疑是“您的用戶”。 但這並不是那麼簡單。 不同的用戶需要不同的東西。 新用戶是否需要與回訪者相同的頁面？ 已登錄的成員是否會看到與未登錄的成員相同的菜單？

通過考慮將使用此特定菜單的人員，您可以保持簡單。 您可以避免在其中塞滿頁面，以免讓查看它的人不知所措。 WordPress 菜單的優點在於您可以創建多個版本並將它們顯示在不同的位置。

這讓我們想到了第二個問題：我希望我的訪客去哪裡？ 與哪些用戶需要哪些菜單密切相關，決定您希望這些用戶去哪裡將決定您創建什麼樣的菜單。

ElegantThemes.com 作為真實世界的例子

例如，我們不久前在 Elegant Themes 上重新設計了標題菜單。 我們希望專注於為我們的 Facebook 群組、Divi 主題用戶和我們的 Meetup 網絡帶來流量。 除了Divi本身，那是不言而喻的。 為此，我們簡化了菜單結構，與過去存在的更強大的版本相比，只為用戶提供了少數選項。

將鼠標懸停在Divi 上，您不僅會看到指向主題功能的鏈接，還會看到指向我們想要突出顯示的社交網絡的鏈接。 所有產品也將顯示 Divi 作為旗艦產品，當人們查看我們的會員選項時，定價也是如此。 帳戶位於新用戶範式之外，但它使新用戶可以快速訪問其會員資格，並提供新會員註冊選項。 聯繫方式也適用於每個人。

如您所見，每個菜單項都會將選定的訪問者部分引導到我們希望他們最常看到的頁面。 也就是說，我們還在頁面的頁腳中提供了一個更完整的菜單，可以鏈接到我們的博客、資源、單個產品頁面等位置。

標題菜單仍然存在。 但是我們知道頁面底部的菜單將被有更具體需求的人使用，他們知道尋找另一個菜單（這是當今的網絡標準）來找到他們想要的東西。

考慮到這一點，您可能已經弄清楚您要為誰創建菜單以及您希望他們做什麼。 因此，讓我們開始構建您的 WordPress 菜單。

如何創建 WordPress 菜單

前往外觀 – WordPress 儀表板中的菜單。 您應該會看到如下內容：

此頁面不是 WordPress 中用戶最友好的部分，但您會看到一些與我們上面討論的內容相關的部分。

菜單名稱供您參考。 沒有用戶會看到這一點。 通過適當命名來跟踪哪個菜單的位置。 在左側，您會看到頁面、帖子、自定義鏈接和類別。 一些主題在此處包含更多選項。 你的可能會也可能不會。 菜單項可以是單獨的帖子或頁面，也可以是類別鏈接。 此外，自定義鏈接可讓您鏈接到任何內容，只需記住https://，否則您的鏈接可能會失效。

在菜單設置 下，我們強烈建議您禁用自動添加頁面。 此選項會將您網站上創建的所有新頁面添加到 WordPress 菜單。 大多數人永遠不會選中此框。

現在顯示位置選項將因主題而異，因為每個主題在允許 WordPress 菜單顯示的位置方面都有不同的佈局。 但是，這些是您網站中可以完整顯示菜單的位置。 您可以在屏幕頂部的“管理位置”選項卡下對菜單位置進行更多微調

接下來，在菜單本身中添加您想要的任何內容。 只需選中旁邊的框，然後單擊添加到菜單。 這樣做會將其添加到Menu Structure 下。 單擊箭頭以顯示其他選項，例如Navigation Label 。

請記住，導航標籤將向用戶顯示 。 這是出現在菜單中的部分。 因此，如果您的頁面標題太長，您可以在此處縮短它。

現在，創建 WordPress 菜單最重要的部分（也許是所有平台中最被遺忘的操作之一）是單擊屏幕右側的保存菜單。

保存後，菜單將生效。 如果它已經顯示在您的網站上，則更改將立即生效。

如何創建下拉 WordPress 菜單

在大多數情況下，上述步驟與在 WordPress 中創建下拉菜單的步驟相同。 但是，您還需要執行另一個步驟才能顯示子菜單。

在菜單結構部分下，每個項目都是可拖動的。 要創建下拉菜單，只需單擊您想要的項目並將其拖到您想要作為其父項的項目上。 WordPress 足夠聰明，它知道如果你把一件物品帶給另一個人，你想要下一個。 嵌套它們將在前端創建一個下拉菜單。

在下拉列表中為任意數量的項目重複此操作。 嵌套層次結構易於理解。 每次在結構中創建一個新級別時，菜單都會有一個額外的下拉菜單。

在前端，它看起來類似於：

現在，這些步驟假定您正在使用現有的菜單項。 但是，如果您不希望觸發下拉菜單的項目成為可導航鏈接，您可以簡單地創建一個帶有#而不是 URL 的自定義鏈接。

這樣做將創建一個菜單項，但單擊它只會展開下拉菜單。

如何在您的 WordPress 網站上使用多個菜單

回到我們之前討論的內容，我們希望確保我們顯示的每個菜單都是有焦點的。 有時，大型菜單是站點導航的最佳選擇。 例如，亞馬遜就是一個很好的例子，它充分利用了大型菜單。 但是，大多數使用超級菜單的網站不需要它們。 它們不必要地使站點導航複雜化。

但是，如果您確實有一個大型站點並且可以對其進行劃分，那麼在您的站點中使用多個菜單幾乎總是更好的選擇。 用戶必須做出的選擇越少意味著他們做出您希望他們做出的選擇的可能性就越大。

現在，例如，假設您要創建一個僅出現在博客側邊欄中的菜單，以幫助引導用戶。 我們可以將菜單命名為S idebar Widget 之類的名稱來跟踪它。 但是，如果您查看“顯示位置”或“管理位置”選項卡，則可能沒有側邊欄選項。

那隻是意味著我們必須手動放置菜單。 在 WordPress 儀表板中，轉到外觀 – 小部件並找到導航菜單小部件。

在大多數情況下，您的主題將有一個通用的側邊欄選項。 導航菜單小部件默認為 WordPress。 因此，無論您的主題如何，這都將起作用。 但是，您的主題可能有其他菜單小部件的內容，基本步驟仍應適用。

與下拉菜單項一樣，單擊並將其拖動到側邊欄區域。 由於小部件在 WordPress 中的工作方式，小部件將立即出現在您的網站上。 但是，您尚未選擇要顯示的菜單，因此它將是空白區域。

如果您選擇了Title ，它將顯示為菜單上方的標題。 選擇菜單選項是您選擇要顯示的特定菜單的地方。 您還可以單擊可見性鏈接並打開上面看到的額外框。 這個新框為您提供了條件可見性的選項。 為此，我們可能只希望此菜單出現在分類為Podcasts 的帖子上，因此當我們單擊Save 時，更改將生效。

這就是他們的全部。 您應該記住，您作為標題菜單的下拉菜單創建的任何內容都將在側邊欄小部件中顯示為嵌套菜單。 因此，如果您使用 # 創建了任何占位符 URL，則在此菜單中將是一個不可點擊的鏈接。 只需相應地計劃您的 WordPress 菜單創建。

結束 WordPress 菜單

WordPress 菜單系統不必令人生畏。 有時可能看起來有點不清楚，但正如您所看到的，這是一個易於導航的過程，一旦您知道如何去做，它就會變得非常強大。 但是請記住，當您繼續創建自己的站點導航時，菜單並不是萬能的。 一定要考慮到你想在你的網站上找到哪些頁面，並創建菜單系統來創造這種體驗。 並非每個頁面、帖子和鏈接都必須出現在同一個菜單中。 在 WordPress 菜單的情況下，更少肯定可以更多。

您如何構建 WordPress 菜單？ 您的網站有多少種不同的菜單？

朱莉婭蒂姆/shutterstock.com 的文章特色圖片