如何制作WordPress导航菜单

WordPress拖放菜单界面,可用于创建标题菜单,带有下拉选项的菜单等。本教程展示如何轻松地在WordPress中制作和添加导航菜单。

如何制作WordPress导航菜单

什么是导航菜单

导航菜单是指向网站重要区域的链接列表,通常以水平横条显示在网站上每个页面的顶部。

导航菜单提供网站结构,并帮助访问者找到所需的内容。 例如,老豆博客导航菜单的外观如下:

老豆国外联盟导航菜单

WordPress添加菜单和子菜单很容易,可以将链接添加到最重要的页面、类别或主题、博客文章,甚至是自定义链接(例如社交媒体资料)。

菜单展示位置取决于WordPress主题。大多数主题有多种设置选择,因此可以创建可以在不同位置显示的不同菜单。

例如,有些WordPress主题的主菜单显示在顶部,有些主题可能还包括辅助菜单、页脚菜单或移动导航菜单。

注:本站是导航菜单的显示效果是采用的GeneratePress免费主题

如何创建第一个新导航菜单

在WordPress内部,可以制作多个导航菜单,根据需要分别展示,在这里演示制作第一个。

  1. 点击访问菜单页面(Appearance → Menus)
  1. 新菜单命名
新菜单命名
新菜单命名
  1. 点击 创建新菜单Create a New Menu)按钮
创建菜单
创建菜单
  1. 该页左侧查看page方框
  1. 选中想要加入菜单项目的任何页面
  1. 点击添加到菜单Add to Menu)按钮,将所选加入菜单
添加菜单
添加菜单
  1. 点击蓝色保存菜单Save Menu ) 按钮,保存菜单。
保存菜单
保存菜单

这样,就创建好了第一个菜单,下面介绍如何对菜单中的页面进行排序。

如何排列WordPress导航菜单

现在,已经创建了包含页面的菜单,可以对这些页面进行重新排序。

  1. 点击菜单页面 (Appearance → Menus)
  1. 如果未选择菜单,则使用顶部的下拉菜单选择要编辑的菜单
选择菜单
选择菜单
  1. 菜单结构Menu Structure)部分,找到要重新定位的页面
菜单页面定位
菜单页面定位
  1. 用鼠标在要移动的页面上点击并按住,然后将其拖动到另一个菜单项的上方或下方以重新定位
  1. 完成后,点击保存菜单按钮,保存菜单。
保存菜单
保存菜单

前面讲的都是如何将wordpress网站中的page/页面,post/文章添加到菜单,也就是以文章或页面来充当菜单使用。除此之外,我们还可以将任何菜单按钮导向你的wordpress网站内部或者外部的任何地址,这就是自定义链接(custom link)。

  1. 进入菜单/Menus 页面 (Appearance → Menus)
  1. 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单
  1. 在左侧,点击自定义链接Custom Links) 
  1. 输入要链接到的页面的URL和链接文字
  1. 点击 添加到菜单Add to Menu) 按钮
  1. 点击蓝色 保存菜单(Save Menu)按钮来保存菜单设置

另外,还有一种自定义链接菜单,点击这个菜单按钮,不会出现手的形状,也不会跳转,只是起了一个标签作用/功能,比如本站的一些菜单设置:

没有url地址的自定义链接菜单
没有url地址的自定义链接菜单

这种菜单设置也非常简单,在自定义链接的url和text框中随便输入,将此自定义链接加入到菜单中:

然后,在菜单中将url里面删除,将text设置成你想要的菜单文字,然后保存即可:

这样自定义链接就添加到菜单中了。

菜单不仅限于页面,也可以将指向文章类别(Post categories)的链接添加到菜单。

  1. 进入菜单页面 (Appearance → Menus)
  1. 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单
  1. 在左侧,点击 分类目录Categories) 部分
  1. 选中要添加到菜单的任何类别
  1. 点击  添加到菜单Add to Menu )按钮来添加
  1. 点击蓝色保存菜单Save Menu)按钮来保存设置

这样,分类目录Category links)就添加到菜单里面了。

下拉菜单非常适合节省空间,而且导航醒目。如果要将下拉菜单添加到现有菜单,请按照下列步骤操作:

  1. 进入菜单页面 (Appearance → Menus)
  1. 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单
  1. 添加要包含在下拉菜单中的任何页面
  1. 在父菜单之后,点击并拖动下拉菜单中所选定的页面
  1. 点击并拖动同一页面到右边,直到缩进到里面
  1. 对下拉菜单中想要的任何其他页面重复此操作
  1. 点击蓝色保存菜单Save Menu )按钮来保存设置

使用拖放可以创建多层多层菜单,支持多达三层的菜单创建。

如何创建WordPress导航子菜单

例如,我想把这篇文章“利用google谷歌功能挖掘英文长尾关键词的五种方法”利用google谷歌功能挖掘英文长尾关键词的五种方法放到菜单-资源&工具,下面的子菜单-关键词优化及搜索之下。

按照上面的步骤,现将这个post/page添加到菜单之中,然后用鼠标点住,拖到关键词优化及搜索这个菜单之下,并向里缩进,即可完成。

如何创建Wordpress子菜单
如何创建Wordpress子菜单

这样子菜单制作完成。

如何重新命名WordPress导航菜单

如果添加到菜单的文章原名很长,那么显示在菜单中,会很不美观,看起来也比较乱,可以把这个菜单使用短语重新命名。

例如,这个页面/文章:网络营销中niche及niche marketing是什么意思-网络市场营销方向

那么我就把这个菜单改成:什么是niche利基

看起来是不是效果好点?具体设置如下:

  1. 进入菜单页面 (Appearance → Menus)
  1. 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单。如果你创建了好几种菜单的话,在这里会出现,选择主选项。那么多数人都设置了一层主菜单,那么只在这个菜单之下设置。你可能有点糊涂,往下看:
选择菜单
选择菜单
  1. 菜单结构部分中找到要重新命名的菜单
  1. 点击菜单右侧的箭头
  1. 在 导航标签Navigation Label )中,输入什么是niche利基,然后再将其拖至适当的菜单之下,就ok了。
  1. 对要重命名的任何其他菜单重复此操作
  1. 点击蓝色 保存菜单Save Menu)按钮来保存设置。

从上述操作可以看到,在没有更改页面标题的前提下,就可以改变菜单里面的名称并更新保存。

如何在侧边栏和页脚中添加WordPress导航菜单

WordPress导航菜单不仅可以设置/显示在网站顶部/中央位置,也可以使用widgets小部件在侧边栏或者页脚等位置设置WordPress导航菜单,方法如下:

点击并进入外观»小工具Appearance » Widgets),在该页面用鼠标点住左侧导航菜单Navigation Menu),将其拖至右侧的侧边栏或者页脚相应位置,然后填写标题,保存即可。

综上所述,WordPress导航菜单已全部创建完成。接下来,你可以建设WrodPress网站来体验:

有关Wordpress其它问题,请参见WordPress建站教程

发表评论

error: Content is protected !!