I'm working with a blank theme and my nav.php looks like this

<div class="navigation">
<div class="next-posts" style="float: left;"><?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="prev-posts" style="float: right;"><?php previous_posts_link('Newer Entries &raquo;') ?></div>

My question is, how do I change the text links into image links?

  • What sort of image links? Like just a standard image for each? Or you want it pulled from the actual post? If so, attached images, or featured image? Commented Mar 28, 2011 at 21:01
  • I have some buttons I want to use in place of the words "Older Entries" and "Newer Entries." So not ones pulled from the post, just standard images (ex/ blog.studentlife.uiowa.edu/svp/wp-content/themes/svp/images/…)
    – Maddy
    Commented Mar 28, 2011 at 21:16
  • Style them with CSS?
    – t31os
    Commented Mar 28, 2011 at 21:45
  • Explain further? I can make them background images but then how do I make them link? There has to be something simpler than using a plugin
    – Maddy
    Commented Mar 28, 2011 at 21:57
  • kinocreative.co.uk/hints-and-tips/… seems to be a good writeup, you can just add the links in as variables to next/previous posts link Commented Mar 28, 2011 at 22:37

1 Answer 1


Maybe my (edu) plugin can help you understanding the ways that are possible to display pagination a little better.

I updated it after reading your Q. You can now more easily style your links. Just add your buttons as background-images to the stylesheet.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.