如何在WordPress中添加導航菜單(入門指南)


您是否要向WordPress網站添加導航菜單?

WordPress帶有一個拖放菜單界面,可用於創建標題菜單,帶有下拉選項的菜單等。

在本逐步指南中,我們將向您展示如何輕鬆地在WordPress中添加導航菜單。

如何在WordPress中添加導航菜單

什麼是導航菜單?

導航菜單是指向網站重要區域的鏈接列表。 它們通常以水平鏈接的形式顯示在網站上每個頁面的頂部。

導航菜單可提供您的網站結構,並幫助訪問者找到所需的內容。 這是WPBeginner上導航菜單的外觀:

WPBeginner導航菜單

WordPress使添加菜單和子菜單變得非常容易。 您可以將鏈接添加到最重要的頁面,類別或主題,博客文章,甚至是自定義鏈接(例如社交媒體資料)。

菜單的確切位置取決於您的WordPress主題。 大多數主題都有幾個選項,因此您可以創建可以在不同位置顯示的不同菜單。

例如,大多數WordPress主題都帶有一個顯示在頂部的主菜單。 一些主題可能還包括輔助菜單,頁腳菜單或移動導航菜單。

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

創建您的第一個自定義導航菜單

要創建導航菜單,您需要訪問 外觀»菜單 WordPress管理信息中心中的頁面。

在WordPress中創建菜單

首先,您需要為菜單提供一個名稱,例如“頂部導航菜單”,然後單擊“創建菜單”按鈕。 這將擴展菜單區域,如下所示:

WordPress中新創建的菜單

接下來,您可以選擇要添加到菜單中的頁面。 您可以自動添加所有新的頂層頁面,也可以從左列中選擇特定頁面。

首先,點擊“查看全部”標籤以查看您網站的所有頁面。 之後,單擊要添加到菜單的每個頁面旁邊的框,然後單擊“添加到菜單”按鈕。

將項目添加到導航菜單

添加頁面後,可以通過拖放來移動它們。

拖放項目以在菜單中移動它

注意: 所有菜單的項目都在菜單編輯器的垂直(從上到下)列表中列出。 將菜單實時顯示在站點上時,菜單將垂直或水平顯示(從左到右),具體取決於您選擇的位置。

大多數主題在幾個不同的位置可以放置菜單。 在此示例中,我們使用默認的2020主題,該主題有5個不同的位置。

在將頁面添加到菜單之後,選擇要顯示菜單的位置,然後單擊“保存菜單”按鈕。

選擇菜單的顯示位置

小費: 如果不確定每個位置在哪裡,請嘗試將菜單保存在其他位置,然後訪問您的站點以查看其外觀。 您可能不想使用所有位置,但是可能要使用多個位置。

這是我們在網站上完成的菜單:

完成的實時導航菜單

在WordPress中創建下拉菜單

下拉菜單有時也稱為嵌套菜單,是具有父菜單項和子菜單項的導航菜單。 當您將光標放在父項上時,所有子項都將出現在子菜單下。

要創建子菜單,請將一個項目拖到父項目下,然後將其稍微向右拖。 我們通過菜單中“服務”下方的3個子項目完成了此操作:

將菜單項添加為子菜單

這是網站上的子菜單:

網站導航中的下拉子菜單

您甚至可以添加多層下拉菜單,以便您的子菜單可以有一個子菜單。 最終可能會看起來有點混亂,並且許多主題不支持多層下拉菜單。

在此示例中,您可以看到“徽標設計”(“服務”的子項)具有自己的兩個子項。

嵌套的下拉菜單

將類別添加到WordPress菜單

如果您使用WordPress來運行博客,則可能需要在WordPress菜單中將博客類別添加為下拉菜單。 我們在WPBeginner上執行此操作:

WPBeginner菜單顯示類別下拉菜單

您可以通過單擊“菜單”屏幕左側的“類別”標籤輕鬆地將類別添加到菜單。 您可能還需要單擊“查看全部”標籤以查看所有類別。

