上篇 下篇

为主题添加多个WordPress3.0自定义菜单

2010年08月01日 ⁄ Wordpress ⁄ 作者：知更鸟 ⁄ 评论数 75 ⁄ 被围观 17,832+

一直认为菜单管理功能（Menus），是WordPress3.0的一个亮点（除了集成了MU，这也可能是唯一的亮点），让你可以灵活地控制导航菜单。通过便捷的拖放界面，摆脱主题自身的限制，自由创建各种组合的链接：内部链接、外部链接、分类等，并且可以将这些自定义菜单嵌入到主题的任意位置，感觉WordPress越来越接近CMS程序了。当然这些功能都需要主题的支持。之前写过一篇让主题如何支持WordPress3.0自定义菜单的文章。今天教大家，如何添加多个自定义菜单，就以两个为例。
一、激活主题WordPress3.0自定义菜单功能。
打开主题的functions.php模板文件，添加：

1. // 自定义菜单
2. register_nav_menus(
3. array(
4. 'header-menu' => __( '导航自定义菜单' ),
5. 'footer-menu' => __( '页角自定义菜单' )
6. )
7. );

其中：header-menu和footer-menu是菜单的名称之后会用到（可以任意），中文部分将显示在后台菜单设置页面中。

注：添加上面函数后，主题将不能在WordPress3.0以下版本中使用。
二、将调用代码添加到准备显示的位置。
一般是在header中，打开header.php，查找类似：

1. <?php wp_list_pages('depth=2&title_li='); ?>

或

1. <?php wp_list_categories('title_li=&orderby=id'); ?>

替换为：

1. <?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

或

1. <?php wp_nav_menu( array( 'theme_location' => 'footer-menu' ) ); ?>

其中：header-menu和footer-menu是调用的菜单名称，要与第一步中的相同。
上面的两句函数先只用一个，另一个可放在其它位置，比如sidebar或footer中，看自己喜好了。
三、根据不同的位置适当定义一下CSS样式。
至此完成全部主题修改操作。
再打开后台菜单选项页面，会看到如下显示：

然后根据自己需要组合不同的两组菜单，分别应用到两个菜单中。

随后将升级的热点新闻主题，会在导航与页角分别集成自定义菜单功能。

下面是一些自定义菜单功能的详细参数，供参考：

日志分页: 1 2

返回

作者: 知更鸟

该日志由 知更鸟 于552 天前发表在Wordpress分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
转载请注明: 为主题添加多个WordPress3.0自定义菜单 | 知更鸟 +复制链接
关键字: Wordpress, WordPress3.0

您可能还会对这些文章感兴趣！

1. 揪出哪些插件在拖慢你的网站
2. 优化一下HotNews Pro主题SEO代码
3. 为Wordpress默认编辑器TinyMCE增加额外的按钮
4. 为WordPress编辑器设置默认内容
5. 恢复显示HotNews Pro主题图片和视频模版日志内容
6. 本地测试HotNewsPro2.7版CMS布局提示错误解决办法
7. 改变WordPress3.3后台默认显示字体
8. WordPress 3.3 版背景功能失效解决方案

目前有 75 条留言 其中：访客:30 条, 博主:8 条 引用: 37

1. 暮色森林 : 2010年08月02日 551 天前 13:41:50  1楼 @回复 回复

   沙发，希望升级后的热点新闻能更加cms
2. 柳亚 : 2010年08月03日 550 天前 14:02:21  2楼 @回复 回复

   感觉到有点复杂，为什么时我不能直接加链接呢。。。。
   • 知更鸟 : 2010年08月03日 550 天前 15:29:10 @回复 回复

     只要主题支持自定义菜单功能，加任意链接很方便，内连或外连都行
