wordpress CMS主题 微信
Home > wordpress主题常用函数 > 自定义导航菜单函数wp_nav_menu()怎样使用?

自定义导航菜单函数wp_nav_menu()怎样使用?

高时银博客 wordpress主题常用函数 点击: 2,587 次 0 0

使用wordpress建站,我们通常都会用到自定义导航菜单函数wp_nav_menu()。大多数wordpress主题都会在 header.php 文件中调用一个导航栏,自定义导航菜单函数wp_nav_menu()就是首选。但是更为重要的是,wp_nav_menu()能够放在主题的任何位置,如底部。

调用自定义导航菜单的最简单形式为:

wp_nav_menu();

该语句将会加载用户创建的菜单或者如果导航菜单不存在的话就调用一个标准的页面列表。

但是,我们做站往往想对这个调用进行更多的控制,显示不同的效果。如下例:

<?php wp_nav_menu( array( 'theme_location' => 'primary','container'=>'<ul>','menu_class'=>'menu','link_before' => '<span>','link_after' => '</span>',)); ?>

wp_nav_menu() 参数详解:

theme_location: 调用一个与特定的主题位置相关联的菜单。
menu: 调用指定ID、别名或名称的菜单。
container: 封装该菜单的元素。默认是 div,但是如果你使用HTML 5的话,你也可以改为nav。
container_class: 封装元素的CSS类(指定其显示样式)。
menu_class: 指定无序列表的CSS类,默认是 menu。
fallback_cb: 指定不存在菜单项目时要调用的函数。默认情况下会调用wp_list_pages() 函数(WordPress的静态页面列表)。
before: 要显示在链接文字之前的文字(也是链接的一部分)。
after: 要显示在链接文字之后的文字(也是链接的一部分)。
link_before: 要显示在链接前面的文字(不是链接的一部分)。
link_after: 要显示在链接后面的文字(不是链接的一部分)。
depth: 指定显示菜单的层次深度,这在定义下拉式菜单的比较有用。默认情况是0(所有层次)。
walker: 允许自定义一个walker(巡游?)PHP 类来创建菜单。
echo: 定义是显示该菜单还是仅仅返回数据供PHP程序使用。默认是真,直接显示该菜单。

注意:'theme_location' => 'primary',这句代码调用的是主菜单的意思。所以,要使用上面这句代码,还要在后台设置主菜单(如下图),否则会显示错位或调用页面菜单。我就出现过这样的情况,因为要用多语言插件Polylang来实现网站菜单的多语言,所以必须用到这句代码,搞了半天才弄明白是怎么回事。

自定义导航菜单函数wp_nav_menu()怎样使用?

 

这样,wp_nav_menu()函数才能显示它最大的功能了。


文章作者:高时银博客
本文地址:http://wanlimm.com/77201404071620.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

目前还没有评论。赶快来坐沙发吧。

发表评论