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

目录
什么是导航菜单
导航菜单是指向网站重要区域的链接列表,通常以水平横条显示在网站上每个页面的顶部。
导航菜单提供网站结构,并帮助访问者找到所需的内容。 例如,老豆博客导航菜单的外观如下:

WordPress添加菜单和子菜单很容易,可以将链接添加到最重要的页面、类别或主题、博客文章,甚至是自定义链接(例如社交媒体资料)。
菜单展示位置取决于WordPress主题。大多数主题有多种设置选择,因此可以创建可以在不同位置显示的不同菜单。
例如,有些WordPress主题的主菜单显示在顶部,有些主题可能还包括辅助菜单、页脚菜单或移动导航菜单。
注:本站是导航菜单的显示效果是采用的GeneratePress免费主题。
如何创建第一个新导航菜单
在WordPress内部,可以制作多个导航菜单,根据需要分别展示,在这里演示制作第一个。
- 点击访问菜单页面(Appearance → Menus)
- 新菜单命名

- 点击 创建新菜单(Create a New Menu)按钮

- 该页左侧查看page方框

- 选中想要加入菜单项目的任何页面

- 点击添加到菜单(Add to Menu)按钮,将所选加入菜单

- 点击蓝色保存菜单(Save Menu ) 按钮,保存菜单。

这样,就创建好了第一个菜单,下面介绍如何对菜单中的页面进行排序。
如何排列WordPress导航菜单
现在,已经创建了包含页面的菜单,可以对这些页面进行重新排序。
- 点击菜单页面 (Appearance → Menus)
- 如果未选择菜单,则使用顶部的下拉菜单选择要编辑的菜单

- 在菜单结构(Menu Structure)部分,找到要重新定位的页面

- 用鼠标在要移动的页面上点击并按住,然后将其拖动到另一个菜单项的上方或下方以重新定位

- 完成后,点击保存菜单按钮,保存菜单。

如何将自定义链接添加到WordPress导航菜单
前面讲的都是如何将wordpress网站中的page/页面,post/文章添加到菜单,也就是以文章或页面来充当菜单使用。除此之外,我们还可以将任何菜单按钮导向你的wordpress网站内部或者外部的任何地址,这就是自定义链接(custom link)。
- 进入菜单/Menus 页面 (Appearance → Menus)
- 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单

- 在左侧,点击自定义链接(Custom Links)

- 输入要链接到的页面的URL和链接文字

- 点击 添加到菜单(Add to Menu) 按钮

- 点击蓝色 保存菜单(Save Menu)按钮来保存菜单设置

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

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

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

这样自定义链接就添加到菜单中了。
如何在WordPress导航菜单添加Category Links(分类链接)
菜单不仅限于页面,也可以将指向文章类别(Post categories)的链接添加到菜单。
- 进入菜单页面 (Appearance → Menus)
- 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单

- 在左侧,点击 分类目录(Categories) 部分

- 选中要添加到菜单的任何类别

- 点击 添加到菜单(Add to Menu )按钮来添加

- 点击蓝色保存菜单(Save Menu)按钮来保存设置

这样,分类目录(Category links)就添加到菜单里面了。
如何创建下拉式WordPress导航菜单
下拉菜单非常适合节省空间,而且导航醒目。如果要将下拉菜单添加到现有菜单,请按照下列步骤操作:
- 进入菜单页面 (Appearance → Menus)
- 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单

- 添加要包含在下拉菜单中的任何页面

- 在父菜单之后,点击并拖动下拉菜单中所选定的页面

- 点击并拖动同一页面到右边,直到缩进到里面

- 对下拉菜单中想要的任何其他页面重复此操作
- 点击蓝色保存菜单(Save Menu )按钮来保存设置

使用拖放可以创建多层多层菜单,支持多达三层的菜单创建。
如何创建WordPress导航子菜单
例如,我想把这篇文章“利用google谷歌功能挖掘英文长尾关键词的五种方法”利用google谷歌功能挖掘英文长尾关键词的五种方法放到菜单-资源&工具,下面的子菜单-关键词优化及搜索之下。
按照上面的步骤,现将这个post/page添加到菜单之中,然后用鼠标点住,拖到关键词优化及搜索这个菜单之下,并向里缩进,即可完成。

这样子菜单制作完成。
如何重新命名WordPress导航菜单
如果添加到菜单的文章原名很长,那么显示在菜单中,会很不美观,看起来也比较乱,可以把这个菜单使用短语重新命名。
例如,这个页面/文章:网络营销中niche及niche marketing是什么意思-网络市场营销方向
那么我就把这个菜单改成:什么是niche利基
看起来是不是效果好点?具体设置如下:
- 进入菜单页面 (Appearance → Menus)
- 如果没有选定菜单,则使用顶部的下拉菜单选择要编辑的菜单。如果你创建了好几种菜单的话,在这里会出现,选择主选项。那么多数人都设置了一层主菜单,那么只在这个菜单之下设置。你可能有点糊涂,往下看:

- 在菜单结构部分中找到要重新命名的菜单

- 点击菜单右侧的箭头

- 在 导航标签(Navigation Label )中,输入什么是niche利基,然后再将其拖至适当的菜单之下,就ok了。

- 对要重命名的任何其他菜单重复此操作
- 点击蓝色 保存菜单(Save Menu)按钮来保存设置。

从上述操作可以看到,在没有更改页面标题的前提下,就可以改变菜单里面的名称并更新保存。
如何在侧边栏和页脚中添加WordPress导航菜单
WordPress导航菜单不仅可以设置/显示在网站顶部/中央位置,也可以使用widgets小部件在侧边栏或者页脚等位置设置WordPress导航菜单,方法如下:
点击并进入外观»小工具(Appearance » Widgets),在该页面用鼠标点住左侧导航菜单(Navigation Menu),将其拖至右侧的侧边栏或者页脚相应位置,然后填写标题,保存即可。

综上所述,WordPress导航菜单已全部创建完成。接下来,你可以建设WrodPress网站来体验:
- 单个网站:推荐使用Siteground主机(说明),Bluehost主机(说明)
- 多个网站(含免费网站):推荐siterubix建站(说明)
有关Wordpress其它问题,请参见WordPress建站教程