On WordPress.com, you can use shortcodes to embed a recipe with consistent formatting, basic metadata, and an option to print.
Embedding a Recipe
To add a recipe to your site, use the recipe shortcode. Everything between the opening
[recipe] and closing
[/recipe] tags will be set apart as the recipe on your page.
You can include several optional attributes to add extra information to your recipe. This also helps search engines index your recipe properly, since the code uses special “microdata” intended for recipes.
- Title: title of your recipe
- Servings: number of servings the recipe makes
- Time: total time the recipe takes
- Difficulty: how hard the recipe is to create
- Image: the URL to an image of the dish.
- Description: a short description of the recipe
- Print: a link to print the recipe is displayed by default if you have added one or more of the attributes for servings, time, or difficulty. Or you can hide the print button by adding print=”false”
Notes, ingredients, and directions
Since many recipes follow similar formats, we’ve included a little bit of extra formatting for these elements.
To add notes, use the recipe-notes shortcode:
Add your notes, tips, etc here.
To add ingredients, use the recipe-ingredients shortcode:
Add ingredients here.
To add directions, use the recipe-directions shortcode:
Add directions here.
These should be nested within the
[recipe]...[/recipe] shortcode and can be used in any order, any number of times—it’s up to you what you need!
By default, a title is included for recipe-ingredients and recipe-directions. You can customize this.
To hide the title:
To change the title to something else:
recipe-ingredients title="Topping Ingredients"]
Since these elements often make use of lists, we’ve added some special formatting to make it super-simple to make a list.
To create a bulleted list, follow this format:
– item one
– item two
– item three
To create a numbered list, follow this format:
1. item one
2. item two
3. item three
[recipe title="Summer Pasta with Basil, Tomatoes and Cheese" servings="4-6" time="2hr 30mins" difficulty="easy" image="https://en-support.files.wordpress.com/2014/01/food-dinner-pasta-broccoli.jpg" description="A fresh, light, Italian-inspired pasta recipe perfect for a late summer dinner."]
Put your recipe here. Tip: use ordered and unordered lists, headings, images, and links to improve the look of your recipe. You can also use special tags to format notes, ingredients, and directions.[recipe-notes]
- 2 pounds vine ripened tomatoes
- 3 cloves garlic
- 1/2 cup chopped fresh basil
1. In a medium bowl, toss together tomatoes, garlic, basil, mint, salt and black pepper.
2. Cook and drain pasta.
3. Mix together.
Recipe Shortcode in Action
Summer Pasta with Basil, Tomatoes and Cheese
A fresh, light, Italian-inspired pasta recipe perfect for a late summer dinner.
- 2 pounds vine ripened tomatoes, seeded and diced
- 3 cloves garlic, minced
- 1/2 cup chopped fresh basil
- 1 tablespoon chopped fresh mint leaves
- 3/4 teaspoon salt
- 1/2 teaspoon freshly ground black pepper
- 1/4 teaspoon crushed red pepper flakes
- 1/2 cup olive oil
- 1/4 cup cream sherry
- 12 ounces spaghetti
- 1/2 cup freshly grated Asiago cheese
- 2 cups fontina cheese, shredded
- In a medium bowl, toss together tomatoes, garlic, basil, mint, salt and black pepper, hot pepper flakes, olive oil, and cream sherry. Let stand at room temperature for up to 2 hours, stirring occasionally.
- Cook the pasta In a large pot of boiling salted water until tender, but firm to the bite.
- Drain the pasta, and transfer to a large serving bowl. Drain 1/4 cup of the liquid from the tomato mixture, and toss with the pasta to coat. Add cheese, and toss until it begins to melt. Add the tomato mixture, and toss until mixed.