WordPress 3.0 导航菜单 (使用篇)

Jun 24th, 2010 Add Comment

WordPress 3.0 引入导航菜单功能, 让页面的导航和链接的管理变得简单易用. WP 向用户提供了菜单管理页面和多种调用方法, 本文将会介绍并教你如何使用 WordPress 的导航菜单.

管理菜单页面

页面路径: Appearance > Menus
由从界面来看, 能够创建多个菜单, 并且可以向菜单中添加自定义链接, 页面链接和分类链接.

菜单管理页面

但有一点需要注意, 如果将页面链接和分类链接加入, 被带入菜单的仅是链接, 而不是页面和分类本身, 也就是说, 子页面和子分类不会成为菜单的一部分.

另外, 我们也不能在菜单中加入别的菜单, 所以这种自定义的菜单注定只存在一级. 在右边排列菜单区块中, 只要将某个菜单往右移一格, 就可以作为下级菜单. 所以是可以创建多级的. (感谢 ③秋之流☆ 更正)

创建菜单后, 我们就可以通过在 Widgets 页面将这些菜单添加到侧边栏上了.

自定义菜单 Widget

登记自定义菜单

在菜单管理页面中注意到 Theme Locations 区块提示如下:

The current theme does not natively support menus, but you can use the "Custom Menu" widget to add any menus you create here to the theme's sidebar.

意思是说, 现在你的主题不支持自定义菜单, 但可以通过 Widget 的方式将自定义加到主题的侧边栏. 那如何让主题也能支持自定义菜单呢? 请将以下代码加到 function.php 中.

register_nav_menus(array(
	'primary' => 'Primary Navigation'
));

这段代码用于记录一个自定义菜单, 你可以为它选择具体的应用菜单, 其中 primary 应是唯一识别符, Primary Navigation 是菜单的名称. 可以通过这个函数为主题添加多个自定义菜单. 如果在 function.php 添加登记方法如下:

register_nav_menus(array('primary' => 'Primary Navigation'));
register_nav_menus(array('secondary' => 'Secondary Navigation'));
register_nav_menus(array('bottom' => 'Bottom Navigation'));

在菜单管理页面将会看到如下图的内容.

登记自定义菜单

主题调用菜单

在主题中如何调用菜单呢? 在主题的适合位置使用方法 wp_nav_menu();, 向页面输出菜单.
方法中提供参数 theme_location, 用于指定对应的自定义菜单. 如要调用第一个菜单, 则代码如下:

wp_nav_menu(array(
	'theme_location'	=>'primary'
));

wp_nav_menu 方法还提供其他很多参数, WordPress 3.0 导航菜单 (开发篇)中我们作了详细讨论.

在默认情况下如果没有定义任何菜单, 使用 wp_nav_menu 方法与 wp_list_pages (调用页面列表) 方法无异, 但效率不及后者. 所以, 如果你准备用页面列表或者分类列表作为导航菜单, 建议不要使用 wp_nav_menu.

