探索

wp如何创建导航

时间:2010-12-5 17:23:32  作者:时尚   来源:知识  查看:  评论:0
内容摘要:WordPress 后台左侧菜单里那个“外观 → 菜单”选项,就是创建导航的入口。很多人第一次用 WP 建站,主题装好之后发现页眉空荡荡的,不是主题坏了,是导航菜单还没分配上去。我见过一个做手工皮具的

WordPress 后台左侧菜单里那个“外观 → 菜单”选项,何创航就是建导创建导航的入口。很多人第一次用 WP 建站,何创航主题装好之后发现页眉空荡荡的建导,不是何创航主题坏了,是建导导航菜单还没分配上去。我见过一个做手工皮具的何创航独立站,上线三天以为主题有 bug,建导结果只是何创航没在“管理位置”里勾选“主菜单”。

先确认你的建导主题支持菜单位置。Twenty Twenty-Four 自带好几个位置:主菜单、何创航页脚菜单、建导社交链接菜单。何创航有些轻量主题只给一个主菜单,建导那就没得选。何创航打开“外观 → 菜单”,如果页面提示“当前主题不支持菜单”,说明得先去 functions.php 里注册。不过现在大部分商业主题都替你注册好了,直接往下走。

新建菜单并往里塞东西

点“创建新菜单”,起个名字,比如“顶部导航”。名字随便取,它只是后台标识,前台不显示。创建完,左边一栏是可选项目:页面、文章、自定义链接、分类目录。勾选你要的页面,点“添加到菜单”。

右侧菜单结构里会出现刚添加的条目。拖动可以调整顺序和层级。往右拖一格就变成子菜单,前台会以悬停下拉的形式出现。这里有个坑:子菜单的父级最好是有实际链接的页面,如果父级是“#”占位符,移动端点击会没反应。我一般把“产品”作为父级,下面挂“分类一”“分类二”,父级本身链接到产品总览页。

自定义链接适合放外部地址或者锚点。比如“联系我”可以直接填 /#contact,前提是首页有 id 为 contact 的区块。社交图标菜单通常用自定义链接填微博、小红书地址,配合主题的图标样式。

分配位置和保存

菜单编辑区下方有个“菜单设置”,里面列着当前主题注册的所有位置。勾上“主菜单”或者“顶栏菜单”,点保存。这一步不做,前面全白搭。保存之后去前台刷新,导航就出来了。

如果前台没变化,检查两件事:一是浏览器缓存,二是菜单里有没有至少一个有效条目。空菜单不会显示。另外有些主题把导航写死在 header.php 里,根本不走菜单系统,这种就得改代码或者换主题。

移动端和下拉层级

WP 默认菜单在手机上会折叠成汉堡图标,点开是垂直列表。子菜单在移动端通常默认展开,或者需要额外点一下箭头。不同主题处理方式不一样。Astra 主题移动端子菜单默认收起,需要点父级旁边的加号。Blocksy 则直接展开。如果你发现移动端子菜单点不开,先去主题设置里找“移动菜单”相关选项,别急着改 CSS。

层级别超过三层。三层以上在手机上体验很差,手指容易点错。我自己的习惯是主菜单只放五个以内的一级项,每个一级项下面最多四个二级项。超过这个数,用户记不住,SEO 上也不见得有好处。

菜单项的高级设置

每个菜单项展开后有个箭头,点开能改“导航标签”和“标题属性”。导航标签就是前台显示的文字,跟页面标题可以不一样。比如页面标题是“关于我们公司”,导航标签改成“关于”。标题属性是鼠标悬停时的小提示,移动端没用,桌面端偶尔用一下。

还有“CSS 类”输入框,默认隐藏,得在右上角“显示选项”里勾上“CSS 类”。给某个菜单项加个 highlight 类,再写点 CSS 就能把它变成按钮样式。很多主题的“联系”按钮就是这么做的。

菜单创建完记得点保存。WP 的菜单编辑器不会自动保存,改完不点保存,刷新就没了。我吃过这个亏,拖了十分钟顺序,结果手滑关了页面。

最后提一句:一个菜单可以分配给多个位置,但一个位置只能有一个菜单。如果你有两个导航区域,要么建两个菜单,要么用同一个菜单但靠 CSS 隐藏部分条目。后者不推荐,维护起来容易乱。

最近更新
热门排行
copyright © 2026 powered by 力不从心网   sitemap