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

知更鸟
知更鸟
知更鸟
站长
2558
文章
0
粉丝
WordPress442168,732阅读模式

上一篇写过如何为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
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  442  访客  246  作者  39
    • ninnworx
      ninnworx

      弄好好几天了 被ALEXA收录啦 谷歌还没有,而且PR被人劫持啦,主题还是非常喜欢的。

      • 铁马冰河
        铁马冰河

        鸟哥,太感谢你了,呵呵,正在不知疲倦的学习hotnews!

        • 新艾奇
          新艾奇

          昨天刚下载了这个主题,震惊了啊,第一次用上这么强大,这么美观的主题!还是免费的!现在还剩下订阅的地址不知道在哪改了。

          • BenBen
            BenBen

            谢谢,我折腾很久了
            header core.php function.php都找过
            没辙
            在你这里解决了 谢谢~~~oh yeah
            ilcl.me

            • ninnworx
              ninnworx

              求助知更鸟大神怎么修改页脚的版权信息啊
              我自己的介绍信息有点过长。
              还有怎么把那三个更多弄成一个啊?
              怎么设置?
              我是菜鸟,对PHP一窍不通。。。呵呵

                • 知更鸟
                  知更鸟

                  @ ninnworx 额,把博客名称当关键字用…
                  打开:footer和footer_a
                  在保留所有权利.后面加一个换行符
                  <br/>  
                  其它内容就会移到下一行

                • ninnworx
                  ninnworx

                  Copyright © 2011 Hot CS – 男人装,杂志,创意,电影,音乐,网址,微博,软件,免费,冷笑话,游戏。 保留所有权利.
                  这些字怎么修改啊?
                  我看FOOTER和FOTTER_A编辑 里都没有啊?是不是要用FTP下载下来修改?

                  • 麦田
                    麦田

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

                    自定义目录为/nihao

                    文章分类目录/category/nihao

                    我要修改哪呢

                      • 知更鸟
                        知更鸟

                        @ 麦田 wp默认就是如此,如果不喜欢前缀有category,可以看一下这篇:
                        https://zmingcx.com/no-category-parents.html

                      • Donty
                        Donty

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

                        • 陈昌文
                          陈昌文

                          好多人用你的主题啊 我也在用,正在研究 多谢分享

                          • FradSer
                            FradSer

                            真的很谢谢,帮了很大、很大的忙。

                            • hyy25
                              hyy25

                              主题很漂亮,很喜欢

                              • mdsxbm
                                mdsxbm

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

                                • xx-xyl
                                  xx-xyl

                                  博主,你好,这个主题非常好,我也在使用,但是这个导航栏设置上有些问题,请帮忙解决一下好吗?问题如下,按照这个教程添加的时候,添加第一个可以正常显示,但是再继续添加就会把第一个给覆盖了,就是导航栏只能显示一个标签,这个该如何设置呢?

                                    • byiceb
                                      byiceb

                                      @ xx-xyl 同样新手,刚看到鸟哥这个大大好的主题。
                                      这个问题是因为你添加了两个导航栏,所以第一个被覆盖了。将元素全部添加紧第一个导航里面吧。

                                    • 侯淇滨
                                      侯淇滨

                                      分析的很仔细呀!

                                      • 常德网站建设
                                        常德网站建设

                                        很好!很强大,我会了

                                        • 库迪老豆
                                          库迪老豆

                                          无法显示类似你这个网页的的导航

                                          • 王小萌
                                            王小萌

                                            老大,我还是没看懂,刚接触这程序,感觉好难设置

                                            • 萧宇
                                              萧宇

                                              这个模板刚用,很多不懂的,呵呵,我一定好好学习,把它学会使用!

                                              • ceo
                                                ceo

                                                谢谢了,正头痛这个问题呢

                                                • 郑州驾校
                                                  郑州驾校

                                                  这个主题真的是太强悍了!我非常的喜欢!也谢谢鸟哥的无私奉献精神!
                                                  有个小问题要请教下:cms 网站标题要在那个里面修改。 修改的像鸟哥这样的, 知更鸟 | 崇尚专注 追求极致
                                                  我自己添加了一个,现在源代码里面就出现了两个 [img]http://t1.qpic.cn/mblogpic/fe0700abebb19a6492a0/460[/img]

                                                  • menthe
                                                    menthe

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

                                                    • menthe
                                                      menthe

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

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

                                                      不知道这个是怎么回事呢?可能我说的不清楚,但是你进入这两篇文章,点击图片就能看到差别了。。

                                                      • 老翁
                                                        老翁

                                                        鸟哥,你这个猪蹄导航地址如何实现的。比如说联系方式
                                                        https://zmingcx.com/contact 你的地址是这样的。
                                                        我自己调试的时候是
                                                        http://localhost/?page_id=40
                                                        该如何设置才能弄成跟你的效果一样,谢谢了,刚开始用WP,一篇空白。

                                                          • 及时雨
                                                            及时雨

                                                            @ 老翁 建议先去百度google充充气,再来问,更改固定链接就可以,在设置——固定链接 里

                                                          • 淘宝网女靴
                                                            淘宝网女靴

                                                            鸟哥太强大了,多支持,我已经实现了二级菜单~~~~准备做个“裸婚时代”的。。。。

                                                            • 蓝海湾
                                                              蓝海湾

                                                              这个教程好,一直搞不懂这个导航菜单,折腾了很久,现在懂了,哇咔咔

                                                            • 来自外部的引用

                                                            匿名

                                                            发表评论

                                                            匿名网友

                                                            拖动滑块以完成验证