Wordpress分页导航：如何使“下一页”和“上一页”保持不变？

Question

我为Wordpress做了一个简单的“posts page”导航，但我找不到一种方法来改变next_posts_link()和previous_posts_link()的行为，使按钮始终可见，而不管显示的是什么页面。

以下是菜单的不同状态：

我知道不显示“上一页”/“下一页”按钮在第一页/最后一页是这个Wordpress功能的预期，但我需要覆盖这一行为，以便在第一页/最后一页分别显示一个灰色的上一页/下一页文本。

如果我能得到任何帮助，我将非常感激。谢谢你

代码如下：

<?php
function pagination_nav() {
  global $wp_query;

  $total_pages = $wp_query->max_num_pages;
  $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;

  ?>

  <nav class="pagination" role="navigation">
    <div class="nav-previous">&larr; <?php previous_posts_link( 'Previous Page ' ); ?></div>
    <div class="nav-position">Page <?php echo $paged ?> of <?php echo $total_pages ?></div>
    <div class="nav-next"><?php next_posts_link( 'Next Page' ); ?> &rarr;</div>
  </nav>

<?php } ?>

Answer 1

工作解决方案（但可能更好！）：

<?php
  function pagination_nav() {
    global $wp_query;

    $total_pages = $wp_query->max_num_pages;
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
?>

<nav class="pagination" role="navigation">
  <div class="nav-previous">

    <?php

      if ($paged == 1) {
        echo '<div class="nav-previous-empty">Previous Page</div>';
      } else {
        previous_posts_link( 'Previous Page' );
      }

    ?>

  </div>
  <div class="nav-position">Page <?php echo $paged ?> of <?php echo $total_pages ?></div>
  <div class="nav-next">

    <?php

      if ($paged == $total_pages) {
        echo '<div class="nav-next-empty">Next Page</div>';
      } else {
        next_posts_link( 'Next Page' );
      }

    ?>
  </div>
</nav>
<?php } ?>