原文链接:https://www.chenweiliang.com/cwl-959.html
WordPress 3.0以上的版本,已经添加了自定义导航栏菜单的功能。
大多数的WordPress主题都支持自定义导航栏菜单功能,你可以自由地为你的网站设置导航栏菜单。
将重要页面链接,添加到导航栏菜单的2大作用:
- 可提升用户体验。
- 能提升SEO权重。
现在陈沩亮就来给你分享:如何设置WordPress导航菜单?
如何确定主题是否有自定义菜单功能?
启用主题后,登录WordPress后台 → 外观 → 菜单。
如果你看到下面显示的内容,则主题不支持自定义菜单,否则它支持 ▼
WordPress自定义导航菜单
在自定义菜单之前,你需要创建所需的文章分类目录和页面。
创建文章分类目录、页面方法,请参考以下教程 ▼
WordPress创建&设置菜单
第 1 步:进入WordPress菜单页面
登录WordPress后台 → 外观 → 菜单 ▼
- 此处能创建新菜单,也能管理之前创建的菜单。
- 若创建新菜单,请在 “菜单名称” 输入框中,填写菜单分类名称。
- 然后单击“保存”,以创建新的导航菜单位置类别。
第 2 步:选择主题位置
- 我们要将菜单指定为网站上的导航菜单。
- 选择主题位置,勾选 Primary Navigation(主导航) ▼
- 注意不要勾选 “自动将所有顶级页面添加到此菜单” ▲
- 在这种情况下,每次创建顶级页面时,它都会自动添加到菜单中,但菜单的宽度有限,会在超出宽度后换行(影响美观)。
第 3 步:添加和排序WordPress菜单结构
这里以创建一个名为 “Menu 1” 的菜单为例 ▼
- 从左侧选择要添加的链接(页面链接,文章链接,自定义链接、分类目录链接),然后将其添加到菜单中。
- (其实你可以在这里添加任何链接,例如,你可以添加一个首页,你可以通过“自定义链接”指向首页网址)
排序菜单结构:
- 在菜单结构区域中,将菜单项稍微向右拖动,以快速设置二级菜单和多级菜单。
- 设置的效果是梯形的,也就是说,二级菜单比其上一级更加缩进。
- 导航名称后面会出现一些灰色的“子项目”标志。
- 排列菜单好了后,单击“保存菜单”。
WordPress菜单选项
WordPress菜单默认是隐藏了一些功能。
如果要控制菜单的更多属性,请单击屏幕右上角的“显示选项”,以显示隐藏的功能 ▼
- 你可以选择更多菜单项类型。
- 例如:标签和文章,以及显示菜单的高级属性(链接目标,CSS类,链接关系网,描述)。
导航标签:
- 链接的文字。
标题属性:
- 是a标签的title属性的值,如上图中所示 “陈沩亮博客的首页”。
CSS类:
- 向菜单项添加class。
- 此菜单项因css而异。
- 陈沩亮博客首页的CSS添加的是
fas fa-home
。
链接关系网络:
- 通过链接关系网(XFN),将rel属性添加到菜单。
- 如果你不希望搜索引擎给予此菜单链接权重,则可以向其添加
rel="nofllow"
属性。
链接目标:
- 控制菜单链接打开方式。
- 比如,在新窗口中打开(
target="_blank"
),或在当前窗口中打开(默认)。
以下是基于上图中显示的设置,网页所呈现代码:
<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>
WordPress菜单管理位置
以下是WordPress菜单设置顶部的管理位置 ▼
- 管理位置所显示的主题设置,会因为使用不同的主题,而有所不同。
- 你可以为每个“主题位置”设置指派菜单,以便每个位置的导航菜单,显示不同的内容。
WordPress自定义导航栏菜单教程,到此结束。
欢迎转载《WordPress如何添加菜单?自定义导航栏显示选项》
陈沩亮版权所有,转载请注明出处链接:https://www.chenweiliang.com/cwl-959.html
网站地址:https://www.chenweiliang.com/
欲学更多秘技,请关注微信公众号:cwlboke
没有评论:
发表评论