1. 程式人生 > 程式設計 >使用 Conditional Menus 外掛讓 WordPress 在不同頁面顯示不同選單

使用 Conditional Menus 外掛讓 WordPress 在不同頁面顯示不同選單

選單是每個網站的基本內容,它可以幫助訪問者輕鬆找到他們需要的頁面。但是,在結構複雜的上,您可能希望每組頁面都有單獨的選單。要以這種方式自定義它們,您需要一個外掛來建立不同的選單並將它們分配給您的頁面/頁面組。

在這篇文章中,我將徹底向您展示如何以最快的方式做到這一點。但首先,讓我們看看為每個頁面建立單獨的選單如何在特定情況下為您提供幫助。

為每個頁面建立單獨選單的情況

在以下情況下,為每個頁面設定單獨的選單可能對您有所幫助:

  • 您想在主頁的選單上顯示產品頁面。每個產品頁面都有一個特定的選單,該選單有一個連結到產品資訊頁面的子選單。例如,產品頁面的選單將包含相應產品的價格、原產國等資訊。
  • 您擁有一個連鎖店的網站,每個商店都由一個單獨的頁面表示。主頁的選單將指向商店頁面。每個商店的頁面都有自己的基本頁面選單,如產品、地址、訂單等。

為了更容易理解,我將以一個水果商業網站為例。我的網站在主頁上有一個預設選單,它指向兩個頁面:Apple 和 Banana。

為每個頁面建立單獨選單的情況

CondiGQCATjLcRtional Menus 外掛教程

我將使用Conditional Menus外掛為這兩個頁面建立另外兩個單獨的選單。以下是完成它的步驟:

第 1 步 :安裝並激活 Conditional Menus 外掛

Conditional Menus 外掛是免費的,可在wordpress.org 上獲得。您只需要像其他所有免費外掛一樣安裝和啟用它。

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

接下來,轉到外觀 > 選單,切換到 管理位置,您可以看到外掛新增的+ Conditional GQCATjLcRMenu:

為每個頁面建立單獨選單的情況

第 2 步:建立選單

現在我將為 Apple 和 Banana 頁面建立單獨的選單。為此,我轉到外觀 > 選單 > 編輯選單 > 建立新選單。

安裝並激活 Conditional Menus 外掛

接下來,命名選單,選擇選單的顯示位置(我想顯示在Header 上),然後單擊建立選單。

建立選單

在新增選單項部分,您需要新增頁面作為子選單。我將在Apple Menu 中新增兩個頁面,分別是Apple Origin和Apple Price。單擊“儲存選單”。

建立選單2

我現在將執行相同的步驟為Banana頁面建立一個單獨的選單:

建立選單3

第 3 步:將選單設定為相應的頁面

仍然在外觀 > 選單,更改為管理位置並選擇+ Conditional Menu:

建立選單4

從列表中選擇一個選單(我選擇的是Apple Menu)。單擊+ 條件以設定顯示位置:

在外觀 > 選單中,更改為管理位置並選擇 + 條件選單

將出現一個新的彈出視窗,您將看到不同的選項卡可供選擇。您可以選擇在每個類別、文章型別、分類、使用者角色、或主頁、404頁面等顯示選單。

我將選擇Pages選項卡和Apple頁面將選單設定為此頁面。

從列表中選擇一個選單(我選擇的是 Apple 選單)。 單擊 + 條件以設定顯示位置

我會對 Banana 選單做同樣的事情。

當一個新的彈出窗口出現時,我會選擇頁面選項卡和蘋果頁面來設定選單到這個頁面

最後,不要忘記點選儲存更改,否則你所做的一切都會消失。

現在我將去WordPress的前端檢查結果。

當一個新的彈出窗口出現時,我會選擇頁面選項卡和香蕉頁面來設定選單到這個頁面

如您所見,主頁、Apple 頁面和 Banana 頁面現GQCATjLcR在具有我希望的三個不同的選單。

總結

如您所見,使用 Conditional Menus 外掛為不同的頁面建立不同的選單非常簡單且有用。此外,該外掛還為您提供了靈活的選擇,可以為文章型別、類別、分類法、使用者角色等甚至 404 頁面建立單獨的選單。

更多關於WordPress使用小技巧請檢視下面的相關文章