现在的位置: 首页Wordpress>正文
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版可支持多级下拉菜单.

最后形成下图所示:

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

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

    我的页面和菜单导航如何关联起来,请鸟哥指教

  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 网站标题要在那个里面修改。 修改的像鸟哥这样的, 知更鸟 | 崇尚专注 追求极致
    我自己添加了一个,现在源代码里面就出现了两个 460

  10. menthe : 2011年09月25日 137 天前 15:41:44  110楼 @回复 回复

    您好,这个主题怎么会出现这样的广告呢??能去掉嘛

  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下面鼠标移开后, 不能消失

  20. allen22 : 2011年11月02日 99 天前 14:11:52  120楼 @回复 回复

    鸟哥自定义菜单怎么出现这样的问题66.jpg

  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 在新的窗口打开不能下载

  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楼 @回复 回复

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

查看来自外部的引用: 115

  • HotNews pro 2.2 | WP迷死
  • 测试一下看看 | 琼宇密语
  • Today.|Tomorrow. Days
  • Wopus原创主题:HotNews pro v2.3版 « Wordpress主题站
  • 超酷苹果风格WordPress主题模板——HotNews pro v2.3 详细教程+免费下载 - 宅电脑
  • WordPress主题:HotNews pro(热点新闻)v2.3版 | 星星芦苇的Blog
  • 使用说明 | Test科技有限公司
  • Wopus原创主题:HotNews pro v2.3版-WordPress Theme | 铅笔先生的私家藏馆 - 私家珍藏,快乐分享!
  • Wopus原创主题:HotNews pro v2.3版
  • Apple式又一主题:HotNews pro v2.3版 | WordPress爱好者
  • 主机资料大全 » HotNews pro(热点新闻)v2.3版
  • 主题使用方法 | 爱酒徒
  • WordPress主题:HotNews pro(热点新闻)v2.3版 | 小孙博客–测试
  • Wopus原创主题:HotNews pro v2.3版 | 墨丸小站
  • HotNews pro主题2.4正式版发布 | WordPress爱好者
  • WordPress CMS主题:HotNews pro 2.4(苹果/两栏/缩略图/幻灯/Widget) « 一起学建站
  • HotNews pro主题2.4正式版 | 依旧范特西
  • WordPress中文主题:HotNews pro2.4正式版 | arthacker
  • 本站使用HotNews pro主题2.4 | juawn的窝
  • WordPess主题推荐:HotNews pro | 晨光博客
  • 分享知更鸟同志的模版:HotNews pro主题2.4正式版 | 孤苏别苑-用文字寻求真知,用动漫追逐梦想
  • 分享知更鸟同志的模版:HotNews pro主题2.4正式版 | 孤苏别苑-用文字寻求真知,用动漫追逐梦想
  • 分享知更鸟同志的模版:HotNews pro主题2.4正式版 | 寄之庐
  • 2011年02月13日 | E蜗居
  • WordPress主题:HotNews pro(热点新闻)v2.3版 | 靝竺的博客[感受INTERNET]
  • HotNews pro主题2.4正式版 | 小官BLOG
  • HotNews pro主题2.4正式版 | 我人飞翔
  • HotNews pro主题2.4正式版 | 简单的信仰
  • WordPress3.0导航菜单使用教程 图文版 : 何苦呢
  • 本博使用的主题-HotNews pro2.4正式版 | 街角的守望
  • HotNews pro主题2.4 | 行走在尼泊尔
  • 歪SIR博客换主题了. | 歪SIR博客
  • 本站使用的主题 | 小熊博客
  • 让wordpress主题支持自定义菜单功能
  • 我个人使用HotNews pro主题2.4正式版后遇到的问题及解决办法! | Jeep.G哥-爱越野.爱生活
  • wordpress主题安装 | My Blog
  • For The Dream » HotNews pro主题2.4正式版
  • HotNews pro主题2.4正式版 | 聆听博客
  • HotNews pro主题2.4正式版 | |企业|信息化|Wordpress|圆久岛
  • WordPress3.0导航菜单图文使用教程 | Joy chao
  • HotNews pro主题2.4正式版 | 嗨!CC!| 我的CC生活记录!
  • WordPress3.0导航菜单图文使用教程 | 爱搜软.com
  • WordPress主题 本站使用的模板!! | 乐六免费模版|DZ论坛模版|WordPress模版
  • 极品WordPress主题!HotNews pro主题2.4正式版 | 乐六风格模板!|WordPress好看主题|Discuz好看风格|免费主题风格|乐六模板最好看的模板下载!
  • Wopus原创:HotNews pro2.5 « Wordpress主题站
  • WordPress主题:HotNews pro2.5正式版 | 马龙华网络营销推广博客
  • WordPress主题:HotNews pro2.5 | |企业|信息化|Wordpress|Plugins|Themes|圆久岛
  • WordPress主题:HotNews pro2.5 - ˉ黑色.小亮
  • wordpress风格下载:HotNews pro2.5
  • WordPress主题:HotNews pro2.5正式版 « 明心投资
  • WordPress主题:HotNews pro2.5正式版 | 录音之家
  • WordPress主题:HotNews pro2.5正式版 | Brats 's Blog
  • HotNews pro2.5正式版 | sasa
  • hotNews pro2.5 | fishir
  • HotNews pro主题2.4正式版 | 董道理‘s blog 一介菜鸟
  • HotNews pro主题2.4正式版 | 董道理'blog 一介菜鸟
  • 关于最近本站的一些小修改 | Movies1910
  • WordPress主题:HotNews pro2.5 | YaoDroid's Blog
  • WordPress主题:HotNews pro2.5正式版 | 无忧物理
  • WordPress主题:HotNews pro2.5正式版 | 黑白世界
  • 热点新闻:HotNews pro2.5 | 释然博客
  • 本站所用WordPress主题:HotNews pro2.5正式版 | 小柒博客
  • SEO博客:wordpress本博客现用风格下载 | 路慎通SEO博客
  • 分享本站wordpress主题模板 | 穷人淘金网
  • WordPress主题:HotNews pro2.5正式版 | 【柒零伍陆】博客
  • 子菜单添加技巧 | 牧场物语
  • 「簡中」WordPress主題:HotNews Pro 2.7 | 歐塔庫部落
  • Wordpress添加自定义导航菜单 | 在路上...
  • 暗箱效果 | 雪箭博客
  • WordPress3.0导航菜单图文使用教程 | 知更鸟 - 张文星的博客
  • WordPress3.0导航菜单图文使用教程 | 翱翔beta
  • WordPress主题:HotNews Pro 2.7 | 剩男设计
  • 主题HotNews Pro 2.7 | 51学徒
  • WordPress主题:HotNews Pro 2.7说明备份 | 魅影
  • WordPress主题:HotNews Pro 2.7 的使用与设置 | MaxLing
  • WordPress主题:HotNews Pro 2.7 | 黑色忧郁的窝
  • WordPress主题:HotNews Pro 2.7Plus « Wordpress主题站
  • 今天正式开通个人博客 |
  • WordPress主题:HotNews Pro 2.7 | 海阔天空
  • 今天正式开通个人博客 | 魅力临沂
  • WordPress主题:HotNews Pro 2.7 | 湖南旅游邵阳旅游隆回小沙江花瑶
  • 智慧分布构架 - WordPress主题:HotNews Pro 2.7
  • WordPress主题:HotNews Pro 2.7 (转载使用说明) | 紫客网-张慧敏个人原创博客
  • WordPress主题:HotNews Pro 2.7 | 小佐工作室
  • 国人主题:HotNews
  • WordPress高级杂志CMS主题HotNews Pro 2.7Plus免费下载 | WordPress免费主题下载|Wordpress企业建站服务|外贸中英文企业网站建设|Wordpress-CSS-SEO视频教程
  • WordPress主题:HotNews Pro 2.7 | 空间
  • WordPress主题:HotNews Pro 2.7 | 我爱小百科
  • Twenty ten主题的修改体会(1)—导航菜单图文使用教程 | 寒雲飛揚
  • Wordpress添加自定义导航菜单 » 在路上...
  • hotnewspro plus主題使用說明[繁中]歐塔庫部落 | 歐塔庫部落
  • WordPress主题:HotNews Pro 2.7 | 喜乐优
  • WordPress主题:HotNews Pro 2.7 | shoppinghao记事夹
  • WordPress主题:HotNews Pro 2.7使用说明 | 思过崖
  • wordpress入门 | 机械点滴
  • wordpress入门 | 机械点滴
  • HotNews(热点新闻)一款不错的免费Wordpress主题 | 成毅网
  • WordPress主题:HotNews Pro 2.7 | Xiaoswift's Website
  • WORDPRESS主题:HotNews Pro 2.7 | 弗科网络
  • WordPress主题:HotNews Pro 2.7 下载 - Jony's Blog
  • WordPress主题:HotNews Pro 2.7Plus | CN站
  • WordPress主题:HotNews Pro 2.7 | UART
  • WordPress主题:HotNews Pro 2.7 | 360ITO技术社区
  • hotnewspro pro2.7wp国人高级主题下载及使用说明 | 苹果power
  • HotNews Pro 2.7主题使用说明 | 老萨工作室
  • WordPress主题:HotNews Pro 2.7 | fish的小站
  • WordPress主题:HotNews Pro 2.7 | 嗨,CC!
  • Wopus原创主题:HotNews pro v2.3版 | 淘人家
  • WordPress主题:HotNews Pro 2.7 | 百度王
  • 推荐WP主题:HotNews Pro 2.7 | 魅影视觉
  • WordPress主题:HotNews Pro 2.7 全力推荐 | www.woo886.com,woo886博客,woo886游戏下载,woo886电影下载,woo886人体艺术,woo886免费刷钻,woo886免费刷q币,woo886游戏外挂
  • WordPress主题:HotNews Pro 2.7 全力推荐 | woo886.com,woo886博客,woo886游戏下载,woo886电影下载,woo886人体艺术,woo886免费刷钻,woo886免费刷q币,woo886游戏外挂
  • WordPress主题:HotNews Pro 2.7(本站主题) | 天天社区
  • WordPress模板:HotNews Pro 2.7Plus | 美好生活从这里开始
  • WordPress主题:HotNews Pro 2.7 | 魅影视觉

Wopus问答

给我留言

留言无头像?

留言不能超过1500字,已输入字数:

×
腾讯微博