0

0

如何编辑WordPress菜单?导航菜单如何设置?

小老鼠

小老鼠

发布时间:2025-08-16 23:56:02

|

536人浏览过

|

来源于php中文网

原创

答案是:调整wordpress网站导航需进入“外观”->“菜单”进行设置。登录后台后,在左侧边栏点击“外观”,选择“菜单”进入设置页面,可创建新菜单并命名,如“主导航”或“页脚菜单”。接着在左侧“添加菜单项”区域选择页面、文章、自定义链接、分类目录、标签或自定义文章类型等项目添加到菜单。通过拖拽右侧菜单结构中的项目可调整顺序,向右拖动可创建子菜单以实现下拉效果。设置完成后,务必在“菜单设置”或“主题位置”中为菜单分配显示位置,否则前台不会显示。最后点击“保存菜单”提交更改。若菜单未生效,首先检查是否指定了显示位置,其次排查缓存问题,清除缓存插件或服务器缓存。如仍无效,可切换至默认主题测试是否存在主题或插件冲突。多级下拉菜单通过拖拽菜单项向右缩进实现嵌套,支持三级及以上层级,但建议控制在二到三级以优化用户体验。wordpress菜单支持的项目类型丰富,除页面和文章外,还可添加自定义链接用于内外部跳转,分类目录和标签用于内容聚合,以及自定义文章类型的归档或单项内容,适用于产品、案例、作品集等特殊内容展示,从而构建功能全面、结构清晰的导航系统,满足多样化网站需求。

如何编辑WordPress菜单?导航菜单如何设置?

如果你想在WordPress里调整网站的导航,那多半是在找“菜单”的设置入口。简单来说,它就在后台的“外观”下面,具体操作起来其实不复杂,但有些细节确实容易让人犯迷糊,尤其是对于初次接触WordPress的朋友。

解决方案

编辑WordPress菜单,核心步骤就是通过后台的“外观”->“菜单”页面进行。

登录你的WordPress后台,左侧边栏找到“外观”,点开,下面有个“菜单”选项。这几乎是你所有菜单操作的起点。

进入菜单页面后,你会看到几个区域:

  1. 创建新菜单: 如果你还没有菜单,或者想新建一个,就在页面顶部给菜单起个名字,比如“主导航”、“页脚菜单”什么的,然后点击“创建菜单”。我个人习惯一开始就想好菜单的用途,这样命名起来也清晰。
  2. 添加菜单项: 菜单创建好后,左侧会有“添加菜单项”的区域。这里你可以选择添加各种内容到菜单里:
    • 页面: 你网站上已经发布的页面,这是最常用的。
    • 文章: 某些特定的文章也可以直接加到菜单。
    • 自定义链接: 这个非常实用,你可以输入任何URL(比如外部网站链接,或者你网站内某个特定锚点),然后给它一个链接文本。我经常用它来添加一些不属于常规页面分类的入口。
    • 分类目录: 如果你想把某个文章分类直接作为菜单项,点进去能看到该分类下所有文章,就选这个。
    • 标签: 类似分类目录,但基于标签。
    • 自定义文章类型: 如果你的网站有自定义文章类型(比如产品、案例),这里也会显示出来供你选择。 选中你想要添加的项目,点击“添加到菜单”。
  3. 排列和组织菜单项: 添加进来的菜单项会显示在右侧的菜单结构区域。这里就是你发挥创意的地方了。你可以直接拖拽它们来改变顺序。如果你想创建子菜单(下拉菜单),就把一个菜单项稍微向右拖拽一点,让它“嵌套”在另一个菜单项下面。我发现很多新手在这里会卡住,其实就是个拖拽的动作,但要拖到位,让它有个缩进的效果。
  4. 设置显示位置: 菜单结构下方通常会有“菜单设置”或“主题位置”的选项。你的WordPress主题会定义一些菜单显示区域,比如“主导航”、“页脚导航”等等。你创建的菜单需要勾选一个位置,它才能在前台显示出来。我记得有次我辛辛苦苦把菜单都排好了,结果前台一看,啥都没有,当时真是头大,后来才发现是忘了给它指定显示位置。
  5. 保存菜单: 所有的调整完成后,别忘了点击右下角的“保存菜单”按钮。不然你做的所有修改都会丢失。

菜单项添加后不生效怎么办?

这是个很常见的问题,我身边不少用WordPress的朋友都遇到过。你把菜单都设置好了,保存了,结果网站前台一看,要么菜单没出现,要么显示的不对劲。

首先,最常见的原因就是你可能忘记给菜单指定显示位置了。WordPress主题通常会预设几个菜单显示区域(比如“主导航”、“页脚导航”),你创建的菜单必须“分配”到其中一个位置,它才能在前台显示。所以,回到“外观”->“菜单”页面,在菜单结构下方,找到“菜单设置”或“主题位置”的区域,确保你的菜单被勾选到了正确的位置。

