WP SITES

2899

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

Adding Next & Previous Post Nav Links In Genesis

I’ve already shown you how to add next and previous post links in themes which include a single.php file.

Update: You’ll find more solutions with this more recent post titled Different Ways To Add Post Navigation (Pagination) In Genesis

Genesis child themes don’t include single.php files which you can use for this purpose so you need to write a custom function.

You’ll also need to hook it into the location you want to display the post navigation links.

To do this we’ll use one of the Genesis action hooks. Can’t use the Genesis Simple Hooks plugin for this because the links would then display on the archives pages which isn’t a good look. Unless you add a conditional tag to display the links on single posts only.

add_action( 'genesis_entry_content', 'custom_single_post_nav', 12 );
function custom_single_post_nav() {

	if ( ! is_singular( 'post' ) )
		return;

	echo '<div class="pagination-previous alignleft">';
	previous_post_link('%link', 'Previous Post', FALSE);
	echo '</div>';

	echo '<div class="pagination-next alignright">';
	next_post_link('%link', 'Next Post', FALSE);
	echo '</div>';

}

Linking Specific Custom Post Type

What if you use a custom post type for a portfolio or something like that? How do you add links only for the posts assigned to that type? Here’s a tutorial about how to add next and previous links only for posts assigned to one specific custom post type.

Related Tutorials

Reader Interactions

Comments

  2. Hey Brad! Quick Question! In the code, you say that if we want to add post titles, we need to change the “no” to “yes” . I can’t find where that No is located in the hook! Any suggestions?

    • Use this code instead which you can add to the end of your child themes functions.php file.

      add_action( 'genesis_entry_content', 'genesis_prev_next_post_nav', 12 );

      Works on HTML 5 themes only.

  5. Hi

    Great post, and the category code is excellent.

    Please can you suggest how to add the post title display to the category links.

    Also, what’s the best way to make the post title link an html link to the post it represents or is this automatic if you display post title

    thanks

  6. What would the call out be to style this? Right now I have them in, but the styling is a bit off… If you could point me in the right direction, it would be awesome.

    • Just wanted to check on this one again… how can I make this float out evenly? or what would the call out be on this for me to style in CSS? right now it is jumbled to the left

      • Here’s the CSS code i use on my own site with different PHP code for linking posts within categories:

        .previous-post-link {
float: left;
}

.next-post-link {
float: right;
text-align: right;
}

        This CSS won’t work with the PHP code you are using. You will need to use the same PHP code as i use:

        // Add category post navigation (requires HTML5 theme support)
add_action('genesis_entry_footer', 'wpsites_nav_links', 25 );
function wpsites_nav_links() {
if( !is_single() ) 
      return;
 
    previous_post_link('<span class="single-post-nav previous-post-link">%link</span>', '&lt;&lt; Previous Post in Category', TRUE);
    next_post_link('<span class="single-post-nav next-post-link">%link</span>', 'Next Post in Category &gt;&gt;', TRUE);
}

      • Brain,
        Hmmm. Doesn’t ‘pin’ for me (the only image I see on this post is your pic, and evidently it not being picked up). What do you mean be making sure “it” has a “Featured image”?

        • All posts include a featured image which are attached to any social sharing. If i didn’t have a featured image attached, Jetpack would pull the first image which was uploaded to the post. If no images uploaded then no image can be pinned. Sometimes the system might pull an image from the sidebar if there’s no other image to pull however i’ve found its working really well with Jetpack.

          Did you have any problem on other posts or only this one?

          • Brad,
            This just started today (a few of them that didn’t have an image ‘in-line’ the content). Maybe you could always have an image in the ‘header’.

          • Yeah i really need a logo or something. Working on a ripper Infographic at the moment as well. I’ll add an image to the sidebar now Mark. Thanks for letting me know about the problem.

Leave a Reply