如何将条件逻辑合并到 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 上发现我们。