上篇 下篇

WordPress3.0导航菜单图文使用教程

2010年08月08日 ⁄ Wordpress ⁄ 作者：知更鸟 ⁄ 共 765字 ⁄ 评论数 356 ⁄ 被围观 101,989+

上一篇写过如何为WordPress主题添加多个自定义导航菜单，可能很多刚接触WordPress3.0的朋友对这个自定义菜单功能，不知如何使用，今天弄个图文教程，也是为了配合新发布的HotNews pro 2.2版的一个补充使用教程。
这个新增加的自定义菜单功能，使用其实很简单。
一、首先，选择进入自定义导航菜单设置页面。

登录WordPress后台，首页→外观→菜单

如果你的主题不支持WordPress3.0导航菜单功能，顶部会有下图的提示：

可以参考下面两篇文章，增加主题对导航菜单功能的支持。

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

WordPress 3.0来了，你的主题准备好了吗？

也可以下载我新发布的HotNews pro 2.2版主题，完全支持WordPress3.0导航菜单功能。

二、接下来是新建一个自定义菜单．

在菜单名输入框中键入一个菜单名称（任意），之后点击“创建菜单”。

也可点击上边的+号，创建多个菜单，这里分别创建了"菜单A"和"菜单B'两个自定义菜单。

三、菜单创建完成，下面开始进行菜单内容组合。

选择准备显示在菜单中的内容，包括自定义链接、页面、分类等，点击“添加到菜单”，添加到＂菜单A＂中．

最后不要忘记点击＂保存菜单＂，完成菜单组合设置．如下图：

同样为"菜单B"，添加内容，不要忘记保存菜单．

第三，在不同的位置显示"菜单A"和"菜单B'（以HotNews pro 2.2版为例）．

分别在不同的位置选择不同的菜单组合，最后点＂保存＂，完成全部菜单功能设置．

另外，就是如何显示多级下拉菜单.

这里有一个小技巧，就是用鼠标按住某个菜单项目，向右拖动，就会形成下级菜单或多级菜单，修改后，同样不要忘记保存菜单．不过会不会显示下拉菜单，这就要看主题有无此功能了，HotNews pro 2.2版可支持多级下拉菜单．

最后形成下图所示：

返回

作者: 知更鸟

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

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

1. 在文章中添加一个广告位
2. 为Wordpress链接关系（rel）添加external和nofollow选项
3. Wordpress主题侧边栏随窗口滚动
4. HotNews Pro 2.7 Plus侧边最新文章中排除分类
5. 单篇文章嵌入不同的RSS或Atom feed地址
6. jQuery实现侧边栏随窗口滚动
7. WordPress博客评论可见实现方法
8. 为Wordpress添加文章字数统计

目前有 356 条留言 其中：访客:188 条, 博主:30 条 引用: 138

1. 木南 : 2011年02月21日 457 天前 20:18:49  51楼 @回复 回复

   学习了 谢谢博主了
