如何将导航链接与WordPress中的图像集中在一起？

Question

我正在构建自己的WordPress主题，我真的很难让后期导航看起来正确。

我有两个图像（一个'左/右'箭头和一个'右/更新'箭头），我想分别代表显示较旧或较新帖子的链接。链接将显示在当前显示的最后一个帖子的正下方。

如果没有较新的帖子（即我们在首页）我想要显示一个“较旧”的箭头链接，只有居中，如果新的和旧的帖子都可用然后我想显示两个箭头，再次居中在页面底部。最后，如果没有较旧的（即只有较新的帖子）可用，那么我想显示'较新'的帖子箭头居中。

这是一张图片来说明：

我已经阅读了posts_nav_links（）上的文档，但我似乎无法做到正确。

有人可以帮帮我吗？

Answer 1

试试这个......

<?php global $wp_query;
if ( $wp_query->max_num_pages > 1 ) : ?>
<div align="center">
  <div class="previous">
    <?php next_posts_link( '<img src="older post arrow" />' ); ?>
  </div>
  <div class="next">
    <?php previous_posts_link( '<img src="newer post arrow" />' ); ?>
  </div>
</div>
<?php endif;?>