Add Next and Previous links to blog posts on your NationBuilder site
Make it even easier for supporters to work their way through your blog posts.
If you’re anything like our favourite progressive clients, you’ve got an excellent blog where your supporters keep up-to-date with your latest news. Your legendary crew are creating winning content for your campaign. People love reading your posts and always want more. Why not add a “Next” button so folk can easily continue through to each subsequent post with a click? You could even add a “Previous” button for all those history buffs! Read on to find out how…
The code snippet below won’t print anything to the page, but it will do the important work of creating 2 new liquid objects: “previous_post” and “next_post”. You will use those objects to add the links to your posts.
Put this code on the first line of your “pages_show_blog_post.html” and “pages_show_blog_post_wide.html” files
Also put the code above at the very top of your two blog post templates (on the first line, above all the other code). Those two templates are:
- “pages_show_blog_post.html” for blog posts with the sidebar activated
- “pages_show_blog_post_wide.html” for posts without the sidebar
You can then access any page variable for the previous post and the next post — see the full list of available variables here: http://nationbuilder.com/page_variables.
An example implementation is to add a pair of buttons on your page somewhere, which could each link to the previous and next posts (and optionally include the headline of each). To do this, add the below code (or a variation of it) where you want your “Next” and “Previous” buttons to appear.
You want to wrap your buttons in those liquid “if” conditionals so you don’t get a ‘previous’ link on your oldest post, or a ‘next’ link on your newest post.
Have any questions? We're always happy to help
Get in touch on email: email@example.com