2. wuzy : 2011年02月26日 452 天前 22:16:21  52楼 @回复 回复

   鸟哥,定义这个菜单是简单,但怎么用啊?
   header.php中本来就是:
   'header-menu' ) ); ?>

   footer.php中原本是:

   已经改成了:
   'footer-menu' ) ); ?>

   但导航还是默认的页面导航啊,怎么才能用自定义的菜单导航嗫?
   还有就是设置显示logo的话显示的是鸟哥网站的热点新闻,这个在哪里改成自己的嗫?
   新手,还望鸟哥不厌其烦,小弟悉心受教,感激不尽.
   呃,直接贴代码被php解析了,不知道怎么才能完整显示.
   • wuzy : 2011年02月26日 452 天前 22:34:54 @回复 回复

     啊,罪孽,把鸟哥那个导航自定义菜单那步跳过了.导航已经ok,剩下的问题还请鸟哥解答下.嘿嘿
   • wuzy : 2011年02月26日 452 天前 22:39:26 @回复 回复

     自定义菜单里添加个自定义链接,怎么实现点击后新标签或者新窗口打开?
     • 知更鸟 : 2011年02月26日 452 天前 23:44:10 @回复 回复

       LOGO替换主题中的图片
       升级到WP3.1可实现点击后新标签或者新窗口打开
       • wuzy : 2011年02月26日 452 天前 23:48:25 @回复 回复

         热点新闻那个logo替换图标就ok了么?地址怎么改呢?
         我说的链接是导航栏里用你这个自定义菜单的方法添加了一个链接,本意是点击此链接新开个页面打开那个链接,我用的已经是3.1了,点击后会在当前页打开链接.如果是页面里的话可以加blank,但这个也能加么?
         • 知更鸟 : 2011年02月26日 452 天前 23:52:45 @回复 回复

           菜单设置中有
           • wuzy : 2011年02月27日 451 天前 14:27:36 @回复 回复

             呃.,,没见呃,友情链接里倒有这个选项,menus设置中只有url跟label,其他的就没有了，鸟哥能说的更详细点么,谢谢
             • 知更鸟 : 2011年02月27日 451 天前 15:33:10 @回复 回复

               打开现有的菜单项看看
               • wuzy : 2011年02月27日 451 天前 15:54:01 @回复 回复

                 现有菜单点开只有:URL,Navigation Label和Title Attribute三个属性,并没有link target这个设置,难道您那有?
                 • 知更鸟 : 2011年02月27日 451 天前 16:12:41 @回复 回复

                   看图，没你E文那么好，只有中文的...
                   
                   • wuzy : 2011年02月27日 451 天前 19:50:13

                     我,添加的类别和自定义链接的设置属性少了三个,只有导航标签和标题属性,另外三个属性未显示出来,不知道该如何解决?
                     我已经将主题和wp-config.php之外的文件用官方下载的替换过了,主题也换过,是不是可以定位wp-config.php的问题?可是我与wp-config-sample.php对比过了,除了一些账号密码等被改其他的都是一样的呃,不知道为什么会出现这样的问题,还望大侠能指点迷津,谢谢.
                   • wuzy : 2011年02月27日 451 天前 20:07:53

                     呃,我知道为什么了,显示设置里没有将这些显示出来,罪孽.默认就不显示的么?O(∩_∩)O哈哈~,解决,谢谢鸟哥.
                   • Smartree智慧树 : 2011年04月14日 405 天前 08:49:19

                     中文的才好、其实外面很多模板，当一加载中文内容、那个衰啊！！
                   • Jeep.G哥 : 2011年04月16日 404 天前 01:08:55

                     就是这个功能一直困扰我，前天晚上好像是，我寻找到这里，想改天修改一下！结果我就忘了哪里说过这个问题，这顿找啊，找了整整一天（除了工作时间）终于在现在找到了，并且修改完毕，多亏我有个习惯，感兴趣的先在收藏夹里保存，呵呵！
                   • 16888 : 2011年07月04日 324 天前 14:53:59

                     我也知道为什么了，也改好了，多谢
                   • 地狱傀儡师 : 2012年01月03日 141 天前 23:08:09

                     CSS类这里应该怎么填写？ 我的导航一直是没有鸟哥的站的导航的效果，只是很普通的几行 每行是分类的名字 不是统一的在一行
                 • Lifeliker.com : 2011年10月26日 210 天前 23:19:18 @回复 回复

                   找了半天，差点就问鸟哥了，终于在这里看到了，谢谢分享了。

                   http://www.lifeliker.com - 让生活更美好！
       • Jeep.G哥 : 2011年04月14日 405 天前 09:38:36 @回复 回复

         看了半天留言，寻找如何替换热点新闻LOGO的办法，看了倒是看了，可是还没明白到底怎么替换，晕呵呵！
         • 知更鸟 : 2011年04月14日 405 天前 10:14:48 @回复 回复

           替换主题images文件夹中的logo.png
3. 新疆SEO : 2011年03月01日 449 天前 22:44:00  53楼 @回复 回复

   这个主题怎么侧栏广告，反正只要是代码就无法添加？
