文章页里 博客 和 关于 两个菜单项同时高亮。博客项是文章页的父级,关于项是当前页的父级,两个都带了 current_page_parent 类。乍看像缓存或者权限的锅,追下去往往不是。

.site-nav li.current-menu-item > a { border-bottom: 2px solid currentColor; }
.site-nav li.current-menu-parent > a { font-weight: 400; }

追下去是这么回事:WordPress 会给当前页的父级菜单项加 current_page_parent,文章页又会把博客页标成父级。自定义 CSS 没有区分这两种情况,父级样式一起生效。

「current_page_parent 高亮」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。

偶发问题先统计频率,一小时几次和一天一次,查法完全不同。改完顺手把文档补一句,省得下次自己重新推一遍。

监控和日志的时间要对上,时区不一致会多绕很大一圈。

具体做法是,先打印 body_class 和菜单类名 确认是哪条规则加的类;只给 current-menu-item 加高亮 父级用更弱的样式;用 :not 排除 current-menu-parent 的组合。

验收就看一点,文章页只有所属栏目高亮,另一个父级项恢复普通样式。

作者 9823189