WordPress入门 之 设置导航菜单

创造未来 Wordpress入门1 已被106 人盯上字数 1144阅读3分48秒阅读模式

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

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

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

WordPress入门 之 设置导航菜单

自定义导航菜单

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

创建菜单

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

WordPress入门 之 设置导航菜单

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

添加链接和设置菜单

WordPress入门 之 设置导航菜单

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

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

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

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

菜单高级设置

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

WordPress入门 之 设置导航菜单

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

WordPress入门 之 设置导航菜单

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

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

<li class="home-page">
<a title="博睿淘" target="_blank" rel="nofollow" href="https://www.boruitao.com">网站搭建和Wordpress的那些事</a>
</li>

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

继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的抖音
  • 我的抖音
  • weinxin
  • 本文由 发表于 2017年7月16日 23:55:45
  • 除非特殊声明,本站文章均为网络转载,如侵犯了您的版权请联系QQ:541074440,我处将尽快删除
WordPress 4.9 正式版发布 WordPress资讯

WordPress 4.9 正式版发布

WordPress 4.9 正式版已发布,它能让您的设计工作流更顺滑,防止您的代码出现错误。不过呢小编我发现了部分英文还没被翻译成中文,而且编辑器里的清除超链接的按钮也没有了。主题预览有些卡顿。 大规模的定制器改善、代码错误检查和更多! 欢迎来到改良的定制器工作流,包括了设计草稿、锁、计划和预览链接等新功能。此外,代码语法高亮和错误检查能让您的站点建设体验更整洁平滑。我们还为您带来了全新画廊小工具...
2017年7款最好用的 WordPress 多语言翻译插件 Wordpress插件

2017年7款最好用的 WordPress 多语言翻译插件

写一篇好文章,通常要做大量工作,你自然就想把写出来的文章分享给最广大的受众。 现而今,最通用的语言当属英语。Ethnologue(民族语言网)在其2015年版用户手册中指出,在全球74亿人中,有近10亿人以某种形式说英语,有4亿人以英语为母语。 与使用互联网有关的数据则更加有趣。网络技术调查网站W3Techs公司的调查结果表明,虽然仅有25.9%的互联网用户说英语,但是多半,准确地说,53.6%的...
WordPress 4.8.3 安全更新 WordPress资讯

WordPress 4.8.3 安全更新

WordPress 4.8.3 是一个安全版本,主要修复之前版本存在的安全问题: 之前版本的 $wpdb->prepare()  可以创建意想不到的和不安全的查询,导致潜在的SQL注入。WordPress 核心并没有直接受到这个问题的攻击,但是我们已经添加了增强功能来防止插件和主题意外地造成漏洞。 此外,WordPress 4.8.3 还包含的  esc_sql()  函数的行为变化。大多数...
美化文章标题和内容--WordPress集成有字库字体插件 Wordpress插件

美化文章标题和内容–WordPress集成有字库字体插件

有字库简介 有字库是全球第一中文Web Font(网络字体)服务平台。 我们致力于美化网页界面,降低网页设计和维护的难度,同时提升效率。 Web Font 的服务在国外已经比较普及, 著名的有Google Fonts、Typekit等网站,但是国内在中文Web Font上面一直是一片空白,众多中文网站设计者们只能望洋兴叹。 有字库为此应运而生。 在正式介绍插件以前,先来普及下有字库能够干什么,换句...