使用 Conditional Menus 插件讓 WordPress 在不同頁面顯示不同菜單
菜單是每個網(wǎng)站的基本內(nèi)容,它可以幫助訪問者輕松找到他們需要的頁面。但是,在結(jié)構(gòu)復(fù)雜的網(wǎng)站上,您可能希望每組頁面都有單獨(dú)的菜單。要以這種方式自定義它們,您需要一個插件來創(chuàng)建不同的菜單并將它們分配給您的頁面/頁面組。
在這篇文章中,我將徹底向您展示如何以最快的方式做到這一點(diǎn)。但首先,讓我們看看為每個頁面創(chuàng)建單獨(dú)的菜單如何在特定情況下為您提供幫助。
為每個頁面創(chuàng)建單獨(dú)菜單的情況
在以下情況下,為每個頁面設(shè)置單獨(dú)的菜單可能對您有所幫助:
- 您想在主頁的菜單上顯示產(chǎn)品頁面。每個產(chǎn)品頁面都有一個特定的菜單,該菜單有一個鏈接到產(chǎn)品信息頁面的子菜單。例如,產(chǎn)品頁面的菜單將包含相應(yīng)產(chǎn)品的價格、原產(chǎn)國等信息。
- 您擁有一個連鎖店的網(wǎng)站,每個商店都由一個單獨(dú)的頁面表示。主頁的菜單將指向商店頁面。每個商店的頁面都有自己的基本頁面菜單,如產(chǎn)品、地址、訂單等。
為了更容易理解,我將以一個水果商業(yè)網(wǎng)站為例。我的網(wǎng)站在主頁上有一個默認(rèn)菜單,它指向兩個頁面:Apple 和 Banana。
Conditional Menus 插件教程
我將使用Conditional Menus插件為這兩個頁面創(chuàng)建另外兩個單獨(dú)的菜單。以下是完成它的步驟:
第 1 步 :安裝并激活 Conditional Menus 插件
Conditional Menus 插件是免費(fèi)的,可在wordpress.org 上獲得。您只需要像其他所有免費(fèi)插件一樣安裝和激活它。
Conditional Menus 下載地址:https://litepress.cn/plugins/conditional-menus/
接下來,轉(zhuǎn)到外觀 > 菜單,切換到 管理位置,您可以看到插件添加的+ Conditional Menu:
第 2 步:創(chuàng)建菜單
現(xiàn)在我將為 Apple 和 Banana 頁面創(chuàng)建單獨(dú)的菜單。為此,我轉(zhuǎn)到外觀 > 菜單 > 編輯菜單 > 創(chuàng)建新菜單。
接下來,命名菜單,選擇菜單的顯示位置(我想顯示在Header 上),然后單擊創(chuàng)建菜單。
在添加菜單項(xiàng)部分,您需要添加頁面作為子菜單。我將在Apple Menu 中添加兩個頁面,分別是Apple Origin和Apple Price。單擊“保存菜單”。
我現(xiàn)在將執(zhí)行相同的步驟為Banana頁面創(chuàng)建一個單獨(dú)的菜單:
第 3 步:將菜單設(shè)置為相應(yīng)的頁面
仍然在外觀 > 菜單,更改為管理位置并選擇+ Conditional Menu:
從列表中選擇一個菜單(我選擇的是Apple Menu)。單擊+ 條件以設(shè)置顯示位置:
將出現(xiàn)一個新的彈出窗口,您將看到不同的選項(xiàng)卡可供選擇。您可以選擇在每個類別、文章類型、分類、用戶角色、或主頁、404頁面等顯示菜單。
我將選擇Pages選項(xiàng)卡和Apple頁面將菜單設(shè)置為此頁面。
我會對 Banana 菜單做同樣的事情。
最后,不要忘記點(diǎn)擊保存更改,否則你所做的一切都會消失。
現(xiàn)在我將去WordPress的前端檢查結(jié)果。
如您所見,主頁、Apple 頁面和 Banana 頁面現(xiàn)在具有我希望的三個不同的菜單。
總結(jié)
如您所見,使用 Conditional Menus 插件為不同的頁面創(chuàng)建不同的菜單非常簡單且有用。此外,該插件還為您提供了靈活的選擇,可以為文章類型、類別、分類法、用戶角色等甚至 404 頁面創(chuàng)建單獨(dú)的菜單。
更多關(guān)于WordPress使用小技巧請查看下面的相關(guān)文章
- 在WordPress的后臺中添加頂級菜單和子菜單的函數(shù)詳解
- 在WordPress中獲取數(shù)據(jù)庫字段內(nèi)容和添加主題設(shè)置菜單
- WordPress開發(fā)中自定義菜單的相關(guān)PHP函數(shù)使用簡介
- WordPress中注冊菜單與調(diào)用菜單的方法詳解
- 以JavaScript來實(shí)現(xiàn)WordPress中的二級導(dǎo)航菜單的方法
- WordPress導(dǎo)航菜單的滾動和淡入淡出效果的實(shí)現(xiàn)要點(diǎn)
- WordPress中制作導(dǎo)航菜單的PHP核心方法講解
- wordpress主題支持自定義菜單及修改css樣式實(shí)現(xiàn)方法
相關(guān)文章
select下拉菜單實(shí)現(xiàn)二級聯(lián)動效果
這篇文章主要介紹了select下拉菜單實(shí)現(xiàn)二級聯(lián)動效果,在一些項(xiàng)目開發(fā)中經(jīng)常會遇到這樣的需求,今天小編通過實(shí)例代碼給大家講解,需要的朋友可以參考下2019-10-10為Jenkins創(chuàng)建定時構(gòu)建任務(wù)
這篇文章介紹了為Jenkins創(chuàng)建定時構(gòu)建任務(wù)的方法,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03Git基礎(chǔ)學(xué)習(xí)之分支基本操作詳解
這篇文章主要為大家詳細(xì)介紹了Git基礎(chǔ)學(xué)習(xí)中分支的基本操作,例如分支的創(chuàng)建、查看、切換和刪除等,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-10-10