Create Recipes
From the WordPress admin screen, go to Recipes > Add New:
And give your new recipe a title:
The first active tab you'll see here is the Layout & Content tab, with the default Cooked template already laid out for you. The recipe template uses shortcodes to display all of the recipe information. However, these are not all required and you can put any text/images above, below or between any of these shortcodes. This allows Cooked recipes to be extremely customizable on a per-recipe level. To keep things simple for now, let's leave the default template alone. If you want to learn more about what all of these shortcodes do, head over to the Template Shortcodes document.
Scroll down and you'll see the Excerpt, Difficulty Levels, and the Prep & Cook Times. All of these fields are optional, but using them will certainly improve the quality and usefulness of the recipes you create with Cooked:
Now let's add the ingredients. Click on the Ingredients tab at the top:
Each ingredient needs to have a name under the Item column, but you do not need to use the Amount and Measurement fields if you don't need them for a specific ingredient. For example, if one of your ingredients is an unspecified amount of vegetable oil for brushing, you can simply enter "Vegetable oil for brushing" in the Item field, like so:
However, if you have an ingredient that has a specific amount and measurement, it is highly suggested you use the first two columns to specify this (these fields are used when specifying a custom serving size on the front-end). For example, if you require 1½ cups of chicken broth, either of these will work:
If a measurement that you need does not exists, you can either leave the Measurement field blank and add this into the Item field, or if you're a developer, there is a filter that allows you to add more (or remove) measurements to this dropdown field. See the Developer Docs for more information.
To continue adding more ingredients, you can either click the Add Ingredient button, or simply use the TAB key while editing in the last Item field, and it will automatically create a new ingredient row for you, ready for you to enter in the amount. Helpful, right?
You can also add section headings to group your ingredients into separate sections. Just use the Add Section Heading button to create these.
If you need to move your ingredients or section headings around, simply click the grabber icon to the left of the row and drag it where you need it.
Now let's add the recipe directions. Click on the Directions tab at the top:
Each direction needs to have content, using the big field to the right. You can also add an image to each direction. Just click the Add Image button, or click on the dashed empty square to load up the WordPress Media Library tool that will allow you to upload a new image or choose from your library.
To continue adding more directions, just click the Add Direction button and a new, blank row will appear.
You can also add section headings to group your directions into separate sections. Just use the Add Section Heading button to create these.
If you need to move your directions or section headings around, simply click the grabber icon at the top left of the row and drag it where you need it.
Cooked comes with a very powerful Nutrition Facts feature. This allows you to add nutrition facts and display them just like the labels you see on products in the store. Head over to the Nutrition tab and start entering the information, and the label will display them. You can either use the recipe shortcode to display this information, or you can use the Cooked widget to display this in the sidebar of your recipe template (if your current theme supports it).
Each recipe can include a photo gallery, which can also include one video if needed. Click on the Gallery tab to get started:
By default the gallery type is simply a Cooked Gallery. This is an included gallery type that allows you to add images and a single video (if needed) to a mobile friendly gallery that you can display anywhere on your recipe template.
However, Cooked also supports the following third-party gallery & slider plugins to use as an alternative to the Cooked Gallery:
To create Cooked Gallery items, simply click the Add to Gallery button, which will trigger the WordPress Media Library, allowing you to upload an image or choose one from the library. You can edit the Title for each image, which will add that as a caption in the gallery. If you need to move the images around, simply drag & drop them.
To add a video to the beginning of your gallery, paste in a valid Youtube, Vimeo, etc. link into the field above the images. This video field is not supported when using any of the third-party plugins. If you're using one of those, you will need to use their available features to add video to your galleries.
All of the available recipe template shortcodes are explained in more detail on the Template Shortcodes document.
- Installation
- Create Recipes
- Shortcodes & Widgets
- Settings
- Plugin Support
- Translations
- Imports
- FAQs
- REST API
- Filters