专业WORDPRESS主题设计制作

WordPress如何添加菜单?自定义导航栏显示选项(wordpress设置菜单不显示)

发布于: 2022-11-03

1 如何确定主题是否有自定义菜单功能?

 

本文是《WordPress建站教程》系列文章的第 16 部分,该系列共包含以下 21 个部分:

  1. WordPress是什么意思?干什么的?能做什么网站?
  2. 个人/公司建站需要多少钱?搭建企业网站费用价格
  3. 建站需要什么程序软件?自己做网站需哪些条件手续
  4. 如何选择合适的域名?网站建设域名注册建议&原则
  5. NameSilo域名注册教程(送你 1 美金 NameSilo优惠码)
  6. BlueHost主机怎么样?最新BlueHost美国优惠码/优惠券
  7. Bluehost如何一键自动安装WordPress?BH建站教程
  8. NameSilo将域名NS解析到Bluehost/SiteGround教程
  9. 如何手动搭建WordPress?WordPress安装教程
  10. 如何登陆WordPress后台?WP后台登录地址
  11. WordPress怎么用?WordPress后台常规设置&中文Title
  12. WordPress如何修改语言设定?更换中文/英文设置方法
  13. 如何创建WordPress分类目录?WP分类目录管理
  14. WordPress如何发布文章?自己发文章的编辑选项
  15. WordPress如何新建页面?添加/编辑页面设置
  16. WordPress如何添加菜单?自定义导航栏显示选项
  17. FTP怎么在线解压缩zip文件?PHP线上解压程序下载
  18. FTP工具连接超时失败WordPress如何配置连服务器?
  19. WordPress主题是什么?如何安装WordPress模板?
  20. 如何安装WordPress插件?3种安装WordPress插件方法
  21. VPS如何使用rclone备份?CentOS使用GDrive自动同步教程

WordPress 3.0以上的版本,已经添加了自定义导航栏菜单的功能。

大多数的WordPress主题都支持自定义导航栏菜单功能,你可以自由地为你的网站设置导航栏菜单。

将重要页面链接,添加到导航栏菜单的2大作用:

  1. 可提升用户体验。
  2. 能提升SEO权重。

现在我们就来给你分享:如何设置WordPress导航菜单?

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

启用主题后,登录WordPress后台 → 外观 → 菜单。

如果你看到下面显示的内容,则主题不支持自定义菜单,否则它支持 ▼

custom-menu-not-support

WordPress自定义导航菜单

在自定义菜单之前,你需要创建所需的文章分类目录和页面。

创建文章分类目录、页面方法,请参考以下教程 ▼

WordPress如何新建页面?添加/编辑页面设置

WordPress页面类似于文章,功能也是内容发布,但它们是不同的。由于很多网络营销新手,不知道WordPress如何新建页面?现在,就让我们来分享,WordPress如何添加、编辑页面设置吧!登……

如何创建WordPress分类目录?WP分类目录管理

新媒体人学习用WordPress建站做网络推广,将具有不同主题的文章被分配到不同的分类,可以帮助访问者,找到他们想要的内容,并改善用户体验。因此,有必要为你的电商网站创建文章分类。那……

 

WordPress创建&设置菜单

第 1 步:进入WordPress菜单页面

登录WordPress后台 → 外观 → 菜单 ▼

wordpress-creates-menu

  • 此处能创建新菜单,也能管理之前创建的菜单。
  • 若创建新菜单,请在 “菜单名称” 输入框中,填写菜单分类名称。
  • 然后单击“保存”,以创建新的导航菜单位置类别。

第 2  步:选择主题位置

  • 我们要将菜单指定为网站上的导航菜单。
  • 选择主题位置,勾选 Primary Navigation(主导航) ▼

wordpress-menu-setting

  • 注意不要勾选 “自动将所有顶级页面添加到此菜单” ▲
  • 在这种情况下,每次创建顶级页面时,它都会自动添加到菜单中,但菜单的宽度有限,会在超出宽度后换行(影响美观)。

第 3 步:添加和排序WordPress菜单结构

这里以创建一个名为 “Menu 1” 的菜单为例 ▼

wordpress-menu-structure

  • 从左侧选择要添加的链接(页面链接,文章链接,自定义链接、分类目录链接),然后将其添加到菜单中。
  • (其实你可以在这里添加任何链接,例如,你可以添加一个首页,你可以通过“自定义链接”指向首页网址)

排序菜单结构:

  • 在菜单结构区域中,将菜单项稍微向右拖动,以快速设置二级菜单和多级菜单。
  • 设置的效果是梯形的,也就是说,二级菜单比其上一级更加缩进。
  • 导航名称后面会出现一些灰色的“子项目”标志。
  • 排列菜单好了后,单击“保存菜单”。

WordPress菜单选项

WordPress菜单默认是隐藏了一些功能。

如果要控制菜单的更多属性,请单击屏幕右上角的“显示选项”,以显示隐藏的功能 ▼

wordpress-menu-display-options

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

wordpress-menu-detail-settings

导航标签:

  • 链接的文字。

标题属性:

  • 是a标签的title属性的值,如上图中所示 “我们网站的首页”。

CSS类:

  • 向菜单项添加class。
  • 此菜单项因css而异。
  • 我们网站首页的CSS添加的是 fas fa-home

链接关系网络:

  • 通过链接关系网(XFN),将rel属性添加到菜单。
  • 如果你不希望搜索引擎给予此菜单链接权重,则可以向其添加rel="nofllow"属性。

链接目标:

  • 控制菜单链接打开方式。
  • 比如,在新窗口中打开(target="_blank"),或在当前窗口中打开(默认)。

以下是基于上图中显示的设置,网页所呈现代码:

<a title="我们网站的首页" rel="nofollow" href="https://www.wordpressx.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

WordPress菜单管理位置

以下是WordPress菜单设置顶部的管理位置 ▼

wordpress-menu-management

  • 管理位置所显示的主题设置,会因为使用不同的主题,而有所不同。
  • 你可以为每个“主题位置”设置指派菜单,以便每个位置的导航菜单,显示不同的内容。

WordPress自定义导航栏菜单教程,到此结束。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress如何添加菜单?自定义导航栏显示选项》,对您有帮助。

WP技术资料 wordpress模板制作、wordpress主题开发相关知识常见问题总结
MORE
服务电话:
0533-2765967

微信 13280692153