如何给WordPress网站的不同页面添加不同的菜单导航

方法一. 主题自带功能

有些主题是自带创建多页头(眉)功能的,比如Blocksy Pro就支持,这种情况下我们可以直接利用主题的功能。

1.1 创建新菜单

先回到Wordpress后台,【外观】——【菜单】,为不同的页面创建新的菜单,方便后面的链接。至于菜单的具体内容可自行定义。

WordPress后台外观菜单创建新导航菜单界面

1.2 添加新的页眉,链接菜单

进入【自定义】——【页眉】——【页头】,然后Create new header

Blocksy Pro主题自定义页眉编辑器界面

起个名称,方便之后的修改管理。(下面也可以Copy elements,复制原来的页眉,在此基础上修改)

WordPress自定义器中创建新的Header页眉选项

然后选中新创建的页眉,就可以自定义上面的内容。

Blocksy主题页眉生成器拖拽元素自定义菜单布局

修改的方法都差不多,可以拖拽元素到上面然后设置。比如上面的菜单1,点击后可以选择我们前面新创建的菜单,比如a菜单。

在WordPress页眉设置中选择并关联已创建的菜单

等页眉修改好之后,点击发布保存。接着点击新创建页眉后面的箭头,Add Condition,这里的意思是这个新的菜单在哪些页面上显示。

WordPress Add Condition 设置菜单显示的特定页面条件

添加完成后同样保存发布,再回到前台,看两个页面的页眉导航就不一样了。

WordPress网站首页默认导航菜单显示效果预览
首页及其他页面
Contact Us联系我们页面自定义导航菜单显示效果
Contact us页面

如果还有其他页面也需要添加,也是一样的方法。

方法二. 插件

进入Wordpress后台——添加新的插件,搜索并安装启用Conditional Menus

WordPress安装Conditional Menus插件搜索界面

安装完成之后,在我们编辑菜单的时候选择后面的管理位置,下面会多出来一个Conditional Menu。

WordPress菜单管理位置界面添加Conditional Menu

点击添加新的菜单,然后设置后面的Condition,想要放在哪个位置就把前面的框给勾选上。

选择菜单,然后在后面设置Conditions显示的条件
使用Conditional Menus插件为菜单勾选显示页面

这种方法也很简单,不过对某些主题可能不起作用,比如Blocksy的页眉生成器 (Header Builder) 接管了菜单渲染逻辑,所以插件无法通过标准钩子识别到它。

以上是关于如何给Wordpress网站的不同页面设置不同菜单导航的内容,大家可以自己尝试一下。

© 文章版权归白小菌所有,🫰欢迎转发分享。未经允许请勿抄袭转载。

订阅评论
提醒
guest
0 评论
最新
最旧 最多投票
内联反馈
查看所有评论

AI 小菌
现代响应式侧边栏
快捷菜单