只需選擇要添加到菜單的類別,然後單擊“添加到菜單”按鈕。

在菜單中添加類別

類別將作為常規菜單項顯示在菜單的底部。 您可以將它們拖放到適當的位置。 我們將所有這些類別放在“博客”菜單項下。

將類別放在“博客”菜單項下

您是否要在您的網站上創建一個與首頁分開的博客頁面? 如果是這樣,請查看有關如何為WordPress中的博客文章創建單獨頁面的教程。

將自定義鏈接添加到WordPress導航菜單

除了類別和頁面,WordPress還使添加自定義鏈接到菜單變得非常容易。 您可以使用它鏈接到社交媒體資料,您的在線商店和/或您擁有的其他網站。

您將需要使用“菜單”屏幕上的“自定義鏈接”標籤。 只需在菜單中添加鏈接以及要使用的文本即可。

將自定義鏈接添加到Twitter的菜單

您甚至可以發揮創意,並在菜單中添加社交媒體圖標。

社交媒體菜單

在WordPress導航菜單中編輯或刪除菜單項

當您將頁面或類別添加到自定義導航菜單時,WordPress將頁面標題或類別名稱用作鏈接文本。 您可以根據需要更改此設置。

單擊菜單旁邊的向下箭頭可以編輯任何菜單項。

展開菜單項以編輯其名稱

您可以在此處更改菜單項的名稱。 您也可以在此處單擊“刪除”以完全刪除菜單中的鏈接。

如果您在拖放界面上遇到麻煩,則還可以通過單擊相應的“移動”鏈接來移動菜單項。

在側邊欄和頁腳中添加WordPress菜單

您不必只堅持主題的顯示位置。 您可以在使用小部件的任何區域(如側邊欄或頁腳)中添加導航菜單。

只需轉到 外觀»小部件 並將“導航菜單”小部件添加到側邊欄中。 接下來,為小部件添加標題,然後從“選擇菜單”下拉列表中選擇正確的菜單。

將菜單添加為邊欄小部件

這是在Syed Balkhi網站上構建的自定義WordPress頁腳菜單的示例。

WordPress頁腳菜單示例-Syed Balkhi

導航菜單更進一步

如果您想創建一個包含大量鏈接的真正史詩般的菜單,我們提供了有關如何在WordPress中創建大型菜單的教程。 這使您可以創建一個包含很多項目(包括圖像)的下拉菜單。

超級菜單預覽

如果您擁有大型站點(例如,在線商店或新聞站點),則超級菜單是一個不錯的選擇。 路透社,Buzzfeed,星巴克等網站都使用這種菜單。

關於WordPress菜單的常見問題解答

這是我們從初學者那裡聽到的有關WordPress導航菜單的一些最常見的問題。

1.如何將首頁鏈接添加到WordPress菜單?

要將首頁添加到導航菜單,您需要點擊頁面下的“查看全部”標籤。 從那裡,您應該看到您的主頁。

將首頁添加到WordPress導航菜單

選中“主頁”旁邊的框,然後單擊“添加到菜單”。 不要忘記保存您的更改。

2.如何在WordPress中添加多個導航菜單?

在WordPress中,您可以創建任意多個菜單。 要將菜單放置在您的網站上,您需要將其添加到主題的菜單位置之一,或添加到上面顯示的小部件區域。

要將多個導航菜單添加到您的WordPress網站,請首先按照上面的教程創建菜單。

要將其放置在您的網站上,請點擊“管理位置”標籤。

在WordPress中管理菜單位置

在這裡,您可以選擇要在主題可用菜單位置中顯示的菜單。

如果要向站點添加新菜單位置,請參閱有關如何向WordPress主題添加自定義導航菜單的教程。

我們希望本文能幫助您學習如何在WordPress中添加導航菜單。 您可能還需要查看有關如何在WordPress中設置導航菜單樣式以及如何在WordPress中創建粘性浮動導航菜單的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。