其次,缓存问题也可能导致菜单更新不及时。如果你使用了缓存插件(比如WP Super Cache, W3 Total Cache, LiteSpeed Cache等),或者你的主机服务商有服务器端缓存,那么即使你保存了菜单,前台可能还是显示旧版本。这时候,你需要清除网站缓存。我吃过这亏,直接去折腾CSS,结果发现只是个缓存问题,白忙活半天。

视野自助系统小型企业版2.0 Build 20050310
视野自助系统小型企业版2.0 Build 20050310

自定义设置的程度更高可以满足大部分中小型企业的建站需求,同时修正了上一版中发现的BUG,优化了核心的代码占用的服务器资源更少,执行速度比上一版更快 主要的特色功能如下: 1)特色的菜单设置功能,菜单设置分为顶部菜单和底部菜单,每一项都可以进行更名、选择是否隐 藏,排序等。 2)增加企业基本信息设置功能,输入的企业信息可以在网页底部的醒目位置看到。 3)增加了在线编辑功能,输入产品信息,企业介绍等栏

下载

再来,主题兼容性或冲突也可能导致菜单不显示。虽然不常见,但某些主题或插件可能与WordPress的菜单功能存在冲突。如果你排除了前面两个原因,可以尝试暂时切换到WordPress默认主题(比如Twenty Twenty-Four),看看菜单是否正常显示。如果正常,那问题可能出在你的当前主题或某个插件上。

如何创建多级下拉菜单?

创建多级下拉菜单在WordPress里简直是小菜一碟,而且操作起来非常直观。它主要依赖于菜单项的“嵌套”关系。

在“外观”->“菜单”页面,当你把菜单项添加到右侧的菜单结构区域后,你可以通过拖拽来调整它们的层级。

比如,你想让“关于我们”下面有一个“公司简介”和“团队成员”的子菜单:

  1. 你先添加“关于我们”到菜单。
  2. 接着添加“公司简介”和“团队成员”。
  3. 然后,用鼠标拖拽“公司简介”,把它稍微向右移动一点,放在“关于我们”的下方。你会看到一个虚线框提示它将成为子菜单。松手后,“公司简介”就会缩进,表示它是“关于我们”的子项。
  4. 同样的方法,把“团队成员”也拖拽到“关于我们”的下方,与“公司简介”对齐。

这样,“关于我们”就是一个父菜单,鼠标悬停或点击它时,就会下拉显示“公司简介”和“团队成员”。你甚至可以继续拖拽,创建三级、四级菜单,只要你的主题支持。我个人觉得,下拉菜单做得好不好看,直接影响用户体验。别小看这个拖拽动作,它背后是整个网站的信息架构逻辑。不过,层级太多也容易让用户迷失,一般两到三级就足够了。

WordPress菜单可以添加哪些类型的项目?

WordPress菜单的灵活性远超很多人的想象,它不仅仅能放页面和文章。除了最常见的页面和文章,你还可以添加以下类型的项目,这让你的网站导航可以承载更多功能和内容:

  1. 自定义链接: 这个是我最喜欢用的功能之一。你可以输入任何URL,无论是你网站内部的特定URL(比如一个锚点链接到页面某个部分),还是外部网站的链接。这对于引导用户到合作伙伴网站、社交媒体主页,或者一个特定的下载链接都非常有用。我经常用它来引导用户到外部资源或者特定的内部锚点,比如一个“联系我们”按钮直接跳到页面底部的表单。
  2. 分类目录: 如果你的网站是博客或者新闻站,你可能希望用户能直接通过导航访问某个特定的文章分类。通过添加分类目录,用户点击菜单项就能看到该分类下的所有文章列表。这比让他们先去“博客”页面再找分类方便多了。
  3. 标签: 类似于分类目录,你可以把某个特定的标签作为菜单项。点击后,用户会看到所有打上该标签的文章。虽然不如分类目录常用作主导航,但在一些特定场景下(比如热门话题标签),它也能派上用场。
  4. 自定义文章类型: 如果你的WordPress网站使用了自定义文章类型(Custom Post Types),比如“产品”、“服务”、“案例”、“作品集”等,那么这些自定义文章类型也会在菜单添加项的列表中出现。你可以选择添加单个自定义文章类型的项目,或者选择一个自定义分类法的归档页面。这对于电商网站、作品展示网站来说非常关键,能够直接在导航中展示核心业务内容。

通过这些多样化的菜单项,你可以构建一个既清晰又功能强大的网站导航系统,满足不同类型网站的需求。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

434

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

335

2024.04.15

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

11

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

63

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

152

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

298

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

114

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

160

2026.03.03

C++高性能网络编程与Reactor模型实践
C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开,深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例,帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

30

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.9万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

CSS教程
CSS教程

共754课时 | 41.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号