WordPress入门 之 设置导航菜单

文本是《WordPress 入门教程(共19篇)》专题的第 9 篇。阅读本文前,建议先阅读前面的文章:

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. <li class=“home-page”>
  2. <a title=“WP大学” target=“_blank” rel=“nofollow” href=“https://www.wpdaxue.com”>WordPress大学</a>
  3. </li>

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lk2768783601@gmail.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年8月29日 下午12:57
下一篇 2023年8月29日 下午1:08

相关推荐

  • 0基础0代码wordpress建站教程

    0基础0代码wordpress建站教程(课程链接) 这是我们将在本指南中引导您完成的所有步骤的从头到尾的概述。  如何免费查找和注册域名  如何选择最好的虚拟主机  如何安装WordPress  安装模板并自定义您网站的设计  在 WordPress 中创建页面  使用插件和扩展自定义 WordPress  学习 WordPress 和获得支持的资源  更进…

    2023年9月2日
    3910
  • 如何在WordPress中开始职业生涯:分步指南

    几年前,在WordPress中开始职业生涯似乎是不可能的。毕竟,我们正在谈论一款免费软件。如何处理可能摆在桌上的食物或养家糊口? 但是,随着WordPress支持近40%的市场份额,这早已成为数千人的现实。实际上,到目前为止,WordPress不仅运行着举世闻名的网站和博客,而且还是百万美元业务的基础。结果,这些天来,在WordPress中工作已成为一条合法…

    2023年8月29日
    2570
  • 17个超实用 WordPress SEO 初学者技巧

    如果您正在为初学者寻找终极 WordPress SEO 指南,那么您来对地方了。我们的 WordPress SEO 教程将重点介绍 SEO 的所有基本方面以及如何根据本指南优化您的网站。 顶级博主不仅具有出色的写作技巧,而且还对他们在搜索引擎中的内容表现负责。 想象一下,您写了一篇很棒的博客,如果人们无法阅读它,它的价值何在。并将其提供给合适的受众,SEO …

    2023年8月29日
    3200
  • 如何优化图片来提高WordPress网站加载速度

    了使您的WordPress网站更能吸引访问者并增加转化次数,网站的内容必须吸引人。图文搭配可以使你的文章更具吸引力,但是,高质量图像通常意味着较大的文件大小,会导致网页加载速度变慢。 所以,我们应该在确保图文排版需求的情况下,尽可能优化图片来减少对网页加载速度的影响。 在这篇文章中,我们将说明图像如何影响WordPress网站的速度和性能。然后,我们将为您提…

    2023年9月6日
    4480
  • WordPress外贸网站添加谷歌分析(Google Analytics)代码统计网站访问量

    文本是《WordPress 入门教程(共19篇)》专题的第 17 篇。阅读本文前,建议先阅读前面的文章。 WordPress对Google和国外用户非常友好,所以很多外贸企业都采用WordPress搭建他们的外贸网站,然而,网站搭建好以后,我们如何能了解网站的访问量呢? 在此,非鱼推荐WordPress外贸网站添加谷歌分析(Google Analytics)…

    2023年8月29日
    2280
关注微信