WordPress 的菜单中添加条件逻辑

你想在 WordPress 中为不同页面显示不同的导航菜单项吗? 或者为登录访客显示不同的菜单?

WordPress 允许你在主题的特定位置显示导航菜单,但默认情况下,它将始终显示相同的菜单。

在本文中,我们将向你展示 WordPress 中向菜单添加条件逻辑。

如何在 WordPress 的菜单中添加条件逻辑

为什么要在 WordPress 的菜单中添加条件逻辑?

导航菜单为你的 WordPress 网站提供结构并帮助访问者找到他们正在寻找的内容。 默认情况下,你的 WordPress 网站将向所有访客以及所有帖子和页面显示相同的导航菜单。

但是,有时你可能希望向不同的访客显示不同的菜单,或者在你网站的不同页面上显示不同的菜单。

在线商店、WordPress 会员网站社区或在线学习平台等网站都可以从个性化导航菜单中受益。

使用条件逻辑,我们可以为登录访客添加额外的菜单项,以便他们可以管理他们的帐户、续订订阅或查看他​​们购买的在线课程。 我们可以将其视为 WordPress 菜单访问控制。

话虽如此,让我们看看 WordPress 的菜单中添加条件逻辑。 以下是我们将在本教程中介绍的主题:

  • 在 WordPress 中创建新的导航菜单
  • 在 WordPress 中向登录访客显示不同的菜单
  • 根据访客角色显示不同的 WordPress 菜单
  • 在 WordPress 中为不同页面显示不同的菜单
  • 在 WordPress 中隐藏登录页面上的导航菜单
  • 使用 WordPress 导航菜单做更多事情

在 WordPress 中创建新的导航菜单

第一步是创建你希望在 WordPress 中显示的其他导航菜单。 之后,我们可以使用条件逻辑来决定何时显示每个菜单。

只需转到 WordPress 仪表板中的外观 » 菜单页面。 假如你已经在网站上为所有访客使用了导航菜单,那么这可以是你的默认菜单。

主菜单

接下来,你需要单击“创建新菜单”链接来创建新菜单。 例如,我们可以创建一个菜单显示给登录访客,另一个显示在某个 WordPress 页面或类别上。

在屏幕的左侧,我们可以看到你的网站页面列表。 只需选中要添加到菜单的任何页面旁边的框,然后单击“添加到菜单”按钮。

登录菜单

你还可以拖放屏幕右侧的菜单项以重新排列它们。

在页面下方,我们可以选择显示菜单的位置。 但是,你现在不需要为此菜单分配位置。 我们将在下一步中这样做。

不要忘记单击“保存菜单”按钮来存储你的更改。

有关创建菜单的更多详细信息,我们可以查看我们的初学者教程,了解 WordPress 中添加导航菜单。

在 WordPress 中向登录访客显示不同的菜单

根据访客是否登录到你的站点,向访客显示不同的导航菜单通常很有用。

例如,我们可以为已注销的访客添加登录和注册链接,并为你的登录菜单添加注销链接。

或者,假如你正在经营一家 WooCommerce 商店,那么我们可以为你的客户提供对公众隐藏的商品。

首先,你需要安装并激活条件菜单插件。 有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步教程。

激活后,你需要访问外观»菜单页面并切换到“管理位置”选项卡。

管理菜单位置

从这里,你将看到可用菜单位置列表和当前显示的菜单。 这些将根据你使用的 WordPress 主题而有所不同。

例如,在我们的演示网站上,它显示我们的主菜单位置正在显示一个名为“主菜单”的导航菜单。

通过单击“+ Conditional Menu”链接并从下拉菜单中选择另一个菜单,我们可以告诉插件在某个条件匹配时显示不同的菜单。 对于本教程,我们将选择“登录菜单”。

选择登录菜单

接下来,你需要单击“+ 条件”链接。

这将弹出一个弹出窗口,你将在其中看到一堆可供选择的条件。

选择登录用户aa条件

只需选中“访客登录”选项旁边的框,然后单击“保存”按钮。

你现在可以访问你的网站以查看正在运行的登录访客菜单。 我们可以退出你的网站以查看向所有其他访客显示的导航菜单。

登录用户的不同菜单

有关更详细的说明并了解如何使用代码执行此操作,请查看我们的教程,了解 WordPress 中向登录访客显示不同的菜单。

根据访客角色显示不同的 WordPress 菜单

访客登录后,你还可以根据分配给他们的访客角色显示不同的导航菜单。

例如,我们可以为管理员添加额外的菜单项,为贡献者添加更有限的菜单项。 或者在会员网站上,我们可以授予对不同会员级别的不同访问级别。

与上一节一样,你需要安装并激活条件菜单插件,然后访问外观»菜单页面并切换到“管理位置”选项卡。

选择条件菜单

你应该为你将选择的访客角色添加适当的条件菜单。 对于本教程,我们选择了“导航菜单管理员”菜单。

之后,你需要单击“+条件”链接,以便选择访客角色。

选择应该看到菜单的角色

你需要单击“访客角色”选项卡以查看你网站上每个访客角色的复选框。 只需单击将看到此菜单的访客角色,然后单击“保存”按钮。

在 WordPress 中为不同页面显示不同的菜单

我们可以为 WordPress 中的不同页面显示不同的菜单。 例如,我们可以在隐私政策页面上显示额外的菜单项,例如指向你的 cookie 通知的链接。

为此,你需要安装并激活条件菜单插件,如上所示,然后选择适当的导航菜单并单击“+条件”链接。

这次你应该单击“页面”选项卡。 你将看到你网站上每个页面的列表。

选择应显示菜单的页面

你需要在要显示导航菜单的每个页面旁边打勾,然后单击“保存”按钮。

在 WordPress 中隐藏登录页面上的导航菜单

你网站上的某些页面可能根本不想显示导航菜单,例如你的登录页面。

登陆页面旨在增加销售额或为企业创造潜在客户。 在这些页面上,你将希望最大限度地减少干扰并为访客提供他们采取特定行动所需的所有信息。

在我们关于如何将着陆页转化率提高 300% 的教程中,我们建议我们可以通过从页面中删除导航菜单和其他链接来最大程度地减少干扰。

我们可以使用条件菜单插件来做到这一点。 选择条件菜单时,这一次你需要从下拉菜单中选择“禁用菜单”。

从下拉菜单中选择禁用菜单

接下来,你需要单击“+ 条件”链接以选择何时显示菜单。

你应该点击“页面”标签并在你的目标网页旁边打勾。

选择应隐藏导航菜单的页面

不要忘记单击“保存”按钮来存储你的设置。

使用 WordPress 导航菜单做更多事情

导航菜单是一个强大的网页设计工具。 它们允许你将访客指向你网站中最重要的部分。

既然你在不同的页面上为不同的访客显示不同的导航菜单,你可能想知道如何进一步自定义它们。

尝试这些有用的教程来扩展 WordPress 网站上导航菜单的功能。

  • 如何将自定义项目添加到特定的 WordPress 菜单
  • WordPress 主题中添加自定义导航菜单
  • WordPress 中添加全屏响应菜单
  • WordPress 中创建垂直导航菜单
  • 如何向你的 WordPress 网站添加大型菜单
  • 如何设置 WordPress 导航菜单的样式

我们希望本教程能帮助你了解 WordPress 中向菜单添加条件逻辑。 你可能还想了解如何创建自动化工作流程,或查看我们的 WordPress WooCommerce 最佳社交证明插件列表。

© 版权声明
THE END
喜欢就支持一下吧
点赞12 分享
评论 抢沙发

请登录后发表评论