上篇 下篇

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

2010年08月08日 ⁄ Wordpress ⁄ 作者：知更鸟 ⁄ 共 769字 ⁄ 评论数 310 ⁄ 被围观 90,585+

上一篇写过如何为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版可支持多级下拉菜单．

最后形成下图所示：

返回

作者: 知更鸟

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

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

1. jQuery实现侧边栏随窗口滚动
2. WordPress博客评论可见实现方法
3. 为Wordpress添加文章字数统计
4. 显示当前在线浏览人数
5. 揪出哪些插件在拖慢你的网站
6. 优化一下HotNews Pro主题SEO代码
7. 为Wordpress默认编辑器TinyMCE增加额外的按钮
8. 为WordPress编辑器设置默认内容

目前有 310 条留言 其中：访客:165 条, 博主:30 条 引用: 115

1. mdsxbm : 2011年08月20日 172 天前 18:20:19  101楼 @回复 回复

   我的页面和菜单导航如何关联起来，请鸟哥指教
   • 求教问题 : 2011年10月20日 112 天前 09:50:34 @回复 回复

     我也想知道 博客怎么注册啊？ 求注册
     • jayliang : 2011年12月15日 56 天前 12:17:20 @回复 回复

       我也想知道
2. xx-xyl : 2011年08月26日 166 天前 21:38:46  102楼 @回复 回复

   博主，你好，这个主题非常好，我也在使用，但是这个导航栏设置上有些问题，请帮忙解决一下好吗？问题如下，按照这个教程添加的时候，添加第一个可以正常显示，但是再继续添加就会把第一个给覆盖了，就是导航栏只能显示一个标签，这个该如何设置呢？
   • byiceb : 2011年09月24日 138 天前 15:28:55 @回复 回复

     同样新手，刚看到鸟哥这个大大好的主题。
     这个问题是因为你添加了两个导航栏，所以第一个被覆盖了。将元素全部添加紧第一个导航里面吧。
3. 侯淇滨 : 2011年08月27日 166 天前 15:00:00  103楼 @回复 回复

   分析的很仔细呀！
4. 常德网站建设 : 2011年08月29日 164 天前 10:24:54  104楼 @回复 回复

   很好！很强大，我会了
5. 库迪老豆 : 2011年09月01日 161 天前 12:42:03  105楼 @回复 回复

   无法显示类似你这个网页的的导航
6. 王小萌 : 2011年09月10日 151 天前 19:20:27  106楼 @回复 回复

   老大，我还是没看懂，刚接触这程序，感觉好难设置
7. 萧宇 : 2011年09月11日 151 天前 09:45:07  107楼 @回复 回复

   这个模板刚用，很多不懂的，呵呵，我一定好好学习，把它学会使用！
8. ceo : 2011年09月16日 146 天前 11:06:30  108楼 @回复 回复

   谢谢了，正头痛这个问题呢
9. 郑州驾校 : 2011年09月19日 142 天前 23:04:35  109楼 @回复 回复

   这个主题真的是太强悍了！我非常的喜欢！也谢谢鸟哥的无私奉献精神！
   有个小问题要请教下：cms 网站标题要在那个里面修改。 修改的像鸟哥这样的， 知更鸟 | 崇尚专注　追求极致
   我自己添加了一个，现在源代码里面就出现了两个
10. menthe : 2011年09月25日 137 天前 15:41:44  110楼 @回复 回复

    您好，这个主题怎么会出现这样的广告呢？？能去掉嘛
    • 知更鸟 : 2011年09月25日 136 天前 20:01:53 @回复 回复

      神马广告？
11. menthe : 2011年09月25日 136 天前 23:35:08  111楼 @回复 回复

    您好，还有一个问题希望你帮助解答，就是我在博文里面发图片的时候，直接添加了一个相册，在安装你的主题之后，这个相册就如同你的图片展示的一样，地址是：http://menthe.sinaapp.com/2011/09/hezixiansheng/

    另外一篇文章同样地方法发得博文，但是点击图片，却是直接到了上传图片的地址，没有和你图片展示的的一样呢？地址是：http://menthe.sinaapp.com/2011/09/wall-papper/

    不知道这个是怎么回事呢？可能我说的不清楚，但是你进入这两篇文章，点击图片就能看到差别了。。
12. 老翁 : 2011年09月28日 134 天前 15:21:56  112楼 @回复 回复

    鸟哥，你这个猪蹄导航地址如何实现的。比如说联系方式
    http://zmingcx.com/contact 你的地址是这样的。
    我自己调试的时候是
    http://localhost/?page_id=40
    该如何设置才能弄成跟你的效果一样，谢谢了，刚开始用WP，一篇空白。
    • 及时雨 : 2011年11月01日 100 天前 08:55:15 @回复 回复

      建议先去百度google充充气，再来问，更改固定链接就可以，在设置——固定链接 里
