2026年WordPress新手怎么添加自定义菜单?步骤详解与常见场景设置
时间:2026年05月26日 00:36:15
来源:易频IT社区
WordPress自定义菜单添加是搭建/优化网站导航体系的核心操作,2026年WordPress6.8及以上主流版本(据WordPress官方数据,截至2026年6月该类版本占比达92.7%)的操作流程更简化。接下来将从WordPress自定义菜单基础步骤、不同主题的适配调整、常见场景的菜单配置三个方面展开详细解答。
一、WordPress自定义菜单的基础添加步骤
这是适用于绝大多数兼容Gutenberg编辑器和经典编辑器主题的通用方法,操作前需先确认已登录WordPress后台并拥有管理员权限。
1. 进入菜单管理界面
登录后台后,点击左侧菜单栏的【外观】-【菜单】,即可打开“菜单编辑”核心页面。
2. 创建新菜单或选择已有菜单
首次操作可在页面顶部找到“创建新菜单”按钮,点击后输入菜单名称(如“主导航栏”“页脚链接”“移动端侧边栏”),勾选“将菜单位置分配给主题自动检测到的区域”,或手动在右侧“菜单设置”区域勾选对应位置,最后点击【创建菜单】。若已创建过菜单,可在顶部下拉框中选择后点击【选择】。
3. 添加菜单项目
左侧“添加菜单项”区域提供4类常用内容选项:
- 页面:勾选已发布的网站页面,点击【添加到菜单】即可直接添加。
- 文章/分类目录/标签页:适合资讯类网站,可添加单篇文章、整个分类下的聚合页或标签聚合页。
- 自定义链接:用于添加外部网站或站内锚点链接,需填写“URL”和“链接文本”,勾选“在新窗口中打开链接”可避免跳转外部时丢失本站流量。
- 产品/产品分类:仅适用于安装了WooCommerce插件的电商类网站。
4. 调整菜单层级与排序
已添加的菜单项目会显示在右侧“菜单结构”区域,可通过拖拽调整前后顺序;将子菜单项拖至父菜单项下方并向右缩进1个层级,即可创建下拉菜单。
5. 编辑菜单项属性与保存
点击每个菜单项右侧的小箭头,可展开属性设置框,修改链接文本、添加标题属性(鼠标悬停时显示的提示文字)、设置CSS类名(需先在右上角“屏幕选项”中勾选“CSS类”)。所有设置完成后,点击右下角的【保存菜单】按钮。
二、不同主题的菜单适配调整
WordPress主题开发者通常会预留不同数量的菜单位置,需根据主题特性进行针对性调整。
1. 预留多位置的主流主题
比如2026年热门的GeneratePress、Astra、OceanWP主题,会自动预留“主导航栏”“页脚顶部导航”“页脚底部导航”“移动端汉堡菜单”等位置,只需在“菜单设置”区域勾选对应位置即可完成适配。若需自定义汉堡菜单的显示样式,可进入主题的【自定义】-【菜单】或【外观设置】-【导航栏】中调整。
2. 仅预留1-2个位置的小众主题
部分极简或特定场景的主题可能预留位置不足,此时可通过WordPress内置的“菜单小工具”补充导航:进入【外观】-【小工具】,找到“导航菜单”小工具,将其拖至页脚、侧边栏等可用小工具区域,选择已创建的菜单并保存即可。
三、常见场景的WordPress自定义菜单配置
针对2026年用户使用较多的网站类型,整理了两类核心场景配置方法。
1. 资讯类网站的多栏下拉菜单配置
资讯类网站通常需要展示多个分类,可通过添加CSS类(需先在右上角“屏幕选项”中勾选“CSS类”)和主题支持的特性实现:
- 给父菜单项添加“mega-menu”类名(部分热门主题自带该类名),或安装轻量级的“Mega Menu Lite”插件实现。
- 在父菜单项下添加子分类、热门文章、标签云等内容,形成多栏布局。
2. 电商类网站的菜单优化配置
电商类网站需重点突出产品分类、购物车、我的账户等核心入口:
- 在左侧“添加菜单项”的WooCommerce区域,勾选“购物车”“我的账户”“结账”等页面并添加。
- 调整产品分类的层级,将热门分类放在一级菜单,子分类放在下拉菜单中。
Q:WordPress自定义菜单添加后不显示怎么办?
A:首先检查是否勾选了正确的菜单位置并点击【保存菜单】;其次确认主题是否支持该菜单位置;最后清空浏览器缓存和WordPress缓存插件(若有)的缓存。
Q:可以给WordPress自定义菜单添加图标吗?
A:可以。主流主题(如GeneratePress Premium、Astra Pro)自带图标库,可直接在菜单项属性中添加;免费主题可安装“Menu Icons”插件实现。
WordPress自定义菜单添加是网站运营的基础工作,2026年主流版本的操作流程已大幅简化,新手也可快速上手。总结一下:创建/选择菜单→添加菜单项→调整层级与排序→保存并适配位置,最后根据场景优化即可。建议操作前先备份网站,避免因误操作导致数据丢失。