Custom image Previous and Next post buttons

Try styling the links using CSS.

Thanks for the quick response Esmi. I have taken your suggested approach with partial success. When I click on the link buttons I get reffered back to the current post and not the previous or next posts. I’m sure it’s my ignorance of php. I am including the button code here:

<div id="prev_post_button">
    	<ul>
        	<li>
            	<a href="<?php get_previous_post() ?>"></a>
            </li>
        </ul>
    </div>

    <div id="next_post_button">
    	<ul>
        	<li>
            	<a href="<?php get_next_post() ?>"></a>
       	    </li>
        </ul>
    </div>

Should I be passing some sort of arguments in the wp php tags? In the Codex function example area there are no examples showing correct use. Do you see any obvious errors I’m making? The post in question is linked below:

https://www.chrisboggs.com/scott/wordpress_dev/banking_and_finance_subset/another-work-example-3

I sncerely appreciate yours or anyone else’s help. Seriously.

The code looks OK. Perhaps something else in your template is causing problems.

Really all I need is an example of a button someone has done with ‘<?php get_previous_post() ?>’ that uses a physical appearance customized in css or with an image and not just the raw text out put of that tag!!! I’ve been looking all over the web for any example of this to no avail. I simply will not believe I am the first person to do this on the web, lol! I’m at a loss as to what to do except hope against hope that I will find some sort of example somewhere. I think I will start downloading themes and installing them to see if any have similar next post / prev post buttons and how they did it. That’s all I can think of.

Has anyone solved this one yet? I styled the links to look like buttons using CSS (just a simple button background, nothing fancy) and the buttons are showing up blank if there are no posts available for Previous or Next. I was going to replace it with button images but I keep breaking the code.

Here’s what I have:

<div class="flt"><div class="button_articles" align="center"><?php next_posts_link(__('&laquo; Past Article', 'default')) ?></div></div>

My stylesheet has a button_articles class just with the button background image….

Any takers?

you can check for the case if there are no next or prev articles, and then show an alternative which you might be able to style with your buttons:

example:

<div class="navigation">
			<div class="alignleft"><?php if(get_next_posts_link()) { next_posts_link('&laquo; Older Entries'); } else { echo 'No Older Entries'; } ; ?></div>

			<div class="alignright"><?php if(get_previous_posts_link()) { previous_posts_link('Newer Entries &raquo;'); } else { echo 'No Newer Entries'; } ; ?></div>
		</div>

OH COOL. I’ll give it a try later today, that’s what I was searching for. Thanks alchymyth! I appreciate the super fast reply (it’s been driving me nuts for 2 days!)