WordPress主题开发自定义导航菜单方法

一个网站的导航菜单可能有顶部导航菜单、主导航菜单、底部导航菜单等。所以，在WordPress主题开发时，我们就要考虑到如何自定义这些导航菜单。下面我们看看WordPress主题开发自定义导航菜单方法。

第一步：注册创建自定义导航菜单

wordpress为我们提供了一个注册自定义导航的函数：register_nav_menus()，参数是一个数组。我们在wordpress主题的functions.php文件中添加如下代码：

//注册自定义导航菜单register_nav_menus( array('top_menu' => '顶部导航','header_menu' => '主导航','footer_menu' => '底部导航菜单','mobile_menu' => '手机端菜单',));

上面的代码注册了4个自定义导航菜单，其中 ‘top_menu’ 、 ‘header_menu’ 、 ‘footer_menu’、 'mobile_menu’分别是这4个菜单的“键key”，这个键很有用，在我们调用这些菜单的时候会用到。而后面的 ‘顶部导航’ 、 ‘主导航’、 ‘底部导航菜单’、 ‘手机端菜单’ 是对这个菜单的描述，会在wordpress主题后台的【外观 - 菜单】中显示出来。

第二步：在模板文件中调用这些注册好的导航菜单

WordPress为我们提供了调用自定义导航菜单的函数：wp_nav_menu()，参数是一个数组。比方说，我们要在header.php文件中调用【主导航】菜单，代码如下：

wp_nav_menu( array('container' => '','theme_location' => 'header_menu', //这里的header_menu就是注册菜单中的key键名'items_wrap' => '%3$s','fallback_cb' => '') );

这样，我们就可以调用上面注册好的header_menu的主导航菜单了。

本文转自六艺开源：阅读原文

WordPress主题开发自定义导航菜单方法相关推荐

wordpress主题开发：怎样添加导航菜单？
2019独角兽企业重金招聘Python工程师标准>>> 这是一篇针对wordpress新手的文章,如果你是一位老手,可以离开看看别的内容.一些新手朋友在刚接触到wordpress时, ...
让你的WordPress主题支持自定义菜单
WordPress 3+以后的版本已经支持自定义菜单功能,如果你的主题还不能支持这个功能话,我敢说你的主题Out啦,是不是想再In进来?那就认真继续阅读,让你的WordPress主题支持自定义菜单功能 ...
wordpress主题开发核心知识
课程文件目录:wordpress主题开发核心知识 1.简介 1.1简介.mp4 2. 开发准备 2-1: WordPress开发准备(上)之知识准备.开发工具和运行环境准备.mp4 2-2: Word ...
高级WordPress主题开发完整指南
高级WordPress主题开发完整指南从头开始创建高级 WordPress 主题.了解有关 WordPress 主题开发的所有信息.在 Themeforest 上获得批准课程英文名:The Com ...
黄聪：《跟黄聪学WordPress主题开发》
又一个作品完成!<跟黄聪学Wordpress主题开发>,国内最好的Wordpress主题模版开发视频教程!! 目录预览: WordPress官方源文件层式结构讲解 WordPress数据库 ...
为SharePoint网站创建自定义导航菜单
相信不少人都希望把SharePoint网站内置的那个顶部导航菜单,换成自己希望的样式.由于SharePoint 2007/2010的网站导航基本上基于标准的ASP.NET SiteMap模型,所以只要 ...
wordpress 主题开发
https://www.cnblogs.com/welhzh/p/6937243.html wordpress 主题开发 https://yusi123.com/3205.html https://t ...
Chrome开发自定义右键菜单实现快速跳转到指定页面
一.背景假设我们在日常的测试过程中,有很多页面需要经常访问,一种方式是我们可以直接把这些页面添加为书签,但这种方式必须记录完整的URL.如果我们有多套环境,比如有测试环境.UAT环境.线上环境,每套 ...
modern php_使用Modern.IE改善WordPress主题开发
modern php This article was sponsored by modern.IE Thank you for supporting the sponsors who make Si ...

WordPress主题开发自定义导航菜单方法

WordPress主题开发自定义导航菜单方法相关推荐

最新文章

热门文章