分页链接 class 需手动拼接或用 type=>'array' 自定义输出；.current 和 .dots 用 CSS 精准控制，避免边框重叠与热区不足；AJAX 分页须同步 current 状态与 class，移动端需保障 min-height:44px 可点性。
分页链接的 class 名怎么加进 paginate_links()
WordPress 默认的 paginate_links() 不直接输出带自定义 class 的 <a></a> 标签，它只返回纯 HTML 字符串，且默认 class 是固定的（比如 page-numbers）。想加自己的 class（比如 btn btn-sm），不能靠改 CSS 选择器硬套，得从函数参数入手。
关键在 type 和 prev_next 配合 add_args 用处不大，真正管用的是：class 参数不支持，但 format + current + 手动拼接更可控。
- 优先用
type => 'array'，拿到每一页的 URL 和文本，自己用foreach输出带 class 的<a></a> - 如果坚持用字符串模式，必须设
show_all => true，再用str_replace()替换<a> 为 <code><a class="your-class"> —— 但容易误伤上一页/下一页链接</a> -
prev_text和next_text返回的也是普通链接，它们的 class 得单独处理，prev_next设为false更省事
CSS 怎么精准控制「当前页」和「省略号」样式
paginate_links() 输出的当前页是 <span class="page-numbers current">3</span>，省略号是 <span class="page-numbers dots">…</span>。这两个不是链接，没法用 :hover，也不能加 cursor: pointer，但很多人误以为它们该响应点击。
- 当前页的
.current建议用背景色 + 加粗，别加边框——否则和相邻链接边框重叠，视觉变粗 - 省略号的
.dots默认是灰色，但移动端点按区域太小，可加padding: 0 8px扩展可点范围（它仍是<span></span>，无 href，点按无效） - 不要对
.page-numbers设统一margin，会导致首尾页和省略号间距不一致；改用display: flex+gap更稳
为什么分页按钮点击后样式丢失？
常见于 AJAX 加载分页后，新插入的 HTML 没走原始 CSS 规则，或者 JS 动态替换内容时没同步 class。不是 PHP 渲染问题，而是前端没接管后续状态。
立即学习“PHP免费学习笔记（深入）”；
- 检查浏览器开发者工具：新加载的分页 HTML 里，
.current是否还在？经常发现 AJAX 返回的 HTML 把class="current"漏掉了 - 服务端用
paginate_links()生成新 HTML 时，必须传入正确的current参数（通常是get_query_var('paged')），否则永远高亮第一页 - CSS 用了
!important压制主题默认样式？那 AJAX 插入的新节点可能因权重不够而失效——改用更具体的选择器，比如.navigation .page-numbers.current
移动端分页按钮太小，点不准怎么办
WP 默认分页字号小、行高紧，iOS Safari 点击热区不足 44px，容易误操作。这不是“美化”问题，是基础可用性缺陷。
- 强制最小高度：
.page-numbers { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } - 避免用
font-size: 12px，改用rem并确保根字体不小于 16px；.dots可设font-size: 1.2rem让省略号更醒目 - 左右箭头（
prev_text/next_text）建议换成图标字体或 SVG，比文字更易点准，且可统一控制尺寸
最麻烦的其实是分页逻辑和 UI 状态不同步——比如用户点第 5 页后，地址栏没更新，后退键失效，这时候再调样式也没用。先确保 get_pagenum_link() 返回的 URL 正确，再谈好看不好看。
