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