4. nloser : 2011年03月13日 437 天前 23:22:02  54楼 @回复 回复

   来学习来着
5. 安追梦 : 2011年03月14日 436 天前 08:29:36  55楼 @回复 回复

   鸟哥，你的文章很精彩，很实用。谢谢分享。为什么你的网站没有添加邮箱订阅呢？我想关注你的这个网站动态。还有你的网站模板不错啊。呵呵
6. 中国IC库存网 : 2011年03月17日 433 天前 09:06:45  56楼 @回复 回复

   又见强大教程，太精彩了。
7. 木木 : 2011年03月17日 433 天前 10:57:16  57楼 @回复 回复

   鸟哥你好啊，刚刚学习建站很菜，看完你的几篇关于菜单设置的文章，依然不能正确修改，目前的主题不支持自己定义菜单，特向您请教，不知能能不能改一改这几个表？
8. Songer : 2011年03月18日 432 天前 18:58:50  58楼 @回复 回复

   WordPress3.0 刚开始用，原来还有这么强大的功能，谢谢提醒！
9. 0591fit : 2011年03月30日 420 天前 18:01:50  59楼 @回复 回复

   1.网站的ico要放在哪里？我自己做好了一个，也百度了一个下午，就是不知道。有的说放根目录，我放了，我也在HotNew pro2.4的img文件下也上传了。我的ICO还显示diccuz的（我原来用discuz）。
   2.如果不用gravtar,会不会对网站不好？我觉得每次打开网页都很慢，不现实头像后貌似快了点，我的做法对不？
   我是菜鸟，我的网站0591fit.com
10. 夜明 : 2011年03月30日 420 天前 21:26:10  60楼 @回复 回复

    ico放根目录就可以了啊 空间没有更新 过段时间就好了 也可能是浏览器缓存
11. 0591fit : 2011年03月31日 419 天前 19:43:23  61楼 @回复 回复

    太感谢了~~~终于研究明白了怎么弄导航~~~开始还傻傻的去用转向~~
12. 0591fit : 2011年03月31日 419 天前 19:44:53  62楼 @回复 回复

    ICO过了一天自己现实了，不过我穿的是透明的，到了地址栏上面，就变成黑底了。我的头像就是我的ICO。还要修改下~
13. 0591fit : 2011年03月31日 419 天前 19:46:35  63楼 @回复 回复

    随机显示的图片是用什么软件做的，我做出来的清晰度明显不行~是我找的图片不是还是技术不行啊~~

    很喜欢2.4~~

    第一次找模板，就确定了这个~
14. 土野鲜 : 2011年04月06日 413 天前 15:23:01  64楼 @回复 回复

    学习学习
15. 格只。 : 2011年04月11日 408 天前 16:46:04  65楼 @回复 回复

    我现在使用的主题除了些小问题， 还在纠结 = =0 但是实在是不想换 真的很喜欢
