Question

使用两个按钮创建了一个小型博客，并循环浏览所有帖子。

问题是，我想为我的读者创造更好的UX体验。我希望“上一个”和“下一个”按钮保持静态。但是，一旦到达posts数组的末尾（或开始），这些按钮之一就会消失。我该如何预防？

 <h3 class="text-white"><?php previous_post_link('%link','previous'); ?></h3></span>
    <span class="ml-5 mr-1"><h3 class="text-white"><?php next_post_link('%link','next'); ?></h3></span>

Answer 1

尝试这样的事情

<?php
    if (get_adjacent_post(false, '', true)) {
        previous_post_link('%link', '&larr; Previous Post');
    } else {
        $first = new WP_Query('posts_per_page=1&order=DESC');
        $first->the_post();
        echo '<a href="' . get_permalink() . '">&larr; Previous Post</a>';
        wp_reset_postdata();
    };
    if (get_adjacent_post(false, '', false)) {
        next_post_link('%link', 'Next Post &rarr;');
    } else {
        $last = new WP_Query('posts_per_page=1&order=ASC');
        $last->the_post();
        echo '<a href="' . get_permalink() . '">Next Post &rarr;</a>';
        wp_reset_postdata();
    };
?>

Answer 2

实际上，我认为这不可能，但是我有一些解决方法：

检查“ next_post_link（）”是否具有回调。如果没有下一篇文章时返回“ false”，则可以使用一些HTML打印自己的按钮。与prev_post_link（）相同

next（previous）_post_link（）防止元素消失

2 个答案: