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

知更鸟 2010年8月1日14:40:199141.4K7

一直认为菜单管理功能(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样式。

至此完成全部主题修改操作。

再打开后台菜单选项页面,会看到如下显示:
为主题添加多个WordPress3.0自定义菜单

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

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

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

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
WordPress 文章生成目录索引 WordPress

WordPress 文章生成目录索引

WordPress文章目录索引,可以方便浏览者阅读,文本分享一段最新免插件生成WordPress 文章目录索引代码,可以将h2-h6段落标题自动生成文章生成目录索引,并可实现分层级。 WordPres...
在WordPress文章中添加小工具 WordPress

在WordPress文章中添加小工具

虽然目前WordPress区块编辑器,可以在正文中添加任意区块,包括区块小工具,但想在所有文章中添加一个固定的内容,每次还是需要手动添加区块,文本分享一段代码,可实现在WordPress文章中添加一个...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:91   其中:访客  37   博主  9   引用   45
    • 暮色森林
      暮色森林 3

      沙发,希望升级后的热点新闻能更加cms

      • 柳亚
        柳亚 2

        感觉到有点复杂,为什么时我不能直接加链接呢。。。。

          • 知更鸟
            知更鸟

            @ 柳亚 只要主题支持自定义菜单功能,加任意链接很方便,内连或外连都行

          • 啃麦子
            啃麦子 1

            感觉你的导航字体不是很好,和苹果的不太像,个人看法:(

              • 知更鸟
                知更鸟

                @ 啃麦子 苹果网站导航上的文字是图片,PS出来的,如下图:
                http://www.apple.com.cn/global/nav/images/globalnavbg.png

                  • 啃麦子
                    啃麦子 1

                    @ 知更鸟 我现在用的这个主题导航和APPLE的有点像,,蛮清晰的,不过要微软雅黑字体,就是摘要乱七八糟的,没弄明白:(

                      • 知更鸟
                        知更鸟

                        @ 啃麦子 你用的是微软雅黑,自己看着清晰,别人没有这个字体,就不一样了

                  • 雅岚
                    雅岚 4

                    不是到3.0.1版本了么。。。
                    说什么3.0有55处错误,额滴神丫…叫人家怎么改…

                      • 知更鸟
                        知更鸟

                        @ 雅岚 话说,这些错误,最关键的是影响中文博客收录,升级就可以了

                          • Asout
                            Asout 2

                            @ 知更鸟 鸟哥,为什么我用你的方法制作了一个导航菜单,也已设置好。但是,在前台加载的时候能看到导航菜单显示,但是加载完之后,就消失了,显示空白。
                            演示
                            http://www.bodp.org
                            请鸟哥费心给看看。

                        • lzg01
                          lzg01 0

                          hoho 支持 lzg01.com谢谢分享~

                          • 厦门seo
                            厦门seo 0

                            一直没有把wordpress升级成3.0,自己也说不出理由。。。纠结

                            • 雨凡
                              雨凡 3

                              鸟哥可以借鉴一下盛大的这个网站http://bambook.sdo.com/

                                • 知更鸟
                                  知更鸟

                                  @ 雨凡 这个站也是仿苹果网站,有些粗糙…
                                  这个样式的我早作完了,不过没拿出来,呵呵

                                • 木头
                                  木头 4

                                  OK,看看图像成不成

                                  • 平凡
                                    平凡 0

                                    兄弟,你的教程很详细了,但我的header.php里找不到wp_list_pages这个玩意,怎么搞啊

                                      • 陌上唯歌
                                        陌上唯歌 4

                                        @ 平凡 呵呵,俺和你一样。在header.php里找不到wp-list-pages的语句,后来就在footer.php里边找到了,你可以试试看~

                                      • 小子
                                        小子 1

                                        很好。拿走了。

                                        • 红树林网赚
                                          红树林网赚 1

                                          在第三个步骤遇到了麻烦,“首页”与其他的高度不同,且其他的右边的CSS没有了

                                            • 知更鸟
                                              知更鸟

                                              @ 红树林网赚 那是你用的主题导航样式不适合添加菜单功能,只能重写这部分CSS了

                                            • 华为技术
                                              华为技术 1

                                              写的不错, 要如何添加导航菜单呢?

                                              • 阿乐博客
                                                阿乐博客 0

                                                不错,最近我一直在调导航菜单

                                                • 一粟
                                                  一粟 0

                                                  看了您的这篇文章后,终于把我分类目录导航菜单的排序问题解决了,非常感谢!

                                                  • macally
                                                    macally 2

                                                    后台有了,就是无法调用啊!编辑完代码保存的时候就报错了

                                                    • leo_de
                                                      leo_de 1

                                                      好文 收藏 慢慢看!

                                                      • Quabc有料生活
                                                        Quabc有料生活 2

                                                        知更鸟哥,你好,今天偶然发现你设计的主题,非常喜欢。得知能用后,我晚上就替换掉了原有的主题,现在遇到一点问题,在首页和其他页面,“分类目录”是错位的。我用的chrome浏览器。找不到原因。你能点化一下不?非常感谢。

                                                          • 知更鸟
                                                            知更鸟

                                                            @ Quabc有料生活 是加那个围脖造成的,添加侧边小工具需要写标题,不然会错位

                                                              • 陌上唯歌
                                                                陌上唯歌 4

                                                                @ 知更鸟 我也想把新郎围脖加到侧边里,但是现在还不知道代码该往哪里加啊~

                                                                  • erico
                                                                    erico 1

                                                                    @ 陌上唯歌 鸟哥说的应该是在后台小工具那里需要添加小标题吧

                                                                      • 陌上唯歌
                                                                        陌上唯歌 4

                                                                        @ erico 呵呵··问题已经解决~~直接把代码加到侧边代码的合适位置就ok~~

                                                                • Quabc有料生活
                                                                  Quabc有料生活 2

                                                                  不好意思啊。希望知更鸟哥能帮帮我。

                                                                    • 知更鸟
                                                                      知更鸟

                                                                      @ Quabc有料生活 把围脖html代码加到侧边小工具中
                                                                      或者在主题设置中直接加到侧边广告中.

                                                                    • erico
                                                                      erico 1

                                                                      鸟哥评论模块用了你的,我的账户回复或者留言总是显示你评论太快了,换成其他主题也不行了,不知道什么问题造成的,纠结,然后我把这个功能去掉了,暂时先用着,待高人研究这个问题

                                                                      • 创新捕手
                                                                        创新捕手 1

                                                                        你好鸟哥,为什么我的主题只能添加两个自定义菜单啊,是不是需要多次调用register_nav_menus?我添加的时候每次都会覆盖前面的菜单。。

                                                                        • femkerr
                                                                          femkerr 0

                                                                          能不能分享一下你的日志分页是怎么弄的??谢谢了

                                                                          • 郑州seo
                                                                            郑州seo 0

                                                                            很不错,学习了!

                                                                            • 新手
                                                                              新手 1

                                                                              导航栏那里,比较模糊,我想创建几个导航栏目,但怎么样才能实现呢。

                                                                              • bloodmoon
                                                                                bloodmoon 0

                                                                                用了这个结果苦逼得变成下拉菜单直接显示,不会收缩

                                                                                • diguo520
                                                                                  diguo520 0

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

                                                                                  • 布林
                                                                                    布林 2

                                                                                    导航菜单不显法,啥子代码的,一点都不人性,代码我不认识的,基础为0啊,洗洗睡了,明天再研究,添加代码也说说在哪个文件里添加啊,哪些东西因人而异啊

                                                                                    • kugames
                                                                                      kugames 2

                                                                                      非常感谢鸟哥!

                                                                                      • 香水控
                                                                                        香水控 2

                                                                                        鸟哥,你这个模板,怎么样能改成淘宝客模板?
                                                                                        就是发布文章的时候,可以填淘宝链接,生成的页面有购买按钮。

                                                                                        • dong0k
                                                                                          dong0k 2

                                                                                          鸟哥,你好,我按照你的方法。首页还是不显示添加的菜单啊。。狂晕。。请帮帮忙

                                                                                          • d
                                                                                            d 0

                                                                                            下载了你的主题,有广告呀,怎么去掉

                                                                                            • 小猪
                                                                                              小猪 1

                                                                                              我添加了谷歌的广告但是怎么都显示不出来~不知道为什么啊

                                                                                            • 来自外部的引用: 45