山滚云

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

功能代码 251℃

一个网站的导航菜单可能有顶部导航菜单、主导航菜单、底部导航菜单等。所以,在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网站建设服务团队,我们有丰富的wordpress网站建设经验,可以提供wordpress网站建设、网站改版、主题开发、wordpress外贸建站等服务。

城市分站:深圳建站公司北京网站建设上海网站建设广州网站建设深圳网站建设成都网站建设重庆网站建设武汉网站建设

业务范围:深圳建站公司,网站优化,虚拟主机    微信:ganshangwoniu    QQ:549233124    业务咨询热线:177-2050-9380

   Copyright © 2008-2024 蜗牛建站版权所有   

QQ在线咨询
wordpress主题开发公司微信号