12 11 月, 2025

WordPress 菜单设置教程:轻松优化网站导航

本篇 WordPress 菜单设置教程将教你如何创建、管理和自定义网站导航菜单。通过可视化操作调整菜单结构、添加页面或分类,提高网站导航清晰度和用户体验,帮助访客快速找到所需内容。

前言

菜单是网站的基本功能。通过菜单可以对一个网站有个大致的了解。例如通过导航可以知道网站大概有多少个页面,产品的分类是一级、二级或三级。导航栏目内容一定是网站管理员精心设计的,把网站最重要的内容信息呈现出来。通常顶部导航的作用和效果,比底部的导航更有用。

WordPress 菜单设置教程

本篇将从:什么是 WordPress 菜单、添加菜单、自定义编辑修改菜单、如何制作超级菜单进行讲解,带领大家快速掌握 WordPress 菜单设置。

WordPress 菜单设置

WordPress 菜单设置内容

菜单在网站中通常位于页面的顶部、侧边或底部(如图,红色区域的顶部菜单和底部菜单)。它允许用户快速访问网站的不同部分或页面。菜单栏可以包括链接、下拉菜单、图标和其他导航元素,以帮助用户更轻松地找到他们所需的信息。

顶部菜单的内容

首页
点击可以回到网站首页。通常情况下,点击页眉上的Logo也能回到首页。
静态的页面
一般情况下,静态页面的改动纪几率比较小,即使修改也是小改动。比如,联系我们、关于我们、我们的服务。
动态的页面
产品、博客需要做成动态的页面。产品和博客的内容需要经常更新。例如,添加、删除、编辑修改里面的内容。

底部菜单的内容

底部菜单的设置会因人而异。有些网站会把顶部导航的内容再加一遍,有些网站会把重要的内容展示一下。底部导航我喜欢做的简单一点,整体看上去美观点,偶尔会加一加友情链接。

添加菜单

进入 WordPress 后台,点击左侧菜单栏目。点击菜单,取名一个名字,点击保存创建菜单。把设置的页面或文章添加到菜单中,保存后查看效果。具体操作如下。

创建菜单

页眉设置菜单

我们使用的是 Elementor Pro 的高级功能。 主题生成器,可以自定义 Header。需要在 Menu 模块中添加菜单即可。

自定义编辑修改菜单

设置菜单流程一

这节主要介绍:移动菜单顺序、修改菜单标题和跳转链接、自定义添加菜单。

移动菜单顺序

  • 进入后台修改菜单,鼠标点击按下不放,拖拽到指定位置。
  • 保存菜单的修改,刷新页面查看效果。
  • 导航内容的顺序发生变化!

修改菜单标题和跳转链接

  • 进入后台修改菜单,修改“自定义”菜单标题和链接。
  • 保存后刷新页面查看,标题内容已更新。
  • 跳转的链接已修改。

自定义添加菜单和删除菜单

  • 进入后台修改菜单,添加“自定义”菜单标题和链接。
  • 保存后刷新页面查看”谷歌SEO指南“。
  • 手动删除菜单。

如何制作超级菜单

WordPress Mega 菜单
超级菜单(Mega Menu):是 WordPress 菜单类型的一种表现形式。通常当鼠标停留在导航上时,导航会出现下拉的展示效果。如图,红框的区域内容就是 “ Mega Menu ”

超级菜单的作用

多栏目下拉菜单
支持多列分类展示,传统菜单只是单列。每一列可以放子菜单、图标、图片、甚至是小工具。
提升导航效率
用户可以在一级菜单中快速找到想看的内容,无需多次点击。
常用在电商网站上
通常会用在大型网站上。例如可以在电商网站的导航上使用,把不同类别的产品分类展示出来。
支持图文混排
可以插入图片、产品缩略图、文章预览等内容,增强视觉效果。
高度自定义
Mega Menu 插件支持自定义布局、颜色、字体、图标、动画等。
  • 进入后台修改菜单,鼠标点击按下不放,拖拽到指定位置。
  • 保存菜单的修改,刷新页面查看效果。
  • 导航内容的顺序发生变化!

超级菜单插件有哪些

超级菜单插件比的是谁的设计好看,谁的模版多。以下几款超级菜单插件都非常优秀,他们分别是:

Max Mega Menu

Max Mega Menu 超级菜单插件

特点:支持响应式设计,可将默认菜单自动转换为超级菜单,内置拖放编辑器。

适合用户:初学者到高级用户。

版本:免费 + Pro 版(更多功能如图标、角色控制等)。

UberMenu

UberMenu 超级菜单

特点:高度自定义、支持动态内容(如帖子、图片、地图等),兼容性强。

缺点:仅提供付费版,设置稍复杂。

适合:需要复杂多层级菜单的网站。

QuadMenu

quadmenu 超级菜单

特点:高度自定义、支持动态内容(如帖子、图片、地图等),兼容性强。

缺点:仅提供付费版,设置稍复杂。

适合:需要复杂多层级菜单的网站。

超级菜单设置教程

首先要先创建一个菜单,设置菜单包含的页面,内容,分类等。记得图中4要点一下,开始 Mega Menu

然后去编辑 “ Mega Menu ”, 选择插件自带的设计样式。把你喜欢的 “ Mega Menu ” 样子插入进去,最后编辑完内容保存即可生效。

总结

一个好的超级菜单,不只是让导航变得漂亮,更关键的是提升用户体验、提高转化率。借助这些优秀的插件,用户可以轻松为 WordPress 网站制作出专业的超级菜单。

如果你的网站内容逐渐增多,不妨尝试为它升级一个超级菜单系统,让导航变得清晰、友好、有条理!

选择哪款插件,应根据你的网站类型、内容复杂度、设计需求和预算来定:

  • 内容丰富的大型网站或新闻门户:推荐功能强大的 Max Mega Menu

  • 以品牌视觉为主的企业网站:推荐美观且易配置的 WP Mega Menu 

  • 使用页面构建器的网站:建议选择 Groovy Menu 

  • 预算有限或刚起步的小型站点:可先使用 QuadMenu