如何修改posts_nav_link()输出？需保留禁用状态导航文本

我明白你想要的效果——不管有没有上一页/下一页，分页导航的文本都得显示出来，没对应页面的时候就变成浅灰色的禁用样式，而不是直接消失。默认的posts_nav_link()确实做不到这点，咱们可以通过自定义函数轻松实现：

步骤1：添加自定义分页函数到主题文件 #

打开你的WordPress主题的functions.php文件，添加以下代码：

function custom_posts_nav() {
    // 获取上一页的页面链接（无页面时返回false）
    $prev_page_url = get_previous_posts_page_link();
    // 获取下一页的页面链接（无页面时返回false）
    $next_page_url = get_next_posts_page_link();

    // 构建上一页的HTML内容
    $prev_html = $prev_page_url ? 
        '<a href="' . esc_url($prev_page_url) . '" class="nav-prev">&lt; 上一页归档页</a>' : 
        '<span class="nav-prev disabled">&lt; 上一页归档页</span>';

    // 构建下一页的HTML内容
    $next_html = $next_page_url ? 
        '<a href="' . esc_url($next_page_url) . '" class="nav-next">下一页归档页 &gt;</a>' : 
        '<span class="nav-next disabled">下一页归档页 &gt;</span>';

    // 输出完整的导航容器
    echo '<div class="custom-posts-nav">' . $prev_html . ' | ' . $next_html . '</div>';
}

这里用get_previous_posts_page_link()和get_next_posts_page_link()直接获取分页URL，判断是否存在后分别输出可点击的链接或禁用状态的文本，同时用esc_url()确保URL的安全性。

步骤2：替换主题中的默认分页调用 #

找到主题中使用posts_nav_link()的地方（通常在archive.php、index.php或category.php等归档模板里），把原有的<?php posts_nav_link(); ?>替换成咱们的自定义函数：

<?php custom_posts_nav(); ?>

步骤3：添加禁用状态的CSS样式 #

在主题的style.css文件或自定义CSS面板中添加以下样式，实现浅灰色的禁用效果：

.custom-posts-nav {
    margin: 2rem 0;
    text-align: center;
    font-size: 1rem;
}

.custom-posts-nav a, .custom-posts-nav span {
    padding: 0.5rem 1rem;
    margin: 0 0.5rem;
    text-decoration: none;
    color: #333;
}

.custom-posts-nav .disabled {
    color: #999; /* 浅灰色禁用样式 */
    cursor: not-allowed; /* 鼠标变成禁止图标 */
    pointer-events: none; /* 阻止点击事件（可选） */
}

.custom-posts-nav a:hover {
    color: #0073aa; /* 可选： hover时的高亮颜色，匹配WordPress默认风格 */
}

这样设置后，不管有没有上/下一页，导航文本都会显示，没有对应页面的部分会变成浅灰色的禁用状态，完全符合你的需求。

内容的提问来源于stack exchange，提问作者DGRFDSGN