如何在 WordPress 中添加下拉菜單 - 初學者指南

已發表: 2021-12-09

在 WordPress 中添加下拉菜單是在您的網站上顯示項目列表的一種簡潔方式。 它們使您的網站看起來井井有條,為整體外觀增添了科技感,並使您的網站易於為用戶導航。

最好的部分 - 只需幾分鐘即可了解如何在 WordPress 中添加下拉菜單。

是不是很刺激?

在這個簡短的初學者指南中,我們將解釋什麼是下拉菜單、它們如何工作以及如何為您的網站創建下拉菜單。 為了完成它,您還將學習如何編輯下拉菜單以滿足您的需求。

所以,事不宜遲,讓我們開始學習吧。

目錄

  • 什麼是 WordPress 中的下拉菜單?
  • 為什麼要在 WordPress 中使用下拉菜單?
  • 如何在 WordPress 中添加下拉菜單?
    • 第 1 步:創建 WordPress 菜單
    • 第 2 步:將項目添加到您創建的菜單中
    • 步驟 3:通過排列子項創建下拉菜單
    • 第 4 步:發布新的下拉菜單
  • 如何在 WordPress 中編輯下拉菜單
    • 1.刪除下拉菜單的子項
    • 2. 重新排序項目
    • 3.刪除下拉菜單
  • 創建交互式下拉菜單的一些有用技巧
    • 1. 創建多級下拉菜單
    • 2.創建多個下拉菜單
    • 3. 使用實時預覽創建菜單
    • 4.創建一個大型下拉菜單
  • 包起來

什麼是 WordPress 中的下拉菜單?

下拉菜單基本上是菜單管理系統的一部分,用於添加指嚮導航菜單的鏈接。 如果您不知道導航菜單,它們就是指向您網站主頁的鏈接。 它們通常位於頁面頂部,如下例所示:

導航菜單示例

由於在導航菜單上添加多個鏈接可能看起來很混亂和擁擠,下拉菜單有助於整齊地安排事情。 您可以嚮導航菜單添加多個鏈接,並使用下拉菜單向訪問者展示您提供的內容。 訪問者將鼠標懸停在主菜單上時會看到菜單鏈接,如下例所示:

下拉菜單示例

如您所見,添加下拉菜單可以讓您節省空間有限的問題並為您的 WordPress 網站提供有條理的外觀。

為什麼要在 WordPress 中使用下拉菜單?

如果您有一個全新的 WordPress 網站並且剛剛開始使用新博客,那麼您可能沒有很多網頁。 但隨著網站的發展,您開始添加多種內容和產品。 然後,您需要向您的網站添加更多菜單以獲得更好的瀏覽體驗。

然而,排隊的菜單太多,顯得雜亂無章,有些不專業。 此外,您也不能錯過包括它們。 這是您需要下拉菜單的地方。

下拉菜單將幫助您添加項目,而不會弄亂導航菜單。 它們讓您有效地利用有限的空間。

以下是在 WordPress 中使用下拉菜單的主要原因:

  • 它們使您可以在導航菜單上整齊地組織項目。
  • 您可以有效地利用空間。
  • 下拉菜單使您的網站看起來更加詳細和專業。
  • 您可以根據主題的層次結構排列菜單。
  • 它使您的網站具有高度可導航性,並增強了瀏覽體驗。

如何在 WordPress 中添加下拉菜單?

創建和添加下拉菜單很容易。 只需在 WordPress 中點擊幾下,您就可以在幾分鐘內完成。 以下是步驟:

第 1 步:創建 WordPress 菜單

首先,您需要創建菜單以將其添加到導航菜單中。 這是如何做到的:

  • 登錄到您的 WordPress 儀表板。
  • 轉到“外觀” ,然後單擊“菜單”選項。
前往菜單
  • 您將在頂部看到“創建新菜單”鏈接。 點擊它。
在 WordPress 中創建一個新的菜單選項
  • 在給定字段中輸入菜單名稱,然後單擊下面的“創建菜單”按鈕。
添加菜單名稱並創建新菜單

完成此操作後,WordPress 會為您創建一個新菜單。 但是,它是一個空菜單。 您仍然需要將項目添加到菜單中。 為此,讓我們繼續第二步。

第 2 步:將項目添加到您創建的菜單中

創建新菜單後,您現在應該向其中添加項目。 菜單項只是指向您網站上各個頁面或部分的鏈接。 此類鏈接使訪問者更容易瀏覽您的網站。 以下是向菜單添加項目的方法:

  • 在左側,您將看到一個名為“添加菜單項”的部分。 在該部分中,您將看到可以添加到菜單中的頁面列表。
  • 選擇要添加到您創建的菜單的頁面。
  • 之後,單擊下面的“添加到菜單”按鈕。
在 WordPress 的菜單中添加頁面
  • 您將看到您選擇的頁面出現在“菜單結構”部分。
  • 您還可以在菜單中添加帖子、登錄頁面、自定義鏈接和其他選項。 從“添加菜單項”部分展開相應部分,而不是“頁面”。 然後,像之前一樣將其添加到您的菜單中。
