In GenesisWP Facebook group a user asked:
Does anyone have a tutorial or some direction on how I can add thumbnails to the entry post pagination like the mockup pictured below? TIA
We can tweak the code from the earlier tutorial titled Visual Adjacent Entry Navigation in Genesis to display links to previous and next entries at the bottom of singular entries in Genesis like so:
Step 1
Add the following in child theme's functions.php:
Very cool Sridhar, works out of the box on the Digital-Pro theme too.
I just made this working on a site with a Portfolio from your Portfolio Tutorial for Digital-Pro: https://sridharkatakam.com/filterable-portfolio-digital-pro
Thank you, just what I needed:-)
This is great! I implemented it on my site, but I want it to be on posts only (not pages), but it seems to be appearing on both. Can you suggest how I might fix this? Much thanks! Here’s an example of a page where it’s appearing: http://www.seventh-row.com/about-2/
Try changing
if ( ! is_singular() ) {to
if ( ! is_singular( 'post' ) ) {Thank you! That fixed it.
Hi Sridhar…I have 2 instances of the prev next title. I’m using Divine by Lauren at Restore316. I tried the following code along with your code:
remove_action( ‘genesis_after_entry’, ‘genesis_posts_nav’ );
add_action( ‘genesis_after_entry’, ‘sk_adjacent_entry_nav’ );
Screenshot at http://triplelattedesign.com/wp-content/uploads/2017/03/Pagination.jpg
Thanks again for your help!
Me again…it only has the double pagination on desktop, not on mobile/responsive.
If you can send me a copy of the theme via https://sridharkatakam.com/contact/, I shall take a look.
Done…thank you!
I’ve just activated the unmodified Divine theme on my test site and took a look.
You just need to remove/comment out this from the theme’s functions.php:
add_action( 'genesis_entry_footer', 'genesis_prev_next_post_nav', 15 );This tutorial works fine after that.
http://d.pr/i/10939
You rock…thanks, Sridhar!
[…] the past, I wrote a tutorial on Adjacent Entry Navigation in Genesis with Thumbnails. In this article, we shall use that as a starting point and use a bit of jQuery to display previous […]