WordPress 具有內置菜單管理系統,可以輕松地將菜單添加到您的網站。然而,隨著您添加越來越多的頁面、帖子和其他雜項內容,將每個目的地都包含在標準菜單欄中可能會變得不可能。
在這些情況下,通過用下拉菜單替換標準水平菜單欄,您可以輕松訪問網站的每個部分,而不會使菜單欄變得混亂。
在這個快速提示中,我將分享兩種簡單的方法,您可以將任何標準 WordPress 菜單轉換為下拉菜單。
最佳 WordPress 導航插件
在我們開始之前,我想提一下,您可以在 CodeCanyon 上找到超過 7,000 個有史以來最好的 WordPress 插件。通過便宜的一次性付款,您可以購買這些高質量的 WordPress 插件來滿足導航或其他需求。
免費 WordPress 教程視頻
此外,您可能還想查看我們的深入 WordPress 教程,其中包含兩個多小時的針對初學者的深入 WordPress 視頻說明。甚至有一門專門針對使用 WordPress 菜單的特殊課程。
創建至少一個標準 WordPress 菜單
您可以將下拉功能添加到任何 WordPress 菜單。
如果您沒有要轉換為下拉菜單的標準菜單,那么您需要創建一個。
登錄您的 WordPress 帳戶(如果您尚未登錄)。在 WordPress 的左側菜單中,選擇外觀 > 菜單,然后點擊創建新菜單按鈕。為您的菜單命名,然后選擇創建新菜單。
請注意,菜單名稱不會出現在您網站上的任何位置,因此僅供您參考。 添加菜單項部分列出了所有頁面、帖子、自定義鏈接、類別 和您可以添加到菜單中的格式。單擊任意部分即可查看該類別中的所有可用項目。當您找到要添加到菜單中的項目時,請選擇其隨附的復選框。
當您對選擇感到滿意時,請點擊添加到菜單。所有這些項目現在都將添加到您的菜單中。
此時,您已經創建了一個標準的 WordPress 菜單;您的下一個任務是添加下拉功能。
將任何 WordPress 菜單轉換為下拉菜單
要將常規菜單變成下拉菜單,您需要使用拖放來創建“父”項目(將顯示為主菜單的一部分)和“子”項目(將顯示為他們父母的下拉列表的一部分。
例如,在下面的屏幕截圖中,設置是其父級,密碼重置和注銷是其子級。
這給了我以下下拉菜單:
您可以在菜單結構區域將菜單項分為父菜單項和子菜單項。 p>
首先,抓住任何你想變成孩子的物品。將子項拖到父項上,但暫時不要釋放鼠標。將鼠標稍微向右移動,使其嵌入父級下方。釋放鼠標,菜單項應該成為父項的子項。
如果您對下拉菜單的組織方式感到滿意,請點擊保存菜單。
管理位置:顯示您的菜單
現在我們需要將此下拉菜單放置在我們的網站上,因此請單擊管理位置選項卡。
根據您網站的設置方式,您可能有不同的菜單定位選項。但是,如果您希望菜單顯示為網站標題的一部分,則通常需要選擇頂部菜單、主菜單或主.
如果您對自己的選擇感到滿意,請點擊保存更改。您的下拉菜單現在應該顯示在網站頂部。
使用主題定制器構建下拉菜單
或者,您可以使用 WordPress 的實時預覽和定制器功能創建下拉菜單。
在 WordPress 的左側菜單中,選擇外觀 > 菜單。
單擊使用實時預覽進行管理按鈕。這會將您帶到主題定制器的一個區域,您可以通過單擊創建新菜單按鈕來構建標準 WordPress 菜單。為您的菜單命名,然后單擊下一步。
點擊添加項目并選擇您想要作為菜單一部分顯示的每個項目。要將標準菜單項變成子菜單項,請將其拖動到要用作其父菜單項的項目上。在釋放鼠標之前,將子項稍微向右拖動,然后釋放。該項目現在應該轉換為父項目的子項目,并且它將顯示為其下拉菜單的一部分。
當您將菜單分為父菜單和子菜單時,您的更改將自動反映在實時預覽中。沖洗并重復,直到您對下拉菜單的配置方式感到滿意為止。
通過選擇菜單位置復選框之一來指定新下拉菜單的顯示位置。請注意,可用選項會有所不同,具體取決于您當前使用的 WordPress 主題。如果您對下拉菜單的配置方式感到滿意,請點擊發布。
您的新下拉菜單現在應該出現在您的網站上。
結論
在這個快速提示中,我向您展示了如何創建標準 WordPress 菜單,然后將該菜單轉換為下拉菜單。通過選擇下拉菜單,您可以確保您的網站易于導航,不會使菜單欄變得混亂。
有關如何充分利用 WordPress 菜單和其他 WordPress 插件的更多提示和技巧,請查看我們的其他一些教程。
UberMenu:最暢銷的 WordPress 超級菜單插件
如果您正在尋找一流的 WordPress 菜單插件,請查看 UberMenu。
您可以使用 UberMenu 快速為您的 WordPress 網站開發自定義大型菜單。作為 CodeCanyon 最暢銷的 WordPress 大型菜單選項之一,該插件開箱即用,可以構建完全響應式、支持觸摸的菜單,并且在跨平臺上一致執行。這個用戶友好的插件可讓您在您已經習慣使用的系統中快速構建高級子菜單布局。
這個插件是完全可定制的,因此您可以構建一個與您的網站完美配合的大型菜單。