声明: 本文采用 BY-NC-SA 协议进行授权. 转载请注明转自: WordPress 3.0 导航菜单 (使用篇)

  1. http://1.gravatar.com/avatar/9168734f112c3572093bfd35de8dbb33?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    完全没看懂,,汗

  2. http://0.gravatar.com/avatar/c8fdf348fe48dc971c06f23ae2c13489?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    自定义菜单里怎么添加“首页”这一项呢?

  3. http://1.gravatar.com/avatar/5862e25f0985b70f0e27a16a354d16f9?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @chuge
    一般都不喜欢加QQ的,您还是死了这条心吧

  4. http://0.gravatar.com/avatar/ca80162bbfd1dce68aac40f89282a940?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  5. http://0.gravatar.com/avatar/6af38877beba1ae296c649dc14dc8754?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @美股评论网 这问题我也想知道…………

  6. http://0.gravatar.com/avatar/2ce1c5c5226ee100d92c299de9ea4a0e?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @美股评论网
    除3.0.1采单功能不支持外 其他都兼容 可到我的站查看

  7. http://1.gravatar.com/avatar/92472cdeb9e9c72b221392de3b2ac1e6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @美股评论网

    博主很忙,根本不想回复我们。

    详见楼上。

  8. http://0.gravatar.com/avatar/299d92394475f3253d7b17a93ab79a5c?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    一直在用博主的主题。准备升级到Wordpress 3.0,不知老的inove主题兼容性如何?

  9. http://1.gravatar.com/avatar/9aca19ac1dc4cf7a26c2c4e96d1e4ad6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    正需要这个。多谢。

  10. http://0.gravatar.com/avatar/24e7e035eb86aec58505754767bcbc52?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    请教一下:

    为什么你的导航在鼠标移动上去的时候不是页面,http://www.neoease.com/categories 而是 categories/
    其他几个也是那样,为什么?

  11. http://1.gravatar.com/avatar/92472cdeb9e9c72b221392de3b2ac1e6?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    博主你好。我一直在用你的主题是 Blocks 3 。
    请问这个主题升级WP3.0,有问题么?

    现在是2.92。正在使用的插件:

    Akismet
    Custom Smilies
    Dagon Design Sitemap Generator
    Google XML Sitemaps
    StatPressCN
    Whydowork Adsense
    Top Commentators Widget
    WordPress Database Backup
    WordPress Related Posts
    Wordpress Thread Comment
    WP-PageNavi
    WP-PostViews
    WP-RecentComments
    WP-Stats
    WP-Syntax

    盼回复,谢谢! :smile:

  12. http://0.gravatar.com/avatar/809aa95328e36a4be5572fb7d19fc832?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    学习下,先收下

  13. http://0.gravatar.com/avatar/418894e3a930a18d7d324adade4fcffd?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    我想知你那个面包屑导航条如何做的啊,用插件的吗??

  14. http://1.gravatar.com/avatar/5c15c080c2854f44c8d6513907e2b372?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    博主您好,可以加我QQ吗?

    我想要您一样的主题,上次您加的时候由于我手机上网,没有通过验证。
    谢谢

  15. http://0.gravatar.com/avatar/4c6dc779cf97cfe72cb2858b4b8ef4ee?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    希望你的inove可以支持wp3.0,支持自定义菜单!
    ;-) :| :x :twisted: :smile: :shock: :sad: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

  16. http://1.gravatar.com/avatar/7f6a0f7bff5959ea9e7fdec8b0724482?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    说实在,我不太明白这个怎么用。此外“以向菜单中添加自定义链接, 页面链接和分类链接. ”这种功能作用也不大,只是方便了不需要在代码里面加而已,其实插件也可以实现

  17. http://1.gravatar.com/avatar/71b8b96d3cb89c2298a26d982a81833f?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    说实在,我不太明白这个怎么用。此外“以向菜单中添加自定义链接, 页面链接和分类链接. ”这种功能作用也不大,只是方便了不需要在代码里面加而已,其实插件也可以实现

  18. http://1.gravatar.com/avatar/31976c826d39a95ea2f89a4cee4b9551?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    wp_nav_menu 方法还提供其他很多参数, WordPress 3.0 导航菜单 (使用篇)中我们作了详细讨论.

    你说的这个使用篇应该是开发篇吧,需要修改一下主题哦。

    另外一个自定义菜单都这么麻烦啊?而且你说效率又不高,那还真不如不用了。 ;-)

  19. http://0.gravatar.com/avatar/88a16188aec60b74e914df59a0f33590?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    HK :希望你的inove可以支持wp3.0,支持自定义菜单!

    +1

  20. http://0.gravatar.com/avatar/8bc5a10d6cd90aec2d2e24b53042856f?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    希望你的inove可以支持wp3.0,支持自定义菜单!

  21. http://1.gravatar.com/avatar/7e808bbfea66d4bfca91533d740c732d?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  22. http://1.gravatar.com/avatar/13457e12e0bc4934f60a032438e3a126?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    希望你的inove可以支持wp3.0,支持自定义菜单!

  23. http://1.gravatar.com/avatar/33e7a29b0e931502a50842f471eaef72?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    一直没敢升级,不知道你的inove支持 wp3.0吗?

  24. http://1.gravatar.com/avatar/3fb2a66e82fc52526ca963d5046a097e?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    这样的话主题都要重新调整了!

  25. http://0.gravatar.com/avatar/490cf262668eebb0f0f1a50d9d48d702?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    @③秋之流☆
    谢谢指正, 已更正文章内容.

    @地瓜同学
    老师教了我日语, 我却用它为同事翻译小电影. :???:

    @underone
    今日下班前后就会发布了.

    @bolo
    register_nav_menus 会调用 add_theme_support 函数, 但 add_theme_support 没起到登记的作用.

    @seoguess , @自由人
    WP3.0 除了一些插件兼容问题, 文章保存机制不同外, 没有太大问题.

  26. http://1.gravatar.com/avatar/7f611bafb05a2edc092fd476bb7b807d?s=32&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    还没有测试过wp3.0,我觉得还是等牛人评测过之后我再来慢慢尝试,收藏了! :smile:

  27. http://0.gravatar.com/avatar/2a9c4f525050372a6fe0b10ce4fe8957?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    原来不用在functions里添加add_theme_support函数?

  28. http://0.gravatar.com/avatar/e8f87528ed0a0eaba60009f8580df401?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  29. http://0.gravatar.com/avatar/6ae83ef4bfaa6f98356a5187b6f171f6?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    啊。。。还没用3.0版的。。。一直未升级。。。

  30. http://0.gravatar.com/avatar/c10cd6de7a465c431cfc3718d5775892?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G
  31. http://0.gravatar.com/avatar/28706468db54b787d38a5f72ae295070?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    刀哥《空空》上集的中文字幕做的太有水准了。下集dvd已寄出,求翻译。
    ps:冰天雪地,裸求刀哥别再在高潮部分加入自己的声音了 :arrow:

  32. http://0.gravatar.com/avatar/aad3b4423e897b2fd2647ee77a56a965?s=32&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D32&r=G

    沙发吗?嘿嘿..
    等我升级3.0后就把这个"自定义菜单"加到主题上...

    所以这种自定义的菜单注定只存在一级.

    这个是可以存在多级的..在右边的"创建菜单"中..只要某个菜单往右移一格..就可以作为下级菜单..

    这个"自定义菜单"还含有多个class选择器,其中有一个是当前处于文章位置时的..这是以前所没有的,这就更方便我们做高亮菜单了.

    期待你的开发篇... :smile:

  1. Loading...