当前位置:首页 > CMS教程 > 正文

如何设置WordPress网站菜单?

进入WordPress后台→外观→菜单,创建新菜单,添加所需页面/文章/分类等项,拖拽排序,选择显示位置(如顶部),最后保存菜单即可。

基础菜单创建步骤

  1. 进入管理后台
    登录WordPress后台 → 选择 外观菜单

  2. 新建菜单结构

    • 点击 创建新菜单 输入菜单名称(如“主导航”)→ 点击 创建菜单
    • 从左侧添加内容:
      • 页面:勾选现有页面 → 添加到菜单
      • 文章/分类:切换标签页选择
      • 自定义链接:输入URL与链接文本(如https://example.com + “首页”)
    • 拖拽项目调整排序
  3. 设置菜单位置(关键步骤)
    显示位置 区域勾选主题提供的区域(常见选项):

    • 主导航菜单(Primary Menu)
    • 页脚菜单(Footer Menu)
    • 顶部菜单(Top Bar)
  4. 保存生效
    点击右上角 保存菜单 按钮


进阶功能详解

▸ 创建多级下拉菜单

  1. 将子菜单项向右拖拽缩进(父项下方出现“子菜单”提示框)
  2. 多级嵌套最多支持3层(取决于主题)
  3. 移动端适配:自动转为汉堡菜单(无需额外操作)

▸ 特殊元素添加

  • 分类目录:在“文章”标签页添加整分类
  • 功能入口
    自定义链接 + 以下路径:

    如何设置WordPress网站菜单?  第1张

    • 登录/注册:/wp-login.php
    • RSS订阅:/feed

▸ 菜单项属性优化

点击菜单项右侧 展开高级选项:

  • 导航标签:设置显示文本(可不同于页面标题)属性**:填写title(利于SEO)
  • CSS类:添加自定义样式类名

SEO与用户体验优化建议

  1. 结构扁平化
    主导航不超过7项,层级≤3层(降低跳出率)

  2. 关键词布局

    • 菜单文本用简短动词(如“下载白皮书”优于“资源”)
    • 避免重复词(如“服务1/服务2”改为具体服务名)
  3. 移动端测试
    使用Google Mobile-Friendly Test工具验证可点击区域≥48px

  4. 面包屑导航联动
    安装SEO插件(如Rank Math)同步菜单层级


常见问题解决方案

问题现象 解决方法
菜单修改后未更新 清除缓存(插件+CDN+浏览器)
主题不支持多菜单位置 使用Widgets(小工具)添加菜单
特定页面隐藏菜单项 安装插件(如 Conditional Menus)

安全与维护须知

  1. 权限管理
    编辑菜单需管理员编辑角色(通过 用户 > 角色 控制)

  2. 定期审核

    • 季度检查失效链接(工具:Ahrefs/Screaming Frog)
    • 删除404页面项
  3. 备份策略
    修改前使用插件(如UpdraftPlus)备份 数据库

引用说明
本文操作基于WordPress 6.5官方文档,SEO建议参照百度搜索资源平台《移动友好性标准》及Google E-A-T指南,多级菜单深度测试数据来源于2025年Ahrefs用户体验研究报告。
最后更新:2025年6月

0