WordPress新手入门建站教程之设置网站导航菜单

网站导航的基本作用是为了让用户在浏览网站过程中不至迷失,并且可以方便地回到网站首页以及其他相关内容的页面。因此,一个简单明了的菜单导航,可以更加方便的让用户了解该网站。
一个网站导航系统的基础是网站的菜单栏目设置,可以在需要的主菜单下面设置一个甚至多个子菜单来指引用户浏览导航。

WordPress3.0之后的版本添加了一个自定义导航菜单的功能(现在wordpress版本已经更新到4.8),让你可以很自由地设置网站的导航菜单。现在大多数的主题也都支持这个功能了,那么,究竟该如何设置WordPress导航菜单?今天落樱就介绍一下。
登陆wordpress后台,启用需要的主题后,访问后台-外观-菜单,如果你看到下图所示内容,说明主题不支持自定义菜单,反之,则支持
[warningbox]当前的主题未提供原生的自定义菜单支持,您可以通过在小工具添加“自定义菜单”小工具来在侧栏上显示。[/warningbox]
网站导航菜单1

在自定义菜单之前,你需要创建好所需的文章分类和页面,请参考《WordPress新手入门建站教程之创建和管理文章分类》,下面进入正题。
打开后台 – 外观 – 菜单,然后点击页面上的创建新菜单,填写一个菜单的名字(可以是任意文字,前台不会显示,方便管理员后台识别),然后点击“创建菜单”。比如下图我创建一个名为“落樱教程之设置导航菜单”的菜单:
网站导航菜单2

菜单可在您的主题指定的位置显示,或通过小工具中的“自定义菜单”挂件显示在侧栏中。
每个自定义菜单都可包含页面、链接、自定义URL或其他内容类型。在下方左栏中展开的框中选择项目可添加菜单链接。
在编辑器中点击任一菜单项目标题右侧的箭头会显示一组标准设置。附加设置(如链接目标、CSS类、链接关系和链接描述等)可在“显示选项”页中设置显示或隐藏。
要添加一个或多个项目,请选择每个项目前的复选框,并点击“添加到菜单”
要添加自定义链接,展开自定义链接小节,输入URL和链接文本,然后点击添加到菜单
要重排菜单项目,请用鼠标或键盘拖动项目。将项目稍稍拖到右侧可将其变为子菜单
要删除菜单项目,请将其展开并点击“删除”链接。
网站导航菜单3
网站导航菜单4
网站导航菜单5

wordpress的菜单功能不仅仅如上述功能一样强大,还有更加隐蔽的功能,当然这得主题支持。如果你想控制菜单更多的属性,不妨点击屏幕右上角的“显示选项”,让隐藏的功能都显示出来:
网站导航菜单6
导航标签 – 就是链接的文字
标题属性 – 就是a标签的title属性值,
CSS类 – 给某个菜单项添加class,通过css是这个菜单项与众不同,有不同的样式
链接关系网 – 通过链接关系网(XFN)给菜单添加rel属性,例如不想搜索引擎跟随这个菜单,可以为其添加rel=”nofllow”属性
链接目标 – 控制菜单打开方式,在新窗口打开(target=”_blank”)或在当前窗口打开(默认)。
好了,关于WordPress自定义导航菜单就介绍到这里。如果需要更多的了解,敬请期待落樱之后发布的wordpress教程


『WordPress落樱网络』微信公众号

第一时间了解最新动态
关注博主不迷路~


『天圣网络科技』支付宝生活号

第一时间了解最新动态
关注博主不迷路~

相关新闻

发表评论

邮箱地址不会被公开。 必填项已用*标注