16. Jeep.G哥 : 2011年04月13日 406 天前 15:10:00  66楼 @回复 回复

    什么也不说，我就爱这里啊！原来导航菜单从新添加就可以！刚开始忙的我真是不知道怎么弄着急呢，结果静下心来仔细找，终于找到了，恍然大悟！谢谢鸟兄！文章对我很有帮助！
    已经顺利的使用2.4了，请去我网站观看效果！
    你下面：有人回复时邮件通知我 和插入图片怎么弄的？插入图片我刚才好像在你别的文章里看见了，那邮件通知怎么弄的？

    对了，对了，重要的问题来了！！
    网站的LOGO图片怎么替换掉呢，现在还是你的图片啊！还有能我做一个属于我自己的LOGO吗？
    • 知更鸟 : 2011年04月13日 406 天前 15:48:12 @回复 回复

      看了
      邮件通知不需要弄什么
      LOGO如果自己真不会弄，可以帮你搞一个
      • Jeep.G哥 : 2011年04月13日 406 天前 22:39:32 @回复 回复

        这个主题我已经顺利的使用了！不过LOGO我还是不会弄，是真的不会！麻烦高手鸟哥给设计一个好不好，我网站地址应该有吧www.fendou20.com我自己的博客，我喜欢越野改装吉普车什么的！麻烦帮我设计一个！如果忙，简单的能代表我自己的就好，比如说什么什么G哥，或Jeep.G哥+上一个好看的LOGO！
        订阅问题：现在订阅点击以后显示的是知更鸟，是你的订阅吧，这个LOGO和功能我怎么才能换成我自己的呢？
        还有360浏览器显示的底部错位了，请问是为什么呢？是导航栏目太多造成的吗？不过用IE浏览就没事，我现在好像用的是IE7或是IE8
        标签问题：我的标签显示的是一个话题的，更多的好像无法显示，只能显示目前显示出来的这些，麻烦鸟兄去看看！怎么解决呢？请解答，谢谢！这个风格实在是喜欢！
        • 知更鸟 : 2011年04月13日 406 天前 23:17:51 @回复 回复

          写这么多...
          看来LOGO不作也不行了，呵呵
          首页标签只能显示一行，不然错位
          希望下一次弄个头像再来
17. Jeep.G哥 : 2011年04月13日 406 天前 23:47:13  67楼 @回复 回复

    好的，在来的时候我去注册一个头像，呵呵！！这么晚还在！辛苦啊！2天之内我整理一个帖子关于这个主题我使用时遇到的问题和我如何解决的，图文并茂，我需要整理一下！等你的好消息我的LOGO 我先去你给我的烧录地址去看看，注册一个！对了，你这里我做了连接了！ 还有注册头像的地方是英文的啊，我没弄明白
    • 知更鸟 : 2011年04月14日 405 天前 09:59:34 @回复 回复

      收LOGO吧，你是第一个，看你的博客能坚持多久，呵呵
      http://zmingcx.com/custom-logo
18. Smartree智慧树 : 2011年04月14日 405 天前 08:52:08  68楼 @回复 回复

    好像没发现版本更新列表的历史路线图、下载主题后要把后期更新逐个打上吗？还是下载包会包含最新的呢？
    • 知更鸟 : 2011年04月14日 405 天前 09:14:30 @回复 回复

      主题并没有更新，后续的只是一些功能增强补丁
    • Jeep.G哥 : 2011年04月14日 405 天前 09:27:35 @回复 回复

      重新下载最新的2.4版安装调试，就简单了啊！
19. Jeep.G哥 : 2011年04月14日 405 天前 09:23:17  69楼 @回复 回复

    头像来了，过来看看鸟兄，咱的LOGO和解决办法呢？还没起来啊?不急不急啊，能帮我弄就感谢了。不着急，主要是给你看我的头像，呵呵！
20. Jeep.G哥 : 2011年04月14日 405 天前 09:25:26  70楼 @回复 回复

    对了对了，怎么就忘说了呢，关于使用的的主题，我个人使用遇到的问题与解决我都在我博客发帖子了，咱说道做到图文并茂，写的不好，欢迎鸟兄去看看！其实你这个问题汇总里就写的很好了，可是我还是发了一些主要是自己折腾的嘛，呵呵！文中提到你了哦，吃水不忘打井人嘛！！
21. 减肥产品哪个好 : 2011年04月18日 401 天前 04:28:58  71楼 @回复 回复

    谢谢你了，
22. 南极骆驼 : 2011年04月20日 399 天前 14:29:06  72楼 @回复 回复

    呵呵，谢谢了！本来主题导航都不会设置！
23. 快乐的小羊羔 : 2011年04月30日 390 天前 00:53:42  73楼 @回复 回复

    问下博主，如何把导航菜单连接到分类目录？ 举个例子吧。我添加了导航菜单，名字叫 高清电影，也添加了分类目录，名字也叫高清电影。发布文章的时候是发布在分类目录下的高清电影里的，现在想通过点击导航菜单的高清电影按钮来找到我发布的文章。请问如何实现？
