How to add the Recipe Card block and what every setting does. It is free in Bright Addons Blocks Library on WordPress.org, and Bright Addons Blocks Pro includes it too.
Start
A recipe with times, servings, ingredients to tick off, steps, notes, a print button and Recipe schema.
Panel 1 of 6
Open the block sidebar and find the Recipe panel.
| Setting | What it does | Choices |
|---|---|---|
| Recipe name | Text you type. | – |
| Name tag | Choose one. | H1, H2, H3, H4, H5, H6, div, p |
| Short description | Text you type. | – |
| Image | Image from the Media Library. | – |
| Image position | Choose one. | Above, Beside the name |
| Author | Leave empty to use the post author. | – |
Panel 2 of 6
Open the block sidebar and find the Times and servings panel.
| Setting | What it does | Choices |
|---|---|---|
| Prep time (minutes) | A number. | – |
| Cook time (minutes) | A number. | – |
| Extra time (minutes) | A number. | – |
| Extra time label | For example Resting, Chilling or Rising. The total adds all three. | – |
| Servings | Text you type. | – |
| Calories per serving | 0 hides it. A number. | – |
| Course | Text you type. | – |
| Cuisine | Text you type. | – |
| Difficulty | Choose one. | Do not show, Easy, Medium, Hard |
| Keywords | Separated by commas. Used in the schema only. | – |
Panel 3 of 6
Open the block sidebar and find the Ingredients panel.
| Setting | What it does | Choices |
|---|---|---|
| Heading | Text you type. | – |
| Ingredients | A list you can add to, remove from and reorder. Each item has: ingredient and group heading. | – |
| Tick off while cooking | On or off. | – |
Panel 4 of 6
Open the block sidebar and find the Steps and notes panel.
| Setting | What it does | Choices |
|---|---|---|
| Heading | Text you type. | – |
| Steps | A list you can add to, remove from and reorder. Each item has: step title (optional), step and step photo (optional). | – |
| Notes heading | Text you type. | – |
| Notes | Simple HTML such as <strong> and links is allowed. | – |
Panel 5 of 6
Open the block sidebar and find the Print, labels and schema panel.
| Setting | What it does | Choices |
|---|---|---|
| Print button | On or off. | – |
| Print button text | Text you type. | – |
| Label: prep | Text you type. | – |
| Label: cook | Text you type. | – |
| Label: total | Text you type. | – |
| Label: servings | Text you type. | – |
| Label: calories | Text you type. | – |
| Add Recipe schema (JSON-LD) | Search engines need a photo: the recipe image, else the featured image, else the site logo. Use it once per recipe. | – |
| Recipe video link (optional) | Link address. | – |
| Average rating 1-5 (optional) | Only ratings real visitors gave. Both rating fields are needed. A number. | – |
| Number of ratings (optional) | A number. | – |
Panel 6 of 6
Open the block sidebar and find the Colors panel.
| Setting | What it does | Choices |
|---|---|---|
| Accent | Color picker. | – |
| Card background | Color picker. | – |
| Times background | Color picker. | – |
Questions
Yes. Recipe Card is one of the 62 free blocks of Bright Addons Blocks Library on WordPress.org. Bright Addons Blocks Pro includes it as well.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
Yes. Open Entrance animation in the sidebar and pick one of 40 animations with its duration and delay. Visitors who prefer reduced motion see no animation.
Bright Addons Blocks
Blocks Pro adds 99 Pro blocks, Pro effects for every block, Theme Templates and popups to the 62 free blocks.