在WordPress后台进入“外观 > 菜单”，将所需子菜单项拖拽到主菜单项下方并稍向右缩进一级，最后点击“保存菜单”即可创建二级菜单。
在WordPress网站中添加二级菜单（下拉菜单）能提升导航体验，让访客快速找到子分类内容，以下是详细操作步骤，符合WordPress官方推荐方法：
准备工作
-
登录后台
进入WordPress仪表盘 → 外观 → 菜单（如无此选项，需先到【外观】→【主题编辑器】检查主题是否支持菜单功能）。 -
创建主菜单（如未建立）
- 在菜单结构区域顶部输入菜单名称（主导航”），点击创建菜单。
- 勾选显示位置（如“顶部菜单”或“主导航”，不同主题名称可能不同）。
添加二级菜单（核心步骤）
▶ 添加父级菜单项
- 在左侧添加菜单项面板中：
- 勾选需要展示的页面、文章或自定义链接（如“首页”、“关于我们”）。
- 点击添加到菜单。
▶ 创建子菜单（二级菜单）
-
拖拽形成层级
- 将需要作为二级菜单的条目（团队介绍”）水平向右拖拽，放置于父级菜单（如“关于我们”）下方。
- 观察缩进变化：子菜单项会向右缩进（通常显示为阶梯状结构）。
（图：拖拽后子菜单向右缩进） -
调整子菜单顺序
上下拖拽子菜单项可调整其在二级菜单中的排列顺序。
保存与检查
- 点击右上角保存菜单按钮。
- 前端查看效果：
- 刷新网站前台,鼠标悬停在父级菜单（如“关于我们”）上，将自动显示下拉的二级菜单项。
- 如未显示,检查主题是否支持多级菜单（部分基础主题需升级或更换）。
常见问题解决
-
无法拖拽缩进？
检查浏览器是否禁用JavaScript，或尝试更换浏览器（推荐Chrome/Firefox）。 -
二级菜单样式错乱？
- 到【外观】→【自定义】→【附加CSS】中添加代码：
/* 修复下拉菜单背景 */ .sub-menu { background: #fff; } - 或通过主题设置调整菜单样式（如Astra、OceanWP等主题提供可视化设置）。
- 到【外观】→【自定义】→【附加CSS】中添加代码：
-
移动端不显示？
部分主题需单独设置移动端菜单，安装响应式菜单插件（如Responsive Menu）解决。
进阶技巧
-
添加多级菜单：
将第三级条目向右拖拽至二级菜单下方（形成三级菜单），操作逻辑相同。 -
图标增强体验：
使用插件如Menu Icons为菜单项添加图标，提升视觉引导。 -
条件显示菜单：
安装If Menu插件，可基于用户角色、设备类型等条件控制二级菜单显示。
提示：定期检查菜单链接有效性（工具推荐：插件Broken Link Checker），避免失效路径影响用户体验和SEO评分。
通过以上步骤,您可高效创建符合SEO结构的层级导航，若需深度定制菜单样式，建议参考官方主题文档或联系主题技术支持获取精准配置方案。
引用说明
本文操作基于WordPress 6.5版本及官方默认主题Twenty Twenty-Four验证，参考资源：
WordPress菜单管理文档
W3Schools CSS下拉菜单教程
原创文章，发布者：酷盾叔，转转请注明出处：https://www.kd.cn/ask/23249.html
