Adding Recipes to a WordPress Site with Recipe Card Plugin • New Tricks
 In WordPress

WordPress Recipe PluginAdding recipes to a WordPress site is easy. With the holidays just around the corner, you may want to share some of your holiday love in the form of delicious recipes. You could just type the recipe into the content area of a page, but, with the Recipe Card WordPress Plugin, uploading the content is simple and your recipes will have a consistent stylized look. This post will show you how to install and set-up the Recipe Card WordPress Plugin and add a few recipes of your own.

*Sidenote* Did you know that generally, you can’t copyright ingredients of a recipe, only the directions of the recipe? So, if you want to share a recipe from your favorite magazine, just rewrite the directions, change things up a bit, and you’re allowed to post it on your own website for the world to enjoy.

  1. Install Recipe Card WordPress Plugin

    Log-in to the back-end of your WordPress website and navigate to Plugins>Add New. Search for “Recipe Card” and download the similarly titled plugin by clicking “Install Now”. Wait for the plugin to install and then click “Activate”.

  2. Create a Recipe Template

    2A. Once you activate the plugin, you’ll notice a new tab “Recipe Card” on the main WordPress back-end menu–click that. You’ll be taken to a screen to create a recipe theme/template to use for your recipes. Scroll through the different preset themes, and find one that best suits your needs. I like the one “Malt” because it displays a large picture along with the recipe. Select the theme you like and click “Remember Theme” to save it. Choosetheme-recipecard
    2B. Next you’ll want to tab to the next option “Color” in the top right of the screen. Select a color scheme, and remember to keep your site’s color scheme in mind, you’ll want to pick colors that fit well with the rest of your site. Click “Remember Theme” once you’ve selected a color scheme you like.

    2C. Move to the next tab “Background” at the top right of your screen, find the one you like, and select “Remember Theme.”

    2D. Next click on the “Font” tab and select a font for your Recipe Card theme. It’s best to stick with a font that you’re already using on your site if you can.

    2E. Select the “Layout” tab and see if you want to change the layout from the theme you’ve selected. I want to keep mine the same as it was on the “Malt” theme so I’m not changing mine. Once more click “Remember Theme,” and if you’re satisfied with the look of your Recipe Card Theme, click “Apply to Blog”. You can always edit the layout/styling of your recipe theme further using CSS if you’re familiar with how to do that.

  3. Add Recipes to Posts or Pages

    3A.RecipeCard_Wisywig_button You can add recipes to posts or pages but most of the time, you’ll probably want to add them to posts so you can categorize them as “recipes” and have a post category page of all of your recipes. Navigate to Posts>Add New and you’ll notice a new button in your WISYWIG bar.

    3B. Place the cursor within your post content area and click on the Recipe Card icon to add a new recipe. Fill out the various sections (there will be examples and brief instructions as place holder text for the various fields). Add an image by clicking the green “Select Image” button and uploading the image through the media library box that open up. When finished click “Save” and your recipe will be added to the content area of your post.

Here is what my recipe looks like:



Recent Posts
Showing 6 comments
  • Bo

    I just downloaded this plugin – like it except for one quirky thing. After I inserted it into a post with a recipe, I could no longer edit the rest of my post. Everything seemed locked from that point on.
    Not sure if it is my site, or the plugin?
    So, I’ve deleted it from the post until I have finished the post completely.

    • Judi Knight

      Bo, I believe this plugin takes the place of the regular post. So it is when you are doing a recipe format only. You can add content into the custom text fields in the recipe plugin.

  • Don

    Is there a way to add an email address to the recipe post in case users have questions. Also, what about a place for users to write comments about the recipe?

    • Judi Knight

      WordPress commenting will be active on any post including the recipe posts. You should have a contact page and suggest that people contact you from that page ( with a link) if they have any questions.

  • Don Birdsall

    Judi, I agree with your answer but the apparent lockup is quite confusing until you figure it out. Until you do, it is not at all intuitive.

  • Bryce

    Hey Michael! 🙂 I was hoping you’d consider adding a plugin I’ve been working hard on for the past 6 months to your list – Recipe Hero.

    It’s completely free, the data is yours forever, looks awesome in Google / Pinterest and is really really easy to use! 🙂 Thanks!

Leave a Comment