JiveDig
5/10/2013 - 5:18 PM

Add previous/next links to single posts

Add previous/next links to single posts

// Previous/Next post title links to single posts
add_action ('genesis_entry_footer', 'post_navigation');
function post_navigation() {
	if ( is_singular(array('portfolio','post') ) ) {
  	echo '<div class="post-nav">'; 
			previous_post_link('<div class="previous">‹ %link</div>');
			next_post_link('<div class="next">%link ›</div>');
		echo '</div>';
	}
}

//* Add single post navigation with custom display to single posts
add_action ('genesis_entry_footer', 'post_navigation');
function post_navigation() {
	if ( is_single() ) {
	  	echo '<div class="post-nav">'; 
			previous_post_link( '<div class="previous">%link</div>', __( '<i class="fa fa-chevron-left"></i>' ) );
			next_post_link( '<div class="next">%link</div>', __( '<i class="fa fa-chevron-right"></i>' ) );
		echo '</div>';
	}
}

// CSS to display cleanly

.post-nav .previous,
.post-nav .next {
	width: auto;
}

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

.post-nav .next {
	float: right;
}