使用 Conditional Menus 插件让 WordPress 在不同页面显示不同菜单

 更新时间:2021年09月20日 14:47:36   投稿:WDC  
这篇文章主要介绍了如何使WordPress在不同页面显示不同菜单

菜单是每个网站的基本内容,它可以帮助访问者轻松找到他们需要的页面。但是,在结构复杂的网站上,您可能希望每组页面都有单独的菜单。要以这种方式自定义它们,您需要一个插件来创建不同的菜单并将它们分配给您的页面/页面组。

在这篇文章中,我将彻底向您展示如何以最快的方式做到这一点。但首先,让我们看看为每个页面创建单独的菜单如何在特定情况下为您提供帮助。

为每个页面创建单独菜单的情况

在以下情况下,为每个页面设置单独的菜单可能对您有所帮助:

  • 您想在主页的菜单上显示产品页面。每个产品页面都有一个特定的菜单,该菜单有一个链接到产品信息页面的子菜单。例如,产品页面的菜单将包含相应产品的价格、原产国等信息。
  • 您拥有一个连锁店的网站,每个商店都由一个单独的页面表示。主页的菜单将指向商店页面。每个商店的页面都有自己的基本页面菜单,如产品、地址、订单等。

为了更容易理解,我将以一个水果商业网站为例。我的网站在主页上有一个默认菜单,它指向两个页面:Apple 和 Banana。

为每个页面创建单独菜单的情况

Conditional Menus 插件教程

我将使用Conditional Menus插件为这两个页面创建另外两个单独的菜单。以下是完成它的步骤:

第 1 步 :安装并激活 Conditional Menus 插件

Conditional Menus 插件是免费的,可在wordpress.org 上获得。您只需要像其他所有免费插件一样安装和激活它。

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

接下来,转到外观 > 菜单,切换到 管理位置,您可以看到插件添加的+ Conditional Menu:

为每个页面创建单独菜单的情况

第 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 页面现在具有我希望的三个不同的菜单。

总结

如您所见,使用 Conditional Menus 插件为不同的页面创建不同的菜单非常简单且有用。此外,该插件还为您提供了灵活的选择,可以为文章类型、类别、分类法、用户角色等甚至 404 页面创建单独的菜单。

更多关于WordPress使用小技巧请查看下面的相关文章

相关文章

  • VS Nuget的使用实践

    VS Nuget的使用实践

    Nuget是一个VS的扩展插件。我们在使用VS开发时,Nuget能把在项目中添加、移除和更新引用的工作变得更加快捷方便,感兴趣的可以了解一下
    2021-09-09
  • select下拉菜单实现二级联动效果

    select下拉菜单实现二级联动效果

    这篇文章主要介绍了select下拉菜单实现二级联动效果,在一些项目开发中经常会遇到这样的需求,今天小编通过实例代码给大家讲解,需要的朋友可以参考下
    2019-10-10
  • 小项目中管理npm包版本的思路与方法

    小项目中管理npm包版本的思路与方法

    这篇文章主要给大家介绍了关于小项目中该如何管理npm包版本的思路与方法,npm包版本管理是非常重要的,文章通过示例代码介绍的很详细,需要的朋友可以参考下
    2021-06-06
  • 日常收集整理的Git常用命令

    日常收集整理的Git常用命令

    Git 是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码,管理私人的文档和源代码也有很多优势。下面脚本之家小编给大家带来了Git 常用命令,感兴趣的朋友一起看看吧
    2017-10-10
  • 为Jenkins创建定时构建任务

    为Jenkins创建定时构建任务

    这篇文章介绍了为Jenkins创建定时构建任务的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-03-03
  • Git基础学习之分支基本操作详解

    Git基础学习之分支基本操作详解

    这篇文章主要为大家详细介绍了Git基础学习中分支的基本操作,例如分支的创建、查看、切换和删除等,感兴趣的小伙伴可以跟随小编一起学习一下
    2022-10-10
  • Git Submodule使用完整教程(小结)

    Git Submodule使用完整教程(小结)

    这篇文章主要介绍了Git Submodule使用完整教程(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 推荐几个好用的WordPress媒体库分类/文件夹管理插件

    推荐几个好用的WordPress媒体库分类/文件夹管理插件

    这篇文章主要介绍了推荐几个好用的WordPress媒体库分类/文件夹管理插件
    2021-09-09
  • 遇到不能复制的网站怎么办?

    遇到不能复制的网站怎么办?

    有时我们看到喜欢的网页内容时定会产生复制下来为我所用的冲动,不过当你点击鼠标时它却没有任何反应,选择的内容没有任何变化,不禁有点扫兴。不要紧,办法总比困难多!
    2009-06-06
  • windows下gitbash安装教程(小白教程)

    windows下gitbash安装教程(小白教程)

    这篇文章主要介绍了windows下gitbash安装教程(小白教程),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07

最新评论