您可以在 WordPress 的菜單上添加的各種項目
  • 完成後單擊底部的“保存菜單”按鈕。

步驟 3:通過排列子項創建下拉菜單

將頁面/帖子/自定義鏈接添加到“菜單結構”後,您需要將其設為下拉菜單。 否則,所有這些項目將在導航菜單中顯示為常規項目。 您可以使用父子結構創建下拉菜單。

父項是將承載子項的主標題項。 同樣,子項是用戶將鼠標懸停在父項上時出現的那些鏈接。 這是您的操作方法:

  • 單擊要製作子項目的項目。
  • 現在將其拖到您要作為父項的項目下。 但是,請確保將子項稍微向右放置。
在 WordPress 中創建父項和子項
  • WordPress 將“子項”標籤分配給您剛剛創建的子項。 您可以在相應的父項上添加任意數量的子項。 完成後,單擊下面的“保存菜單”按鈕。

第 4 步:發布新的下拉菜單

即使在“菜單結構”中創建了下拉菜單,它仍然不會出現在您的網站上。 這是因為您只創建了菜單,還沒有發布它。 因此,您需要發布它。

這是您的操作方法:

  • 添加菜單中的所有項目後,向下滾動。 您可以在底部找到菜單設置
  • 您將看到“顯示位置” ,然後單擊“主菜單”。
  • 單擊下面的“保存更改”按鈕。
  • 下拉菜單現在出現在您的網站上。
發布新的下拉菜單

如何在 WordPress 中編輯下拉菜單

您已經學習瞭如何在 WordPress 中添加下拉菜單。 隨著時間的推移,您可能需要對其進行更改。 以下是編輯您創建的菜單的方法:

1.刪除下拉菜單的子項

要從下拉菜單中刪除項目,請執行以下步驟:

  • 轉到 WordPress 上的外觀 > 菜單
  • 確保您位於“編輯菜單”選項卡上。
  • “菜單結構”中,單擊要刪除的項目旁邊的下拉箭頭。
  • 單擊“刪除”鏈接。
  • 保存更改。

2. 重新排序項目

如果您需要重新排列菜單項的順序,請執行以下步驟:

  • 首先,從菜單編輯器中拖動項目以將其放置在您想要的位置。
  • 只需放下物品。 滿意後保存更改。
拖放菜單以重新排序

3.刪除下拉菜單

如果您想刪除整個菜單:

  • 選擇要從 WordPress 中刪除的菜單。
  • 您將在底部看到“刪除菜單”選項。 點擊它。
刪除菜單

就那麼簡單!

創建交互式下拉菜單的一些有用技巧

導航菜單是您網站上的用戶友好功能。 用戶可以輕鬆找到他們正在尋找的內容,而不會浪費任何時間。 因此,在您的網站上正確使用導航菜單將幫助讀者在您的網站上找到自己的方式。

以下是為您的網站創建交互式和結構化下拉菜單的一些提示:

1. 創建多級下拉菜單

您還可以在另一個子項下添加一個項以創建多級下拉菜單。 此類菜單常見於電子商務網站或具有許多頁面的網站。

創建多級下拉菜單

2.創建多個下拉菜單

您可以在主菜單欄中創建多個下拉菜單來鏈接您網站的各個頁面。

多個下拉菜單

3. 使用實時預覽創建菜單

許多 WordPress 主題都提供了一個定制器,可以在定制主題時提供實時預覽。 使用實時預覽創建站點菜單將使您生動地了解它在前端的外觀。

  • 轉到 WordPress 儀表板上的外觀 > 自定義選項以訪問自定義程序。
自定義設置
  • 您將在定制器上看到“菜單”選項。 此選項的位置可能會根據您使用的主題而有所不同。
定制器上的菜單選項
  • 在這裡,您將找到創建新菜單或拖動菜單以使其成為主要、次要或第三級的選項。 添加、刪除和排序菜單項與上述步驟中的說明相同。

4.創建一個大型下拉菜單

一般下拉菜單僅顯示有限的子菜單。 但是,當用戶將鼠標懸停在主菜單上時,您也可以顯示網站的完整結構。 以下是步驟:

  • 首先,您需要從 wordpress.org 下載並安裝Mega Menu插件之一。 然後,激活插件。
  • 轉到插件的設置選項並進行必要的更改。

包起來

你看,在 WordPress 中添加一個下拉菜單只需要點擊幾下和幾分鐘。 但是,您可以添加的菜單的數量和位置可能因主題而異。 因此,請確保為您的網站選擇正確的主題,而不僅僅是選擇流行的主題。

不過,添加下拉菜單是改善用戶瀏覽體驗的好方法。 它們使您的網站看起來井井有條,並簡化了您網站周圍的導航。

我們希望這個初學者指南對您有所幫助。 請務必在下面的評論部分寫下您的反饋。

您還可以查看如何將小部件添加到 WordPress。