快捷導(dǎo)航

使用 Conditional Menus 插件讓 WordPress 在不同頁(yè)面顯示不同菜單

更新時(shí)間：2021年09月20日 14:47:36 投稿：WDC

這篇文章主要介紹了如何使WordPress在不同頁(yè)面顯示不同菜單

菜單是每個(gè)網(wǎng)站的基本內(nèi)容，它可以幫助訪問(wèn)者輕松找到他們需要的頁(yè)面。但是，在結(jié)構(gòu)復(fù)雜的網(wǎng)站上，您可能希望每組頁(yè)面都有單獨(dú)的菜單。要以這種方式自定義它們，您需要一個(gè)插件來(lái)創(chuàng)建不同的菜單并將它們分配給您的頁(yè)面/頁(yè)面組。

在這篇文章中，我將徹底向您展示如何以最快的方式做到這一點(diǎn)。但首先，讓我們看看為每個(gè)頁(yè)面創(chuàng)建單獨(dú)的菜單如何在特定情況下為您提供幫助。

為每個(gè)頁(yè)面創(chuàng)建單獨(dú)菜單的情況

在以下情況下，為每個(gè)頁(yè)面設(shè)置單獨(dú)的菜單可能對(duì)您有所幫助：

您想在主頁(yè)的菜單上顯示產(chǎn)品頁(yè)面。每個(gè)產(chǎn)品頁(yè)面都有一個(gè)特定的菜單，該菜單有一個(gè)鏈接到產(chǎn)品信息頁(yè)面的子菜單。例如，產(chǎn)品頁(yè)面的菜單將包含相應(yīng)產(chǎn)品的價(jià)格、原產(chǎn)國(guó)等信息。
您擁有一個(gè)連鎖店的網(wǎng)站，每個(gè)商店都由一個(gè)單獨(dú)的頁(yè)面表示。主頁(yè)的菜單將指向商店頁(yè)面。每個(gè)商店的頁(yè)面都有自己的基本頁(yè)面菜單，如產(chǎn)品、地址、訂單等。

為了更容易理解，我將以一個(gè)水果商業(yè)網(wǎng)站為例。我的網(wǎng)站在主頁(yè)上有一個(gè)默認(rèn)菜單，它指向兩個(gè)頁(yè)面：Apple 和 Banana。

為每個(gè)頁(yè)面創(chuàng)建單獨(dú)菜單的情況

Conditional Menus 插件教程

我將使用Conditional Menus插件為這兩個(gè)頁(yè)面創(chuàng)建另外兩個(gè)單獨(dú)的菜單。以下是完成它的步驟：

第 1 步：安裝并激活 Conditional Menus 插件

Conditional Menus 插件是免費(fèi)的，可在wordpress.org 上獲得。您只需要像其他所有免費(fèi)插件一樣安裝和激活它。

Conditional Menus 下載地址：https://litepress.cn/plugins/conditional-menus/

接下來(lái)，轉(zhuǎn)到外觀 > 菜單，切換到管理位置，您可以看到插件添加的+ Conditional Menu：

為每個(gè)頁(yè)面創(chuàng)建單獨(dú)菜單的情況

第 2 步：創(chuàng)建菜單

現(xiàn)在我將為 Apple 和 Banana 頁(yè)面創(chuàng)建單獨(dú)的菜單。為此，我轉(zhuǎn)到外觀 > 菜單 > 編輯菜單 > 創(chuàng)建新菜單。

安裝并激活 Conditional Menus 插件

接下來(lái)，命名菜單，選擇菜單的顯示位置（我想顯示在Header 上），然后單擊創(chuàng)建菜單。

創(chuàng)建菜單

在添加菜單項(xiàng)部分，您需要添加頁(yè)面作為子菜單。我將在Apple Menu 中添加兩個(gè)頁(yè)面，分別是Apple Origin和Apple Price。單擊“保存菜單”。

創(chuàng)建菜單2

我現(xiàn)在將執(zhí)行相同的步驟為Banana頁(yè)面創(chuàng)建一個(gè)單獨(dú)的菜單：

創(chuàng)建菜單3

第 3 步：將菜單設(shè)置為相應(yīng)的頁(yè)面

仍然在外觀 > 菜單，更改為管理位置并選擇+ Conditional Menu：

創(chuàng)建菜單4

從列表中選擇一個(gè)菜單（我選擇的是Apple Menu）。單擊+ 條件以設(shè)置顯示位置：

在外觀 > 菜單中，更改為管理位置并選擇 + 條件菜單

將出現(xiàn)一個(gè)新的彈出窗口，您將看到不同的選項(xiàng)卡可供選擇。您可以選擇在每個(gè)類(lèi)別、文章類(lèi)型、分類(lèi)、用戶(hù)角色、或主頁(yè)、404頁(yè)面等顯示菜單。

我將選擇Pages選項(xiàng)卡和Apple頁(yè)面將菜單設(shè)置為此頁(yè)面。

從列表中選擇一個(gè)菜單（我選擇的是 Apple 菜單）。單擊 + 條件以設(shè)置顯示位置

我會(huì)對(duì) Banana 菜單做同樣的事情。

當(dāng)一個(gè)新的彈出窗口出現(xiàn)時(shí)，我會(huì)選擇頁(yè)面選項(xiàng)卡和蘋(píng)果頁(yè)面來(lái)設(shè)置菜單到這個(gè)頁(yè)面

最后，不要忘記點(diǎn)擊保存更改，否則你所做的一切都會(huì)消失。

現(xiàn)在我將去WordPress的前端檢查結(jié)果。

當(dāng)一個(gè)新的彈出窗口出現(xiàn)時(shí)，我會(huì)選擇頁(yè)面選項(xiàng)卡和香蕉頁(yè)面來(lái)設(shè)置菜單到這個(gè)頁(yè)面

如您所見(jiàn)，主頁(yè)、Apple 頁(yè)面和 Banana 頁(yè)面現(xiàn)在具有我希望的三個(gè)不同的菜單。

總結(jié)

如您所見(jiàn)，使用 Conditional Menus 插件為不同的頁(yè)面創(chuàng)建不同的菜單非常簡(jiǎn)單且有用。此外，該插件還為您提供了靈活的選擇，可以為文章類(lèi)型、類(lèi)別、分類(lèi)法、用戶(hù)角色等甚至 404 頁(yè)面創(chuàng)建單獨(dú)的菜單。

更多關(guān)于WordPress使用小技巧請(qǐng)查看下面的相關(guān)文章

您可能感興趣的文章: