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

WordPress441157.2K阅读模式

上一篇写过如何为WordPress主题添加多个自定义导航菜单,可能很多刚接触WordPress3.0的朋友对这个自定义菜单功能,不知如何使用,今天弄个图文教程,也是为了配合新发布的HotNews pro 2.2版的一个补充使用教程。

这个新增加的自定义菜单功能,其实使用很简单。

一、首先,选择进入自定义导航菜单设置页面。

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

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

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

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

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

WordPress 3.0来了,你的主题准备好了吗?

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

在菜单名输入框中键入一个菜单名称(任意),之后点击“创建菜单”。

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

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

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

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

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

最后不要忘记点击"保存菜单",完成菜单组合设置.如下图:

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

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

第三,在不同的位置显示"菜单A"和"菜单B'(以HotNews pro 2.2版为例).

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

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

四,显示多级下拉菜单.

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

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

最后形成下图所示:

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

五、新窗口或者标签打开导航菜单链接

在添加菜单时没有该选项,但可以在添加完菜单项后,点击菜单项右上角的箭头编辑菜单项时会看到该选项,如下图:

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

如果没有该选项,打开窗口右上角的“显示选项”并勾选“链接目标 ”。

另外,菜单中还可以调用自定义文章类型,单篇日志等,可以到“显示选项”中勾选相应的内容。

 

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  441  访客  245  作者  39
    • ddj
      ddj 0

      添加到菜单按钮不好使怎么办?点了一直在加载,不能添加

      • Jason
        Jason 1

        请问首页导航栏为什么不显示这两个菜单 ???而只会显示一个菜单。

        • richle
          richle 0

          鸟哥:你的主题很棒呀!我就一个菜鸟。我按你的这个方法去做,还是没有能实现呀!急死了,各位高人也帮我看一下。是咋回事呢?
          我放的结构是这样的
          导航页面
          分类
          分类
          导航页面
          这样不知道可行否?

          • mengs
            mengs 0

            鸟个,我的今天安装了这个模板就是不显示菜单呀,换个其他的模板就出来了这个是什么问题呢

            • zolin_book
              zolin_book 0

              管用着,想了,好久啊

              • hi还
                hi还 2

                我不会做子导航 谁教教我 小弟我感激不尽 我QQ862906821 各位大哥 教教小弟 小弟今年13岁

                • dgpl_pan
                  dgpl_pan 1

                  您好,我在后台点编辑的时候,出现了这个提示,抱歉,无法编辑带“..”文件名的文件。如果您想编辑 WordPress 根目录中的文件,您只需输入文件名就可以编辑。自己google了蛮久,还是没法解决,不知道是哪里的问题。谢谢。主题用的2.7 Plus 版本。

                  • dason
                    dason 0

                    学习了,谢!

                    • 悠客小哥
                      悠客小哥 1

                      请问鸟哥,为什么我按照您的教程装好您的主题之后(安装之前停用了所有插件),后台设置“菜单”的时候,向上向下向左向右拖动失效了呢?鼠标放上去变成花箭头了,就是拖动不了,重装了N次,换了各种浏览器都不行…小工具那里是可以正常拖动的。希望鸟哥能帮忙解答一下。

                        • 知更鸟
                          知更鸟

                          @ 悠客小哥 可以肯定与主题无关
                          换默认主题试试

                            • 悠客小哥
                              悠客小哥 1

                              @ 知更鸟 非常感谢鸟哥的回复,小哥是新手一枚,刚才换回默认的试了,也无效…意思是说,问题出在源代码了吗?该如何解决呢?我用的是最新版的火狐,搭配您的2.7.1的主题…还想弱弱的问一句,除了向右拖动可以建立下拉菜单,还有什么其他的方法吗?麻烦鸟哥指点一下…

                                • 知更鸟
                                  知更鸟

                                  @ 悠客小哥 重新覆盖安装WP程序

                                    • 悠客小哥
                                      悠客小哥 1

                                      @ 知更鸟 刚才尝试覆盖了,又重装了一遍wordpress 3.0.4版本的,还是没有解决问题…这两天都在弄这个,好奇怪的…控制板首页和小工具都能正常使用..就是菜单这拖动不了..

                                        • 知更鸟
                                          知更鸟

                                          @ 悠客小哥 网站地址登录信息发我邮箱,我看看有这么奇怪

                                          • 悠客小哥
                                            悠客小哥 1

                                            @ 知更鸟 已经发送到您的gmail,麻烦鸟哥啦!先谢谢…

                                  • 途上网
                                    途上网 1

                                    鸟哥,我发现了一个不知对于你来说算不算bug的bug,就是当我们点击主菜单栏时,按理说应该列出的是下面所有的子菜单的内容,我不知道我这样的想法是否正确,如果你是对的,那么主菜单对于和用户的交互貌似就形同虚设了。
                                    以上内容仅一家之言,喜欢鸟哥的追求极致

                                      • 知更鸟
                                        知更鸟

                                        @ 途上网 WP有父子分类功能,设置一下就行了

                                          • 途上网
                                            途上网 0

                                            @ 知更鸟 当再次打开看见过去提问的问题时才感觉时间过得好快呀,那时候使用您的主题啥也不会,现在总算零零总总的会了点东西,岁月中就会让人明白当初不明白的东西,谢谢鸟哥您那时候给我们提供的帮助!

                                        • 途上网
                                          途上网 1

                                          还有关于RSS聚合页面的RSS订阅的内容的标题过长会导致超出边界

                                            • 知更鸟
                                              知更鸟

                                              @ 途上网 无实际用处的页面模版,自己愿意折腾,用CSS加截断

                                            • 请问下
                                              请问下 0

                                              怎么样将分类目录移到头部导航栏目上!!

                                              • 真皮鞋网
                                                真皮鞋网 0

                                                不错,学习了

                                                • PDF转Word服务
                                                  PDF转Word服务 0

                                                  很不错啊

                                                  • T先生
                                                    T先生 1

                                                    来了就留下脚印吧。出新版本的了。看样子可以更新了。

                                                    • YuyiDesign
                                                      YuyiDesign 1

                                                      很好。。很强大。。学习了。、

                                                      • djaq
                                                        djaq 0

                                                        鸟哥,视频添加成后显示很小,怎么问怎么吧弹出的视频窗口变大最好是全屏。

                                                        • 鲜活优惠码
                                                          鲜活优惠码 3

                                                          很详细的教程 谢谢

                                                          • 米克23
                                                            米克23 2

                                                            我在本地测试,按照上,按照上面的方法,添加了分类目录到菜单了,首页为什么还是不显示呢?

                                                              • 米克23
                                                                米克23 2

                                                                @ 米克23 哦!好了!不好意思!

                                                              • 你的粉丝
                                                                你的粉丝 2

                                                                我想问下,你上面的图片是使用什么软件制作的呢?

                                                                • 你的粉丝
                                                                  你的粉丝 2

                                                                  哦!与Photoshop 比较起来有简单点操作的软件吗?

                                                                    • 四五网
                                                                      四五网 3

                                                                      @ 你的粉丝 操作简单意味着功能也不会很强大,Photoshop其实不难。

                                                                    • 保温包
                                                                      保温包 0

                                                                      谢谢博主分享,终于弄明白了

                                                                      • 夏陌
                                                                        夏陌 0

                                                                        你好,发现外观—菜单—导航自定义菜单 ,“导航自定义菜单”这个只能选择一个啊,那意味着只能添加一个导航吗,怎么弄啊,谢谢!

                                                                        • huis
                                                                          huis 0

                                                                          添加不上

                                                                          • 李少强
                                                                            李少强 1

                                                                            学习了,谢谢分享,试试去

                                                                            • 龙九
                                                                              龙九 1

                                                                              呵呵 按照你说的 弄好了哦……

                                                                              • 两天
                                                                                两天 6

                                                                                为什么底部菜单删除了还显示呢?

                                                                                  • 知更鸟
                                                                                    知更鸟

                                                                                    @ 两天 不想显示,就建一菜单,里面什么也不加

                                                                                  • 宋广城
                                                                                    宋广城 0

                                                                                    太喜欢了!!!!很给力!!!

                                                                                    • joaas
                                                                                      joaas 0

                                                                                      来学习一下,博主的博客做得非常好,请问一下留言的AJAX效果用的是哪个插件呢?

                                                                                      • 我爱上QQ
                                                                                        我爱上QQ 6

                                                                                        刚开始使用知更鸟主题时这个二级菜单搞了好久(那时还无法访问知更鸟,备案),后来自己琢磨才发现拖动下就OK,囧~

                                                                                        • 荧
                                                                                          0

                                                                                          外观-菜单点开之后,主导航栏只能显示一个吗?我想多显示几个,怎么弄呀?Q:1197200614,急!谢谢啦

                                                                                          • freegdd.com
                                                                                            freegdd.com 1

                                                                                            你好,顶部导航条下级菜单没办法自动变化,最多只能写下七个汉字,能否变成自动适应的!谢谢!

                                                                                            • 学堂娃部落
                                                                                              学堂娃部落 1

                                                                                              将视频分类放菜单中,在前台点击进去就是403错误:Forbidden

                                                                                              You don’t have permission to access /.html/video/videos/television on this server. url显示:http://xtwlh.com//.html/video/videos/television

                                                                                              • 围挡
                                                                                                围挡 4

                                                                                                这个很容易,就是CSS不会写。

                                                                                                • 寂寞的烟客
                                                                                                  寂寞的烟客 0

                                                                                                  可以分享下自定义导航的代码,那样不是更好吗?这个只是使用,还有更多的程序员等着呢

                                                                                                  • laine
                                                                                                    laine 0

                                                                                                    我想请问一下关于导航菜单我要如何使用图片在上面
                                                                                                    像您首页按钮是使用小房子图片一样

                                                                                                    • sistrong
                                                                                                      sistrong 1

                                                                                                      鸟哥,偶用的你的HotNewspro 2.7 Plus版主题,现在不知道为什么突然点击所有自定义菜单下所有选项没有最新的文章,我明明发布文章都选定了具体菜单分类的,而且是只有未登陆用户这样,登陆用户就不会这样。怎么会这样呢?急求啊?

                                                                                                      • Charlesfun
                                                                                                        Charlesfun 1

                                                                                                        iPad mini 竖屏时不显示logo ,这算不算bug

                                                                                                        • 杭州网站设计
                                                                                                          杭州网站设计 2

                                                                                                          支持

                                                                                                          • 电子商务营销
                                                                                                            电子商务营销 3

                                                                                                            请教博主,怎么可以隐藏顶部菜单,不设置的时候,显示:点此设置菜单! :grin: —–这样的话占用了一行的位置。

                                                                                                            • TeachCourse
                                                                                                              TeachCourse 2

                                                                                                              添加菜单、二级菜单都是没问题的,请问如何添加菜单中的图标呢?

                                                                                                            匿名

                                                                                                            发表评论

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

                                                                                                            拖动滑块以完成验证