Home » Welcome » Automatically Add WP Recipe Maker “Jump” And “Print” Buttons to ALL Posts

Automatically Add WP Recipe Maker “Jump” And “Print” Buttons to ALL Posts

Author:

Lauren Gray

Published:

September 21, 2016

August 6, 2018

This site runs ads and generates income from affiliate links. Read my disclosure policy.

Learn from the Best

The Best in Blogging series gives you proven strategies from top industry experts.

Get Instant Access

Brecht left me this awesome comment the other day.

Hi again,

I just wanted to let you know that we’ve just released WP Recipe Maker 1.2.0 which includes brand new “Print Recipe” and “Jump to Recipe” shortcodes. You can add them by clicking on the “WP Recipe Maker” button just like when you’re adding a recipe and then going to “Recipe Snippets” on the left.

Brecht

I can manually insert buttons that do what?

Have you seen a blog you envy sporting some convenient “jump” and “print” buttons that seem to be custom made for their site? It’s your turn to delight your readers – because these days good SEO is all about good user experience, after all.

A shortcode allows you to easily insert complex bits of code without doing any of the work yourself. They’re like placeholders for content blocks. If I write something like [special shortcode=”magic”] you might see unicorns dance across the screen instead of seeing that bit of italicized text at all.

In this case, the shortcodes will output links that either jump down to wherever you’ve inserted your first recipe or go ahead and print the recipe. The way they’re built into the plugin, you’d have to manually insert them, which can be a pain for a couple reasons:

You have hundreds of recipes – who wants to go back and insert two shortcodes hundreds of times?
You have hundred of recipes – what if you deactivate this plugin? Then you just have an ugly shortcode sitting in your content instead of the links they are supposed to be. Now you have to go back and remove two shortcodes hundreds of times?!

If it’s such a pain, how is this so awesome?

This update is awesome because it means with just a little work we can insert them automatically – while putting our jquery “jump” button days to rest! While this method requires a little more technical know-how than the last solution, it actually allows us to do more while loading less. That’s awesome, right?

Who shouldn’t use this?

I’d argue that everyone should be using this – you want to provide an easy, thoughtful user interface to your readers.

Let’s say someone read your recipe on their phone, and now they want to print it from their computer. If you have a ton of content and photos, it can be a real burden to try to scroll through to your recipe – but not go too far, because then they start running into your long list of comments! A link that immediately launches the print dialog sure would be nice here… 😉

That said, there are some cases where you may choose not to implement this functionality. For instance, if you’re running ads, you want readers to go through your content – those ad impressions are how you support making said recipe, after all.

Gimme, please!

To get this running, you can copy the following code into your functions.php file. This code is intended for Genesis themes.

Here’s some basic styles to get you started, too.

I’m SO PUMPED about this!

Need help? Leave a comment. 🙂

Automatically Add WP Recipe Maker "Jump" And "Print" Buttons to ALL Posts

11 responses

Brecht

September 22, 2016

Happy to hear you like the new shortcodes! It’s indeed a great idea to use a theme filter to automatically add them to all of your posts. If it can’t find a WP Recipe Maker recipe in there, it just won’t show, so no need to worry about that either.

If you have any other ideas that would make the life of food bloggers easier, just let me know!

Brecht

Reply
Justin

October 12, 2016

Hi Lauren,

I just installed WP recipe maker to replace easy recipe. When I try and add this code to my functions.php file, the edits save successfully but it breaks my site somehow and the site goes blank. I’m able to restore the backup easily, but are there any edits to that code I need to make for my site specifically? I’m on the genesis theme and the foodie pro child theme.

Thanks for the help on this.

Reply
1. Brecht
  
  October 12, 2016
  
  Hi Justin,
  
  At WP Recipe Maker support we’d be happy to help you out with that as well. Just send us an email at support@bootstrapped.ventures
  
  Reply
2. Lauren Gray
  
  October 12, 2016
  
  Hey Justin,
  
  Make sure you’re not copying the first line (the “php” bit). I’ll update the code to state that outright.
  
  Reply
Justin

October 12, 2016

Thank you, that worked perfectly. I was able to style the buttons as well and they look great.

Reply
Emily

May 23, 2017

Hey Lauren, I came across your post searching for this. Do you have an idea how I would style the buttons not on a genesis theme?

Just now I have the text links but would like to make them into buttonsI have used this code in my functions.php file:

function wprm_auto_add_snippets_to_posts( $content ) {
if ( is_singular( ‘post’ ) ) { // Only output on single posts, not in the archive.
$print_shortcode = ‘wprm-recipe-print’;
$jump_shortcode = ‘wprm-recipe-jump’;

$snippets = ‘[‘ . $print_shortcode .’] [‘ . $jump_shortcode . ‘]’;
$content = do_shortcode( $snippets ) . $content;
}
return $content;
}
add_filter( ‘the_content’, ‘wprm_auto_add_snippets_to_posts’, 20 );

Thanks so much 🙂

Reply
1. Lauren Gray
  
  May 30, 2017
  
  Hey, Emily, it will depend on your theme. Although, it looks like you’re using different code than I shared, so you’re not wrapping your links in a custom class. If you add that to your existing code, the styles in the article should work for you!
  
  Reply
Paul Collins

August 30, 2019

Hi Lauren,

Thanks so much for this code. I’s a great help for all the reasonsyou name.
A quick question before I go on and implement the code: Will adding the shortcodes to all my posts via the function.php trigger google to re-crawl my posts and affect my ranking?

Thanks a lot 🙂

Reply
1. Lauren Gray
  
  September 6, 2019
  
  No, it won’t trigger that but Google does automatically crawl your content automatically.
  
  Reply
Kristine

October 21, 2019

Hey Lauren! This worked perfectly, and I love the function, but I’d like the buttons to display under my Social Pug sharing buttons at the top of each recipe post, not above. How can I adjust the location of the buttons?

Reply
Gerald See

February 8, 2021

Hey Lauren,

Great article! I’ve been having some issues recently with the print button. I manually edited my template to include a facebook share button but I realised the print button does not remove the facebook share button like it does for the rest of the stuff such as the Pin Recipe. Do you have any idea how i can achieve this?

Reply