1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

Previous and Next Post Navigation in Genesis WordPress

If you are on the genesis system and want to have previous and next post navigation you can add the code below to your functions.php file. This is a great way for people to navigate though the posts on your website.


Tip: Click on images to make them larger. If you find anything wrong on this page or need further assistance please comment below or contact me. 🙂
/** Genesis Previous/Next Post Post Navigation */

add_action( 'genesis_before_comments', 'eo_prev_next_post_nav' );
function eo_prev_next_post_nav() {
	if ( is_single() ) {
		echo '
<div class="prev-next-navigation">';
		previous_post_link( '
<div class="previous">Previous article: %link</div>

', '%title' );
		next_post_link( '
<div class="next">Next article: %link</div>

', '%title' );
		echo '</div>

<!-- .prev-next-navigation -->';

In your style sheet you can style the buttons how you like

Here is an example. You can add this to your style.css in your child theme.

.prev-next-navigation {
  margin: 20px 0;
	clear: both;
	overflow: hidden;

.previous {
	float: left;
	width: 50%;

.next {
	float: right;
	text-align: right;
	width: 50%;

Reference: http://www.eugenoprea.com/code-snippets/genesis-how-to-add-previousnext-post-navigation/

Subscribe To My YouTube Channel:
Previous and Next Post Navigation in Genesis WordPress was last modified: June 3rd, 2016 by Maximus Mccullough

Please like, share and subscribe.

Advanced Programming Made Easy

I hope you enjoyed the article. If I was able to help you please consider a tip for the content.

One Time Tip

more tips

Reoccuring Tips


Cool People Share:
previous and next post navigation in genesis

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.