性价比最高的香港ASP、PHP主机提供商
做网站,就上凡科建站

WordPress入门 之 设置导航菜单

Loading
1
Comodo SLL证书促销 - 免费ssl证书申请_ssl证书购买_ev ssl证书_https证书购买 - GDCA_数安时代

WordPress 3.0 添加了一个自定义导航菜单的功能,让你可以很自由地设置网站的导航菜单。现在大多数的主题也都支持这个功能了,那么,究竟该如何设置WordPress导航菜单?今天倡萌就介绍一下。

如何确定主题是否支持自定义菜单功能?

启用主题后,访问后台 – 外观 – 菜单,如果你看到下图所示内容,说明主题不支持自定义菜单,反之,则支持:

wpdaxue.com-201303417

自定义导航菜单

在自定义菜单之前,你需要创建好所需的文章分类和页面,请参考《创建和管理文章分类》,下面进入正题。

创建菜单

打开后台 – 外观 – 菜单,然后点击页面上的“+”按钮,填写一个菜单的名字(可以是任意文字,只是用来识别罢了),然后点击“创建菜单”。比如下图我创建一个名为“菜单”的菜单:

wpdaxue.com-201303415

注:有些新手朋友误以为这里添加的“菜单”就是一个单独的链接,其实不是这样的,这个“菜单”是一组链接,你可以给他添加N个链接,组成导航条。

添加链接和设置菜单

wpdaxue.com-201303416

①从左边选择需要添加的链接(自定义链接、页面链接和分类链接),加入到菜单中去。(自定义链接:允许你添加任何链接,比如你可以添加一个首页,链接指向首页网址即可)

②可以编辑每个菜单项目的信息,并用拖放的方式为其排序。将某个菜单项稍稍向右拖动,这个项目即变为子菜单(低一格就是二级菜单,低两格就是三级菜单,以此类推。前提是你的WordPress主题支持显示子菜单哦),这样您的菜单便有了层级关系。

③排好菜单以后,点击“保存菜单”。

④然后为你设置的菜单选择显示的位置(有些WordPress主题支持不同位置调用不同菜单,所以你可以设置不同的菜单,然后选择显示位置)。

菜单高级设置

WordPress菜单隐藏了一些功能,如果你想控制菜单更多的属性,不妨点击屏幕右上角的“显示选项”,让隐藏的功能都显示出来:

wpdaxue.com-201303419

你可以选择更多的菜单项目种类(例如标签和文章),还可以显示菜单的高级属性(链接目标、CSS类、链接关系网、描述)

wpdaxue.com-201303420

  • 导航标签 – 就是链接的文字
  • 标题属性 – 就是a标签的title属性值,比如上图填写”WP大学”
  • CSS类 – 给某个菜单项添加class,通过css是这个菜单项与众不同,如上图我添加了“home-page”
  • 链接关系网 – 通过链接关系网(XFN)给菜单添加rel属性,例如不想搜索引擎跟随这个菜单,可以为其添加rel="nofllow"属性
  • 链接目标 – 控制菜单打开方式,在新窗口打开(target="_blank")或在当前窗口打开(默认)。

以下代码就是根据上图的设置显示的效果:

1
2
3
<li class="home-page">
<a title="WP大学" target="_blank" rel="nofollow" href="https://www.wpdaxue.com">WordPress大学</a>
</li>

好了,关于WordPress自定义导航菜单就介绍到这里。

阅读该系列的其他文章:
上一篇:WordPress入门 之 新建页面和管理页面
下一篇:WordPress入门 之 安装主题和插件
支付宝扫码打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

MetInfo | 最适合企业网站建设的cms系统

关于 倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

精彩推荐

如何修改 WordPress 数据库前缀

如何提高WordPress站点安全?

如何提高WordPress站点安全?

29 条评论

  1. 已经设置好了导航,有“首页”“服饰搭配”“包包”等,“首页”是一个自定义链接,链接了网站地址,“服饰搭配”“包包”等是分类目录。问题来了,在首页点击“服饰搭配”,文章上方会显示“分类:服饰搭配”字样,怎样把这个去掉啊?点导航菜单的其它,页面也会显示“分类:XX”

  2. 我的文章可以访问,但是页面打不开什么情况恩?

  3. 请问一下主题位置能否设置?我有一个页面想给它加上导航但是我不知道它应该对应的位置是哪个

  4. WordPress菜单隐藏了一些功能,如果你想控制菜单更多的属性,不妨点击屏幕右上角的“显示选项”,让隐藏的功能都显示出来:

    发错位置了。最新版的wordpress没有这个功能了怎么办?

  5. 非常实用,我是新手 已经建好,开始改下了

  6. 怎么设置列表页啊

  7. 感谢WordPress大学,导航设置的问题解决了,好感动啊。

  8. 添加影音播放也要怎么弄呢?可否支招?

  9. 我这个貌似是可以自定义菜单的,现在大部分模板都是支持的吧

发表评论