13. 淘宝网女靴 : 2011年10月01日 131 天前 05:47:59  113楼 @回复 回复

    鸟哥太强大了，多支持，我已经实现了二级菜单~~~~准备做个“裸婚时代”的。。。。
14. 蓝海湾 : 2011年10月11日 120 天前 22:31:20  114楼 @回复 回复

    这个教程好，一直搞不懂这个导航菜单，折腾了很久，现在懂了，哇咔咔
15. 猴哥 : 2011年10月16日 116 天前 14:06:12  115楼 @回复 回复

    Fatal error: Call to undefined function get_option() in /home/content/08/7793908/html/vogueter/index.php on line 1
    这个是什么错
16. 小不点 : 2011年10月18日 113 天前 21:29:05  116楼 @回复 回复

    太感谢了，照你的做法已经出现二级菜单，可以不能进行选择，当鼠标离开主菜单后二级菜单也就消失了，不知道问题出现在哪，还请您回封信。
17. 黄山松 : 2011年10月25日 107 天前 08:45:11  117楼 @回复 回复

    老大，能否帮我配置一下啊，我模仿不了啊！！
18. cangxie : 2011年10月30日 102 天前 13:06:58  118楼 @回复 回复

    网站二级导航目录不显示啊 只显示页面 不显示分类目录 求教
19. sily : 2011年11月01日 100 天前 08:43:09  119楼 @回复 回复

    想请教一下， 为什么我的菜单在ie8 或者 ie9下面鼠标移开后， 不能消失
    • 知更鸟 : 2011年11月01日 100 天前 09:25:57 @回复 回复

      估计是与其它插件JS冲突
20. allen22 : 2011年11月02日 99 天前 14:11:52  120楼 @回复 回复

    鸟哥自定义菜单怎么出现这样的问题
21. 可可股东网 : 2011年11月03日 98 天前 00:45:38  121楼 @回复 回复

    我的博客就是用老大做的主题，很不错哦
22. 最好的减肥药 : 2011年11月14日 87 天前 14:11:05  122楼 @回复 回复

    试了 怎么自定义的地址不行
23. singcity : 2011年11月19日 81 天前 19:01:08  123楼 @回复 回复

    怎么导航不显示了呢？哪里出问题了呢？
24. 小宇 : 2011年12月01日 69 天前 18:09:30  124楼 @回复 回复

    鸟哥下载链接怎么实现的 http://zmingcx.com/?dl_id=54 在新的窗口打开不能下载
    • 知更鸟 : 2011年12月01日 69 天前 21:43:54 @回复 回复

      这个应该是插件为防盗链而设置的
25. bob : 2011年12月10日 60 天前 22:34:58  125楼 @回复 回复

    老大，你的博客模板好漂亮，能给我发一份吗？或者给个下载地址。谢谢。
    zblmn@sohu.com
26. ThePowerofLove : 2011年12月10日 60 天前 22:45:47  126楼 @回复 回复

    博主你好 又来了 如何设置二级导航的颜色 我把主题颜色设置为白色 一级导航显示的是白色 但是二级三级的不是还是默认的黑色 我知道在菜单选项中设置CSS 我填了7-white.css 不行 应该填写什么
27. jayliang : 2011年12月14日 56 天前 20:50:55  127楼 @回复 回复

    鸟哥，我想问下：在你那个图片欣赏的那个页面是什么模板的啊？我不知道怎么做啊这个啊！！！
    • IT伯伯 : 2011年12月15日 56 天前 09:06:05 @回复 回复

      默认就有图片模版的，看教程啊·
      • jayliang : 2011年12月15日 56 天前 12:33:48 @回复 回复

        怎么我没有看到的呢？怎么回事！就是叫做“图片模板？比如：点击鸟哥的菜单里面的美图欣赏后就去到了图片那里，但是我找来找去都没有发现这个模板啊！！
28. 南极骆驼 : 2011年12月19日 51 天前 23:49:06  128楼 @回复 回复

    很好，很强大！
29. ziranniao : 2011年12月29日 42 天前 11:38:15  129楼 @回复 回复

    图片跟视频分类目录怎么添加到自定义导航啊？
30. 木子 : 2012年02月06日 3 天前 14:38:36  130楼 @回复 回复

    鸟哥好，我现在用这个主题，想请问一下我把分类设在导航上了，怎样才能一点击上面导航转到相应的页面，并只显示该分类的内容呢？？求解答啊
    • 笔头° : 2012年02月06日 2 天前 23:11:09 @回复 回复

      在后台控制板→外观→菜单→（新建一个菜单，把你所想建的分类目录放入即可），最后注意记得点击→保存菜单←这个按钮哇~
31. 布林 : 2012年02月06日 2 天前 20:44:38  131楼 @回复 回复

    为什么我的菜单想显示在导航上，显示出的却是菜单中的四个栏目横向并排在导航收，看不到菜名
32. 佛山办公家具 : 2012年02月08日 14 小时前 15:06:52  132楼 @回复 回复

    当初安装的问题都好多，先看，慢慢学习吧