文章列表底部的分页变成竖着排列的三个链接,没有边框和间距。DOM 是 nav.navigation.pagination 包着 div.nav-links,主题 CSS 写的是 .page-numbers 直接子元素。日志里能对上时间点,这种反而好排。
the_posts_pagination 输出的结构多了一层 div,主题样式按旧版结构写选择器,匹配不到。分页函数换过实现,类名和层级都变了。这一点先确认清楚,后面就不用反复试。
.navigation.pagination .nav-links {
display: flex; gap: 8px; flex-wrap: wrap;
}
.navigation.pagination .page-numbers { padding: 6px 12px; }
「分页导航样式」改完先别急着全量,挑一台机器放半天,真有问题这段时间就能看出来。线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。
日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。权限不要一口气开到最大,先加到够用再往上试,范围小才好收。
处理上按这个顺序:先看主题 CSS 里分页选择器的层级;改成匹配 .nav-links 内的 a 和 span 不依赖父级;移动端再检查一次 竖排大多是 display 默认值没覆盖。
结果对不对很好判断,分页在桌面和手机上都是横排,页码之间有间距,当前页有高亮。