24. 地瓜 : 2011年05月05日 384 天前 17:51:17  74楼 @回复 回复

    鸟哥、我哭啊、我看了几遍还是不会安装、能不能给我个简单易懂的图文教程啊、谢谢了、
25. 绵阳网络建设 : 2011年05月11日 378 天前 21:49:33  75楼 @回复 回复

    wordpress这个导航功能，做一些企业站还是挺方便的。
26. 李大羽 : 2011年05月16日 373 天前 09:21:11  76楼 @回复 回复

    真不错，我学习学习！！！
27. 零度 : 2011年05月16日 373 天前 20:42:11  77楼 @回复 回复

    话说鸟哥你那logo怎么换的，不会。汗汗
28. 网络整合营销 : 2011年05月27日 362 天前 12:15:02  78楼 @回复 回复

    wordpress这个导航功能 这个分类很方便，wp真强大
29. gavin : 2011年06月03日 355 天前 13:12:25  79楼 @回复 回复

    主题已经用上，很漂亮，想问自定义菜单的下拉子菜单想要横排显示，知更兄有无比较好的CSS样式推荐？
30. 创新捕手 : 2011年06月15日 343 天前 08:41:00  80楼 @回复 回复

    鸟哥，你的本站推荐的内容怎么显示的啊，我的没有内容
    • clairelume : 2011年06月15日 343 天前 09:27:00 @回复 回复

      貌似上面不止一次两次的问这个问题了。。。
      在编辑文章时添加一个自定义栏目related，值填1
      • 创新捕手 : 2011年06月15日 343 天前 10:17:55 @回复 回复

        试过了，终于可以了，谢谢啊
31. E视角 : 2011年06月20日 338 天前 20:54:05  81楼 @回复 回复

    鸟大大，是不是不能够点菜单项显示所有下拉项的文章集合？
32. zhaowei239 : 2011年06月21日 338 天前 00:59:05  82楼 @回复 回复

    RSS订阅是怎么弄的》？ 求详解1！！！！！ http://feed.feedsky.com/****/ 我也想有这个订阅的怎么弄啊？
    • 知更鸟 : 2011年06月21日 337 天前 11:28:43 @回复 回复

      到http://www.feedsky.com/注册一下
33. 陈龙飞 : 2011年06月22日 336 天前 20:56:50  83楼 @回复 回复

    回头试试
34. baobao : 2011年06月28日 330 天前 12:29:40  84楼 @回复 回复

    底部导航怎么又二级菜单？错位了
35. 董道理 : 2011年07月08日 320 天前 15:23:55  85楼 @回复 回复

    不知道该怎么说，上传图片
    • 知更鸟 : 2011年07月08日 320 天前 16:08:14 @回复 回复

      主题自动排除上面显示的文章
      • 董道理 : 2011年07月08日 320 天前 16:58:27 @回复 回复

        那在哪儿设置呢？我没有找到
    • 董道理 : 2011年07月08日 320 天前 23:15:30 @回复 回复

      鸟哥，我这个怎么办丫？求讲解！！！
36. 董道理 : 2011年07月08日 320 天前 23:22:15  86楼 @回复 回复

    主题自动排除上面显示的文章

    怎么解决？求解决
    • 知更鸟 : 2011年07月08日 320 天前 23:47:26 @回复 回复

      解决什么？
37. 绵阳seo : 2011年07月10日 318 天前 12:41:56  87楼 @回复 回复

    用这个东东来做企业站不错！
    • 龙之谷外挂 : 2011年07月15日 313 天前 13:09:43 @回复 回复

      龙之谷不错的说
      • 北京万和热水器维修 : 2011年07月21日 307 天前 22:34:52 @回复 回复

        鸟哥果然不一般支持了。
    • 龙之谷外挂 : 2011年07月15日 313 天前 14:18:29 @回复 回复

      龙之谷确实不错的说