3. 啃麦子 : 2010年08月03日 550 天前 14:47:48  3楼 @回复 回复

   感觉你的导航字体不是很好，和苹果的不太像，个人看法：（
   • 知更鸟 : 2010年08月03日 550 天前 15:25:24 @回复 回复

     苹果网站导航上的文字是图片，PS出来的，如下图：
     http://www.apple.com.cn/global/nav/images/globalnavbg.png
     • 啃麦子 : 2010年08月08日 545 天前 02:49:38 @回复 回复

       我现在用的这个主题导航和APPLE的有点像,,蛮清晰的,不过要微软雅黑字体,就是摘要乱七八糟的,没弄明白:(
       • 知更鸟 : 2010年08月08日 545 天前 10:08:08 @回复 回复

         你用的是微软雅黑，自己看着清晰，别人没有这个字体，就不一样了
4. 雅岚 : 2010年08月05日 548 天前 01:38:10  4楼 @回复 回复

   不是到3.0.1版本了么。。。
   说什么3.0有55处错误,额滴神丫...叫人家怎么改...
   • 知更鸟 : 2010年08月05日 548 天前 08:08:12 @回复 回复

     话说，这些错误，最关键的是影响中文博客收录，升级就可以了
5. lzg01 : 2010年08月05日 548 天前 19:18:28  5楼 @回复 回复

   hoho 支持 lzg01.com谢谢分享~
6. 厦门seo : 2010年08月06日 547 天前 11:22:24  6楼 @回复 回复

   一直没有把wordpress升级成3.0，自己也说不出理由。。。纠结
7. 雨凡 : 2010年08月07日 546 天前 10:00:02  7楼 @回复 回复

   鸟哥可以借鉴一下盛大的这个网站http://bambook.sdo.com/
   • 知更鸟 : 2010年08月07日 546 天前 13:09:32 @回复 回复

     这个站也是仿苹果网站,有些粗糙...
     这个样式的我早作完了,不过没拿出来,呵呵
8. 木头 : 2010年08月13日 540 天前 11:40:25  8楼 @回复 回复

   OK，看看图像成不成
9. 平凡 : 2010年08月15日 538 天前 01:18:04  9楼 @回复 回复

   兄弟，你的教程很详细了，但我的header.php里找不到wp_list_pages这个玩意，怎么搞啊
   • 陌上唯歌 : 2011年02月18日 351 天前 16:27:25 @回复 回复

     呵呵，俺和你一样。在header.php里找不到wp-list-pages的语句，后来就在footer.php里边找到了，你可以试试看~
10. 小子 : 2010年08月22日 530 天前 22:34:30  10楼 @回复 回复

    很好。拿走了。
11. 红树林网赚 : 2010年08月28日 525 天前 14:31:31  11楼 @回复 回复

    在第三个步骤遇到了麻烦，“首页”与其他的高度不同，且其他的右边的CSS没有了
    • 知更鸟 : 2010年08月28日 525 天前 14:44:07 @回复 回复

      那是你用的主题导航样式不适合添加菜单功能，只能重写这部分CSS了
12. 华为技术 : 2010年08月30日 523 天前 20:44:02  12楼 @回复 回复

    写的不错, 要如何添加导航菜单呢？
13. 阿乐博客 : 2010年09月07日 515 天前 18:02:12  13楼 @回复 回复

    不错，最近我一直在调导航菜单
14. 一粟 : 2010年10月02日 490 天前 14:50:35  14楼 @回复 回复

    看了您的这篇文章后，终于把我分类目录导航菜单的排序问题解决了，非常感谢！
15. macally : 2010年11月17日 444 天前 17:30:00  15楼 @回复 回复

    后台有了，就是无法调用啊！编辑完代码保存的时候就报错了
16. leo_de : 2010年11月29日 432 天前 10:14:17  16楼 @回复 回复

    好文 收藏 慢慢看！
17. Quabc有料生活 : 2011年01月07日 393 天前 22:06:32  17楼 @回复 回复

    知更鸟哥，你好，今天偶然发现你设计的主题，非常喜欢。得知能用后，我晚上就替换掉了原有的主题，现在遇到一点问题，在首页和其他页面，“分类目录”是错位的。我用的chrome浏览器。找不到原因。你能点化一下不？非常感谢。
    • 知更鸟 : 2011年01月08日 392 天前 07:59:04 @回复 回复

      是加那个围脖造成的，添加侧边小工具需要写标题，不然会错位
      • 陌上唯歌 : 2011年02月18日 351 天前 16:28:47 @回复 回复

        我也想把新郎围脖加到侧边里，但是现在还不知道代码该往哪里加啊~
        • erico : 2011年03月19日 322 天前 11:37:17 @回复 回复

          鸟哥说的应该是在后台小工具那里需要添加小标题吧
          • 陌上唯歌 : 2011年03月21日 320 天前 16:24:57 @回复 回复

            呵呵··问题已经解决~~直接把代码加到侧边代码的合适位置就ok~~
18. Quabc有料生活 : 2011年01月07日 393 天前 22:17:00  18楼 @回复 回复

    不好意思啊。希望知更鸟哥能帮帮我。
    • 知更鸟 : 2011年02月18日 351 天前 17:02:47 @回复 回复

      把围脖html代码加到侧边小工具中
      或者在主题设置中直接加到侧边广告中.
19. erico : 2011年03月19日 322 天前 11:35:39  19楼 @回复 回复

    鸟哥评论模块用了你的,我的账户回复或者留言总是显示你评论太快了，换成其他主题也不行了，不知道什么问题造成的,纠结,然后我把这个功能去掉了,暂时先用着,待高人研究这个问题
20. 创新捕手 : 2011年06月22日 227 天前 16:26:55  20楼 @回复 回复

    你好鸟哥，为什么我的主题只能添加两个自定义菜单啊，是不是需要多次调用register_nav_menus？我添加的时候每次都会覆盖前面的菜单。。
21. femkerr : 2011年07月15日 204 天前 17:50:37  21楼 @回复 回复

    能不能分享一下你的日志分页是怎么弄的？？谢谢了
22. 郑州seo : 2011年10月24日 103 天前 10:40:25  22楼 @回复 回复

    很不错，学习了！
23. 新手 : 2011年12月01日 65 天前 15:27:13  23楼 @回复 回复

    导航栏那里，比较模糊，我想创建几个导航栏目，但怎么样才能实现呢。
24. bloodmoon : 2011年12月02日 64 天前 00:08:56  24楼 @回复 回复

    用了这个结果苦逼得变成下拉菜单直接显示，不会收缩
25. diguo520 : 2011年12月18日 48 天前 17:12:11  25楼 @回复 回复

    我想请教下如何让WP 的边栏 只显示二级分类，因为一级分类在网站顶部 边栏只想显示二级分类 注：多个一级分类下的二级分类 望解答