如何將條件邏輯合併到 WordPress 的菜單中

已發表: 2022-07-27


您想在 WordPress 中為不同的網頁顯示不同的導航菜單產品嗎? 或者為登錄的買家顯示多樣化的菜單?

WordPress 允許您在主題中以獨特的語言環境顯示導航菜單,但默認情況下,它通常會清楚地顯示類似的菜單。

在這篇文章中,我們將清楚地向您展示如何在 WordPress 的菜單中包含條件邏輯。

How to Add Conditional Logic to Menus in WordPress

為什麼要在 WordPress 的菜單中增加條件邏輯?

導航菜單為您的 WordPress 網站組成,並幫助網站訪問者找到他們想要的東西。 默認情況下,您的 WordPress 網站將在所有客戶以及所有帖子和網頁上顯示準確的導航菜單。

然而,有時您可能希望向不同的消費者顯示屏幕獨特的菜單,或者在您的網頁上的獨特網頁上顯示。

諸如在線零售店、WordPress 會員網站社區或在線查找系統之類的互聯網網站都可以從個性化導航菜單中獲得回報。

使用條件邏輯,您可以為登錄的人增加添加的菜單商品,以便他們可以管理他們的帳戶、續訂訂閱或查看他們獲得的網上課程。 您可以將其視為 WordPress 菜單項控件。

說了這麼多,讓我們看看如何在 WordPress 的菜單中包含條件邏輯。 以下是我們將在本教程中介紹的主題:

第一步是開發您希望在 WordPress 中篩選的附加導航菜單。 之後,您可以使用條件邏輯來決定何時顯示幾乎每個菜單。

基本上轉到 WordPress 儀表板中的外觀 » 菜單頁面。 如果您已經為所有用戶在 Internet 站點上使用了導航菜單,那麼這可以是您的默認菜單。

Main menu

將來,您必須單擊“創建新菜單”網站鏈接來開發新菜單。 例如,您可以將一個菜單顯示給已登錄的最終用戶,並在選定的 WordPress 網站頁面或類上顯示另一個菜單。

在屏幕的另一側,您可以看到您的網站頁面列表。 只需驗證要添加到菜單的任何網站旁邊的框,然後單擊“添加到菜單”按鈕。

Logged in menu

您還可以拖放屏幕右側的菜單項以重新排列它們。

在網站的更下方,您可以選擇一個地方來展示您的菜單。 但是,您現在無需為此菜單分配位置。 我們將在接下來的階段這樣做。

不要忘記單擊“保存菜單”按鈕來購買您的變體。

有關生成菜單的更多信息,您可以查看我們的初學者教程,了解如何在 WordPress 中添加導航菜單。

無論他們是否登錄到您的網站,向客戶顯示各種導航菜單通常很有價值。

例如,您可以為已註銷的客戶合併登錄和註冊超鏈接,並為您的登錄菜單增加一個指向您的菜單的註銷網站鏈接。

或者,如果您在 WooCommerce 零售店工作,那麼您可以為您的消費者提供對標準公眾隱藏的商品。

首先,您需要安裝並激活條件菜單插件。 有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步信息。

激活後,您需要查看視覺外觀 » 菜單頁面並切換到“管理位置”選項卡。

Manage menu locations

從下面,您將看到菜單位置的記錄以及此時顯示的菜單。 這些將根據您使用的 WordPress 主題而波動。

例如,在我們的演示網頁上,我們最重要的菜單區域設置顯示了一個名為“主菜單”的導航菜單。

我們可以通過單擊“+ Conditional Menu”超鏈接並從下拉菜單中選擇另一個菜單來通知插件在確定的問題匹配時顯示不同的菜單。 對於本教程,我們將選擇“登錄菜單”。

Select logged in menu

接下來,您需要點擊“+條件”反向鏈接。

這將傳達一個彈出窗口,您將在其中看到一堆可供選擇的情況。

Select logged in user aa the condition

只需選中“用戶登錄”選項後面的框,然後單擊“保存”按鈕。

您現在可以訪問您的網站以查看登錄的消費者菜單的運行情況。 您可以退出您的網站以查看已向所有其他用戶驗證的導航菜單。

Different menu for logged in users

如需更詳盡的說明並掌握如何執行此應用代碼,請查看我們的指南,了解如何在 WordPress 中向登錄的買家顯示不同的菜單。

當一個人登錄後,您還可以根據您分配給他們的用戶角色顯示一個多樣化的導航菜單。

例如,您可以為管理員添加更多菜單產品,為貢獻者添加額外的最少項目。 或者在會員網頁上,您可以授予對各種會員範圍的不同數量的訪問權限。

與上一節一樣,您需要設置並激活條件菜單插件,然後訪問物理外觀»菜單頁面並更改為“管理位置”選項卡。

Select the Conditional Menu

您確實應該為您將找到的人員角色合併適當的條件菜單。 對於本教程,我們選擇了“導航菜單管理員”菜單。

之後,您需要單擊“+ 條件”鏈接,以便選擇消費者職位。

Select the Roles That Should See the Menu

您必須單擊“用戶角色”選項卡才能查看您網站上每個消費者工作的複選框。 只需單擊將看到此菜單的消費者角色,然後單擊“保存”按鈕。

您可以為 WordPress 中的獨特網頁顯示不同的菜單。 為了說明,您可以在您的隱私保護網頁上顯示更多菜單產品,例如指向您的 cookie 發現的網站鏈接。

為此,您需要設置並激活條件菜單插件,如前所述,然後選擇可接受的導航菜單並單擊“+條件”反向鏈接。

這次您應該真正單擊“頁面”選項卡。 您將在您的 Internet 站點上看到每個站點的列表。

Select the Pages Where the Menu Should Be Displayed

您必須在您希望在其中顯示導航菜單的每個單獨的網站頁面上勾選一個複選標記,然後只需單擊“保存”按鈕。

在 WordPress 中隱藏登陸 Internet 頁面上的導航菜單

您的網站上可能存在您根本不想顯示導航菜單的網頁,例如您的登錄頁面。

建立登陸網站是為了增加利潤或為組織吸引潛在客戶。 在這些網頁上,您將希望最大限度地減少干擾,並向客戶展示他們必須考慮特定操作的所有細節。

在我們關於如何將著陸點轉化率提高 300% 的指南中,我們建議您可以通過移除網頁上的導航菜單和其他超鏈接來減少干擾。

您可以使用條件菜單插件來做到這一點。 在決定條件菜單時,這一次您需要從下拉菜單中選擇“禁用菜單”。

Select Disable Menu From the Drop Down

接下來,您只需單擊“+條件”連接即可選擇何時顯示菜單。

您只需單擊“頁面”選項卡,然後在您的目標網頁上打勾。

Select the Pages Where the Navigation Menu Should Be Hidden

永遠不要忽略單擊“保存”按鈕來存儲您的配置。

導航菜單是一個強大的萬維網結構軟件。 它們允許您將最終用戶安排到您網頁的最關鍵部分。

既然您在不同的網頁上為獨特的最終用戶顯示了獨特的導航菜單,您可能想知道如何對它們進行額外的個性化。

試試這些有用的教程來延長 WordPress 網站上導航菜單的性能。

我們希望本教程能幫助您了解如何在 WordPress 的菜單中包含條件邏輯。 您可能還想研究如何構建自動化工作流程,或查看我們對 WordPress 和 WooCommerce 的理想社交證明插件的記錄。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 電影教程。 您也可以在 Twitter 和 Facebook 上發現我們。