38. wordpress初学者 : 2011年07月14日 314 天前 18:30:31  88楼 @回复 回复

    鸟哥,我是刚接手这个东东的,看到了你的网站,觉得非常不错,不过,你现在所处的这个模板,我下载以后无法安装,不知这个问题能否解决 ,谢谢!
    • 知更鸟 : 2011年07月14日 314 天前 21:57:50 @回复 回复

      详细阅读安装使用说明
39. seoertony : 2011年07月15日 313 天前 13:04:37  89楼 @回复 回复

    哈哈，刚刚才知道，早听说过了但是还没有用过
    • 知更鸟 : 2011年07月15日 313 天前 14:20:59 @回复 回复

      你用的古董级主题不支持该功能.....
40. ninnworx : 2011年07月18日 310 天前 22:59:45  90楼 @回复 回复

    弄好好几天了 被ALEXA收录啦 谷歌还没有，而且PR被人劫持啦，主题还是非常喜欢的。
41. 铁马冰河 : 2011年07月19日 309 天前 17:48:31  91楼 @回复 回复

    鸟哥，太感谢你了，呵呵，正在不知疲倦的学习hotnews！
42. 新艾奇 : 2011年07月22日 306 天前 09:50:13  92楼 @回复 回复

    昨天刚下载了这个主题，震惊了啊，第一次用上这么强大，这么美观的主题！还是免费的！现在还剩下订阅的地址不知道在哪改了。
    • 知更鸟 : 2011年07月22日 306 天前 10:58:04 @回复 回复

      后台主题设置中
43. BenBen : 2011年07月24日 305 天前 00:57:38  93楼 @回复 回复

    谢谢，我折腾很久了
    header core.php function.php都找过
    没辙
    在你这里解决了 谢谢~~~oh yeah
    ilcl.me
44. ninnworx : 2011年07月24日 304 天前 05:10:53  94楼 @回复 回复

    求助知更鸟大神怎么修改页脚的版权信息啊
    我自己的介绍信息有点过长。
    还有怎么把那三个更多弄成一个啊？
    怎么设置？
    我是菜鸟，对PHP一窍不通。。。呵呵
    • 知更鸟 : 2011年07月24日 304 天前 16:25:27 @回复 回复

      额，把博客名称当关键字用...
      打开：footer和footer_a
      在保留所有权利.后面加一个换行符

      1. <br/>  

      其它内容就会移到下一行
45. ninnworx : 2011年07月24日 304 天前 18:39:23  95楼 @回复 回复

    Copyright © 2011 Hot CS – 男人装，杂志，创意，电影，音乐，网址，微博，软件，免费，冷笑话，游戏。 保留所有权利.
    这些字怎么修改啊？
    我看FOOTER和FOTTER_A编辑 里都没有啊？是不是要用FTP下载下来修改？
46. 麦田 : 2011年07月30日 298 天前 12:42:39  96楼 @回复 回复

    为什么，我的文章分类目录，和自定义分类目录，他们的目录不一样呢

    自定义目录为/nihao

    文章分类目录/category/nihao

    我要修改哪呢
    • 知更鸟 : 2011年07月30日 298 天前 13:18:55 @回复 回复

      wp默认就是如此，如果不喜欢前缀有category，可以看一下这篇：
      http://zmingcx.com/no-category-parents.html
47. Donty : 2011年08月08日 289 天前 13:54:25  97楼 @回复 回复

    我的页面和菜单导航如何关联起来，请鸟哥指教QQ:792471302
48. 陈昌文 : 2011年08月11日 286 天前 16:23:10  98楼 @回复 回复

    好多人用你的主题啊 我也在用，正在研究 多谢分享
49. FradSer : 2011年08月12日 285 天前 22:37:53  99楼 @回复 回复

    真的很谢谢，帮了很大、很大的忙。
50. hyy25 : 2011年08月13日 284 天前 19:39:47  100楼 @回复 回复

    主题很漂亮，很喜欢
    • 康辉旅行社官网 : 2011年08月18日 279 天前 16:12:57 @回复 回复

      很实用 谢谢