Foodie Pro

menu icon
subscribe
search icon
×

Example Post Showing Block Editor ("Gutenberg") Styling

by 2 Comments

This is a demo post exploring the different styles in the block editor (codenamed "Gutenberg"). This is just a development post - we haven't yet released this publicly.

Here is some bold text.

Here is some italic text.

Here is some underlined text.

[feast_advanced_jump_to]

This is an H2

Most of your content should be contained in H2 subheadings.

In version 4.0.0 and later, body font-sizes have been standardized across all themes at 16px. Headings have been standardized using "em", meaning a multiple of the 16px body-font size.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

H4 is relatively uncommon, except in technical documentation. As a food blogger, anything you consider using for H4 should be either bumped up to H3, or simple paragraph text.

This is an H5

No real application for this outside of technical and legal documents.

This is an H6

Why even bother at this point?

Simple Image Block

We do not recommend using image captions.

Find what you're Looking For:

Browse full recipe index →

We don't recommend using the gallery block due to poor accessibility support.

This is an image caption
Add captions is simple!
You can annotate your images here

Instead, use the WordPress-core "columns" block and insert normal images into the columns:

Columns

inserting a column block in the WordPress editor

When inserting columns, you'll be given the choice of different default column widths.

For a similar mobile and desktop experience, use 50/50 for normal page layouts (720 / 2 = 360), and 33/33/33 for full-width page layouts (1080 / 3 = 360).

Mobile is the most important, making up approximately 75% of pageviews for most food blogs in 2018 and on.

Process shots

For process shots, you can stack an image and text:

Instruction #1

Instruction #2

paleo category image

Instruction #3

gluten free category image

Instruction #4

Make sure to leave "stack on mobile" enabled in the columns block:

Here's an example that's not stacked on mobile:

paleo category image

Instruction #3

gluten free category image

Instruction #4

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

2-columns:

  • This is an unordered list block
  • This is the second item in the list
  • This is the third item in the list
  • This is the fourth item in the list
  • This only shows on desktop
  • Mobile becomes single-column

3-columns:

  • This is an unordered list block
  • This is the second item in the list
  • This is the third item in the list
  • This is the fourth item in the list
  • This only shows on desktop
  • Mobile becomes single-column

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

2-columns:

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice
  4. This is a 2-column layout for ordered lists, on desktop only

Top Tip

If you're going to make this recipe, make sure to follow this top tip!

Inline heading

Showcase a featured tip or suggestion using the Inline Heading style for group blocks!

I got so many compliments from this!!

Quotes

Default theme style block quote.

Left bar style block quote

TXT Message style block quote

TXT Message style block quote, this alternates on the right side

Foodie Pro style block quote

Cook'd Pro style block quote

Seasoned Pro style block quote

I loved this recipe!

- client

I loved this recipe! The tip to let it sit for 20 minutes before cooking made all the difference!

Amanda

This is a pullquote

You can also turn the blockquote into a citation by providing a "citation". This is a great way to reference content on another site.

Edgar Allan Poe

Recipe

pho ingredients on a wood cutting board

Beef Pho Recipe

This recipe is made using WP Recipe Maker, not included with theme purchase. 
5 from 1 vote
Print Recipe Pin Recipe
Prep Time 25 minutes
Cook Time 30 minutes
Total Time 55 minutes
Cuisine Vietnamese
Servings 2 people
Calories 683 kcal

Ingredients
  

  • 200 g Steak flat iron
  • 3 stalks Green Onion
  • 24 g Beef Pho Concentrate
  • 1 Lime
  • ¼ cup Basil fresh
  • 1 cup Cilantro
  • 1 Chilli Pepper
  • 454 g Bean Sprouts
  • 200 g Vermicelli brown rice
  • 14 g Sriracha Sauce
  • 14 g Hoisin Sauce

Instructions
 

  • Plastic wrap the flat iron steak and stick it in the freezer to harden up (it shouldn't freeze) and make it easier to slice
  • Thinly slice the green onions and chili pepper, cut lime into wedges, and roughly chip the cilantro and basil
  • Prepare the broth by combining the pho concentrate with 4 cups of water and bringing the mixture to boil, then reducing to simmer
  • Remove the flat iron steak from the freeze and cut into thin slices, following the grain. Add steak slices to serving bowl.
  • Bring another pot of water to boil, add vermicelli and cook for 3 minutes (or until tender), then strain.
  • Add the noodles to the serving bowl with beef, top with bean sprouts, and pour the simmering hot broth on top of everything. The beef should cook within a few minutes, and will be done when it's no longer red.
  • Add the green onions, chili pepper, basil and cilantro as desired, and add lime. 
  • The soup can then be flavored with as much or as little sriracha and hoisin sauce as desired.

Notes

Traditionally, the broth is made from beef bone marrow, but to save time we'll use a concentrate.
The time it takes to cook the vermicelli depends on whether you're using thin or thick, but will generally by 3-5 minutes and can be done right at the end.

Image

Polaroid style:

Book cover style:

Buttons

This is a button with no underline
This is a button with an underline

FAQ

The Yoast FAQ block is useful for formatting reader questions

This is a text Question

This is an answer.

This is a question

This is an answer

Another question

Another answer

Modern Previous + Next

The Modern Previous + Next showcases your posts that are in the same parent category as the current post:

Get the Garnish Intensive Discovery Workshop!

by Leave a Comment

Intro paragraph for you to give a quick overview of this recipe, and entice the reader to continue reading because your recipe is fan-freaking-fantastic. Bold your keyword once here.

Get the Garnish Intensive Discovery Workshop!
[feast_advanced_jump_to]

Why I Love This

  1. Comfort Food Classic: It’s warm, hearty, and packed with nostalgic flavors that remind me of family dinners and cozy gatherings.
  2. Perfectly Cheesy: The melted, bubbly layer of cheese on top combined with the rich, saucy pasta is irresistible.
  3. Great for Leftovers: It tastes just as good (if not better!) the next day, making it a meal that keeps on giving.

Ingredients

Use a clear shot of the ingredients for this recipe, prepped, and labeled if necessary. Add a paragraph of content describing why these ingredients were chosen. Insert the ingredients into the list below, omitting quantities.

  • ingredient 1
  • ingredient 2
  • ingredient 3

See recipe card for quantities.

Instructions (layout 1)

Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

  1. Step 1: Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.
  1. Step 2: In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.
  1. Step 3: Cook rice. We love this with white rice cooked in the Instant Pot.
  1. Step 4: Serve with rice and enjoy!

Instructions (layout 2)

Step 1: Chop Vegetables

Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.

Step 2: Cook Vegetables

In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.

Step 3: Cook Rice

We love this with white rice cooked in the Instant Pot.

Step 3: Serve!

Serve with rice and enjoy!

Remember that image SEO is important: file names should reflect the recipe + step they represent. Only use alt text as a screen reader description. Do not use captions.

Hint: leave a useful hint here, like let the grill run for 4-5 minutes to burn off any remnants, then clean it. I like to use this bristle-free barbecue brush (affiliate link) for cleaning the grill.

"My family loved this recipe!"

This was the best recipe ever - my family absolutely loved it! Will definitely be adding this to our rotation.

Substitutions

If you know how to make the recipe fit a certain diet, let the reader know here. Don't fake it - only provide guidance on topics you have actual experience with.

  • Lettuce - instead of ice berg lettuce, you can use romaine lettuce or spinach
  • Bun - use gluten free buns instead of white bread buns to make this gluten free
  • Vegetarian - the beef hamburger can be replaced with a plant-based burger to make this vegetarian

Even if your reader doesn't follow a specific diet (eg. gluten free), they may have friends or family that they're cooking for that could use this. This is also a great idea to link out to another blogger with a similar recipe that fits a different diet.

Variations

Giving the visitor ideas on how they can change this recipe to better suit their dinner guests, or their cultural cuisine, is a great way to increase the chances they make the recipe

  • Spicy - add chili pepper flakes while cooking to imbue heat into the dish, or banana peppers
  • Deluxe - add guacamole, crispy onions or
  • Kid friendly - add crushed potato chips (ketchup chips!)

See this spicy version of this recipe on my website! (placeholder for in-content link)

Equipment

Equipment can have a big impact on how a recipe turns out. Stone bakeware takes longer to heat up than metal pans, and also retain heat for longer, which could make the recipe more watery, or burnt on the outsides.

Tell your visitors what equipment you use and how to adjust the recipe if they use something different, and link to your affiliate link to purchase the equipment.

Storage

Store the wet ingredients (lettuce, tomato, onion) separately from the dry ingredients (buns) in the fridge, and recombine when ready. Good for 2-3 days.

These ingredients do/don't stand up well to freezing for X days/weeks/months.

Top Tip

Share something here that you think is key to making this recipe well, such as: Don't overcook the burgers! Sear the outside and cook to a minimum internal temperature, but they should still be juicy for best results.

FAQ

Enable the Feast Plugins Yoast FAQ toggle for an interactive question & answer section!

Question 1

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 2

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 3

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Looking for other recipes like this? Try these:

Pairing

These are my favorite dishes to serve with [this recipe]:

This is an H2

Most of your content should be contained in H2 subheadings. Body font is set to 16px by default on all themes.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

No real application for h4 outside of technical and legal documents.

This is an H5

No real application for h5 outside of technical and legal documents.

This is an H6

No real application for h6 outside of technical and legal documents.

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Note that when using custom or Google Fonts, not all fonts contain the necessary fractions.

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Unordered List with Feast+ List Icon

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

Buttons

Buttons can be used on pages as a call-to-action to get visitors to subscribe, purchase, or engage in some way.

Get Feast+
Get the Feast Plugin

The Feast Plugin contains upgrade integrations with Yoast, making adding the breadcrumb simple. It also comes with the ability to:

  • add a custom "recipe index" page
  • remove the current page title from the breadcrumbs, to avoid duplication
  • hide breadcrumbs on pages without a parent

The Feast Plugins Settings page also contains reminder to properly configure Yoast if they're not set up according to best practices.

Categories

The "Primary" category set in Yoast is what is used for the breadcrumbs up top, as well as the Modern Previous + Next feature.

Optimize your categories by turning them into full landing pages using the Custom Categories block editor integration.

Use the Feast Plugins Scheduled Categories feature to improve your user experience, by automatically displaying posts from specific categories during the right season or holiday.

Optimized for ads

Combining the Feast Plugin with one of our themes integrates technology for improved viewability, more potential ad layouts that lead to higher bids, and higher revenue for you.

Put Your Best "Food" Forward with A Great Theme

by Leave a Comment

Intro paragraph for you to give a quick overview of this recipe, and entice the reader to continue reading because your recipe is fan-freaking-fantastic. Bold your keyword once here.

[feast_advanced_jump_to]

Why I Love This

  1. Comfort Food Classic: It’s warm, hearty, and packed with nostalgic flavors that remind me of family dinners and cozy gatherings.
  2. Perfectly Cheesy: The melted, bubbly layer of cheese on top combined with the rich, saucy pasta is irresistible.
  3. Great for Leftovers: It tastes just as good (if not better!) the next day, making it a meal that keeps on giving.

Ingredients

Use a clear shot of the ingredients for this recipe, prepped, and labeled if necessary. Add a paragraph of content describing why these ingredients were chosen. Insert the ingredients into the list below, omitting quantities.

  • ingredient 1
  • ingredient 2
  • ingredient 3

See recipe card for quantities.

Instructions (layout 1)

Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

  1. Step 1: Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.
  1. Step 2: In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.
  1. Step 3: Cook rice. We love this with white rice cooked in the Instant Pot.
  1. Step 4: Serve with rice and enjoy!

Instructions (layout 2)

Step 1: Chop Vegetables

Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.

Step 2: Cook Vegetables

In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.

Step 3: Cook Rice

We love this with white rice cooked in the Instant Pot.

Step 3: Serve!

Serve with rice and enjoy!

Remember that image SEO is important: file names should reflect the recipe + step they represent. Only use alt text as a screen reader description. Do not use captions.

Hint: leave a useful hint here, like let the grill run for 4-5 minutes to burn off any remnants, then clean it. I like to use this bristle-free barbecue brush (affiliate link) for cleaning the grill.

"My family loved this recipe!"

This was the best recipe ever - my family absolutely loved it! Will definitely be adding this to our rotation.

Substitutions

If you know how to make the recipe fit a certain diet, let the reader know here. Don't fake it - only provide guidance on topics you have actual experience with.

  • Lettuce - instead of ice berg lettuce, you can use romaine lettuce or spinach
  • Bun - use gluten free buns instead of white bread buns to make this gluten free
  • Vegetarian - the beef hamburger can be replaced with a plant-based burger to make this vegetarian

Even if your reader doesn't follow a specific diet (eg. gluten free), they may have friends or family that they're cooking for that could use this. This is also a great idea to link out to another blogger with a similar recipe that fits a different diet.

Variations

Giving the visitor ideas on how they can change this recipe to better suit their dinner guests, or their cultural cuisine, is a great way to increase the chances they make the recipe

  • Spicy - add chili pepper flakes while cooking to imbue heat into the dish, or banana peppers
  • Deluxe - add guacamole, crispy onions or
  • Kid friendly - add crushed potato chips (ketchup chips!)

See this spicy version of this recipe on my website! (placeholder for in-content link)

Equipment

Equipment can have a big impact on how a recipe turns out. Stone bakeware takes longer to heat up than metal pans, and also retain heat for longer, which could make the recipe more watery, or burnt on the outsides.

Tell your visitors what equipment you use and how to adjust the recipe if they use something different, and link to your affiliate link to purchase the equipment.

Storage

Store the wet ingredients (lettuce, tomato, onion) separately from the dry ingredients (buns) in the fridge, and recombine when ready. Good for 2-3 days.

These ingredients do/don't stand up well to freezing for X days/weeks/months.

Top Tip

Share something here that you think is key to making this recipe well, such as: Don't overcook the burgers! Sear the outside and cook to a minimum internal temperature, but they should still be juicy for best results.

FAQ

Enable the Feast Plugins Yoast FAQ toggle for an interactive question & answer section!

Question 1

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 2

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 3

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Looking for other recipes like this? Try these:

Pairing

These are my favorite dishes to serve with [this recipe]:

This is an H2

Most of your content should be contained in H2 subheadings. Body font is set to 16px by default on all themes.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

No real application for h4 outside of technical and legal documents.

This is an H5

No real application for h5 outside of technical and legal documents.

This is an H6

No real application for h6 outside of technical and legal documents.

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Note that when using custom or Google Fonts, not all fonts contain the necessary fractions.

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Unordered List with Feast+ List Icon

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

Buttons

Buttons can be used on pages as a call-to-action to get visitors to subscribe, purchase, or engage in some way.

Get Feast+
Get the Feast Plugin

The Feast Plugin contains upgrade integrations with Yoast, making adding the breadcrumb simple. It also comes with the ability to:

  • add a custom "recipe index" page
  • remove the current page title from the breadcrumbs, to avoid duplication
  • hide breadcrumbs on pages without a parent

The Feast Plugins Settings page also contains reminder to properly configure Yoast if they're not set up according to best practices.

Categories

The "Primary" category set in Yoast is what is used for the breadcrumbs up top, as well as the Modern Previous + Next feature.

Optimize your categories by turning them into full landing pages using the Custom Categories block editor integration.

Use the Feast Plugins Scheduled Categories feature to improve your user experience, by automatically displaying posts from specific categories during the right season or holiday.

Optimized for ads

Combining the Feast Plugin with one of our themes integrates technology for improved viewability, more potential ad layouts that lead to higher bids, and higher revenue for you.

Download Your Free Checklist Right Here!

by 2 Comments

Intro paragraph for you to give a quick overview of this recipe, and entice the reader to continue reading because your recipe is fan-freaking-fantastic. Bold your keyword once here.

[feast_advanced_jump_to]

Why I Love This

  1. Comfort Food Classic: It’s warm, hearty, and packed with nostalgic flavors that remind me of family dinners and cozy gatherings.
  2. Perfectly Cheesy: The melted, bubbly layer of cheese on top combined with the rich, saucy pasta is irresistible.
  3. Great for Leftovers: It tastes just as good (if not better!) the next day, making it a meal that keeps on giving.

Ingredients

Use a clear shot of the ingredients for this recipe, prepped, and labeled if necessary. Add a paragraph of content describing why these ingredients were chosen. Insert the ingredients into the list below, omitting quantities.

  • ingredient 1
  • ingredient 2
  • ingredient 3

See recipe card for quantities.

Instructions (layout 1)

Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

  1. Step 1: Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.
  1. Step 2: In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.
  1. Step 3: Cook rice. We love this with white rice cooked in the Instant Pot.
  1. Step 4: Serve with rice and enjoy!

Instructions (layout 2)

Step 1: Chop Vegetables

Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.

Step 2: Cook Vegetables

In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.

Step 3: Cook Rice

We love this with white rice cooked in the Instant Pot.

Step 3: Serve!

Serve with rice and enjoy!

Remember that image SEO is important: file names should reflect the recipe + step they represent. Only use alt text as a screen reader description. Do not use captions.

Hint: leave a useful hint here, like let the grill run for 4-5 minutes to burn off any remnants, then clean it. I like to use this bristle-free barbecue brush (affiliate link) for cleaning the grill.

"My family loved this recipe!"

This was the best recipe ever - my family absolutely loved it! Will definitely be adding this to our rotation.

Substitutions

If you know how to make the recipe fit a certain diet, let the reader know here. Don't fake it - only provide guidance on topics you have actual experience with.

  • Lettuce - instead of ice berg lettuce, you can use romaine lettuce or spinach
  • Bun - use gluten free buns instead of white bread buns to make this gluten free
  • Vegetarian - the beef hamburger can be replaced with a plant-based burger to make this vegetarian

Even if your reader doesn't follow a specific diet (eg. gluten free), they may have friends or family that they're cooking for that could use this. This is also a great idea to link out to another blogger with a similar recipe that fits a different diet.

Variations

Giving the visitor ideas on how they can change this recipe to better suit their dinner guests, or their cultural cuisine, is a great way to increase the chances they make the recipe

  • Spicy - add chili pepper flakes while cooking to imbue heat into the dish, or banana peppers
  • Deluxe - add guacamole, crispy onions or
  • Kid friendly - add crushed potato chips (ketchup chips!)

See this spicy version of this recipe on my website! (placeholder for in-content link)

Equipment

Equipment can have a big impact on how a recipe turns out. Stone bakeware takes longer to heat up than metal pans, and also retain heat for longer, which could make the recipe more watery, or burnt on the outsides.

Tell your visitors what equipment you use and how to adjust the recipe if they use something different, and link to your affiliate link to purchase the equipment.

Storage

Store the wet ingredients (lettuce, tomato, onion) separately from the dry ingredients (buns) in the fridge, and recombine when ready. Good for 2-3 days.

These ingredients do/don't stand up well to freezing for X days/weeks/months.

Top Tip

Share something here that you think is key to making this recipe well, such as: Don't overcook the burgers! Sear the outside and cook to a minimum internal temperature, but they should still be juicy for best results.

FAQ

Enable the Feast Plugins Yoast FAQ toggle for an interactive question & answer section!

Question 1

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 2

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 3

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Looking for other recipes like this? Try these:

Pairing

These are my favorite dishes to serve with [this recipe]:

This is an H2

Most of your content should be contained in H2 subheadings. Body font is set to 16px by default on all themes.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

No real application for h4 outside of technical and legal documents.

This is an H5

No real application for h5 outside of technical and legal documents.

This is an H6

No real application for h6 outside of technical and legal documents.

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Note that when using custom or Google Fonts, not all fonts contain the necessary fractions.

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Unordered List with Feast+ List Icon

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

Buttons

Buttons can be used on pages as a call-to-action to get visitors to subscribe, purchase, or engage in some way.

Get Feast+
Get the Feast Plugin

The Feast Plugin contains upgrade integrations with Yoast, making adding the breadcrumb simple. It also comes with the ability to:

  • add a custom "recipe index" page
  • remove the current page title from the breadcrumbs, to avoid duplication
  • hide breadcrumbs on pages without a parent

The Feast Plugins Settings page also contains reminder to properly configure Yoast if they're not set up according to best practices.

Categories

The "Primary" category set in Yoast is what is used for the breadcrumbs up top, as well as the Modern Previous + Next feature.

Optimize your categories by turning them into full landing pages using the Custom Categories block editor integration.

Use the Feast Plugins Scheduled Categories feature to improve your user experience, by automatically displaying posts from specific categories during the right season or holiday.

Optimized for ads

Combining the Feast Plugin with one of our themes integrates technology for improved viewability, more potential ad layouts that lead to higher bids, and higher revenue for you.

Recipe Plugin Makes Recipe Publishing Easy (see inside!)

by Leave a Comment

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like.

You can create as many posts as you like in order to share with your readers what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from.

[feast_advanced_jump_to]

h2 heading

You can create as many posts as you like in order to share with your readers what is on your mind.

Print Pin
4.25 from 4 votes

Foodie Child Theme for the Genesis Framework

She’s sleek and svelte with her minimalist approach and clean design, but she sure packs a punch when it comes to features.
Course WordPress Themes
Cuisine Food & Lifestyle Blogs
Prep Time 30 minutes
Cook Time 30 minutes
Total Time 1 hour
Servings 1 theme
Author Shay Bocks

Ingredients

  • years of food blog experience
  • high-quality css and kickass development
  • 2 handfuls of passion
  • a ton of restraint
  • a pinch of class

Instructions

  • Buy now from Feast Design Co.
  • Download your new child theme.
  • Install your theme on top of Genesis 2.0.
  • Configure settings & widgets.
  • Enjoy!

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like.

Break your content into sections

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from.

Designed for recipe sites

by 8 Comments

Intro paragraph for you to give a quick overview of this recipe, and entice the reader to continue reading because your recipe is fan-freaking-fantastic. Bold your keyword once here.

[feast_advanced_jump_to]

Why I Love This

  1. Comfort Food Classic: It’s warm, hearty, and packed with nostalgic flavors that remind me of family dinners and cozy gatherings.
  2. Perfectly Cheesy: The melted, bubbly layer of cheese on top combined with the rich, saucy pasta is irresistible.
  3. Great for Leftovers: It tastes just as good (if not better!) the next day, making it a meal that keeps on giving.

Ingredients

Use a clear shot of the ingredients for this recipe, prepped, and labeled if necessary. Add a paragraph of content describing why these ingredients were chosen. Insert the ingredients into the list below, omitting quantities.

  • ingredient 1
  • ingredient 2
  • ingredient 3

See recipe card for quantities.

Instructions (layout 1)

Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

  1. Step 1: Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.
  1. Step 2: In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.
  1. Step 3: Cook rice. We love this with white rice cooked in the Instant Pot.
  1. Step 4: Serve with rice and enjoy!

Instructions (layout 2)

Step 1: Chop Vegetables

Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.

Step 2: Cook Vegetables

In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.

Step 3: Cook Rice

We love this with white rice cooked in the Instant Pot.

Step 3: Serve!

Serve with rice and enjoy!

Remember that image SEO is important: file names should reflect the recipe + step they represent. Only use alt text as a screen reader description. Do not use captions.

Hint: leave a useful hint here, like let the grill run for 4-5 minutes to burn off any remnants, then clean it. I like to use this bristle-free barbecue brush (affiliate link) for cleaning the grill.

"My family loved this recipe!"

This was the best recipe ever - my family absolutely loved it! Will definitely be adding this to our rotation.

Substitutions

If you know how to make the recipe fit a certain diet, let the reader know here. Don't fake it - only provide guidance on topics you have actual experience with.

  • Lettuce - instead of ice berg lettuce, you can use romaine lettuce or spinach
  • Bun - use gluten free buns instead of white bread buns to make this gluten free
  • Vegetarian - the beef hamburger can be replaced with a plant-based burger to make this vegetarian

Even if your reader doesn't follow a specific diet (eg. gluten free), they may have friends or family that they're cooking for that could use this. This is also a great idea to link out to another blogger with a similar recipe that fits a different diet.

Variations

Giving the visitor ideas on how they can change this recipe to better suit their dinner guests, or their cultural cuisine, is a great way to increase the chances they make the recipe

  • Spicy - add chili pepper flakes while cooking to imbue heat into the dish, or banana peppers
  • Deluxe - add guacamole, crispy onions or
  • Kid friendly - add crushed potato chips (ketchup chips!)

See this spicy version of this recipe on my website! (placeholder for in-content link)

Equipment

Equipment can have a big impact on how a recipe turns out. Stone bakeware takes longer to heat up than metal pans, and also retain heat for longer, which could make the recipe more watery, or burnt on the outsides.

Tell your visitors what equipment you use and how to adjust the recipe if they use something different, and link to your affiliate link to purchase the equipment.

Storage

Store the wet ingredients (lettuce, tomato, onion) separately from the dry ingredients (buns) in the fridge, and recombine when ready. Good for 2-3 days.

These ingredients do/don't stand up well to freezing for X days/weeks/months.

Top Tip

Share something here that you think is key to making this recipe well, such as: Don't overcook the burgers! Sear the outside and cook to a minimum internal temperature, but they should still be juicy for best results.

FAQ

Enable the Feast Plugins Yoast FAQ toggle for an interactive question & answer section!

Question 1

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 2

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 3

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Looking for other recipes like this? Try these:

Pairing

These are my favorite dishes to serve with [this recipe]:

This is an H2

Most of your content should be contained in H2 subheadings. Body font is set to 16px by default on all themes.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

No real application for h4 outside of technical and legal documents.

This is an H5

No real application for h5 outside of technical and legal documents.

This is an H6

No real application for h6 outside of technical and legal documents.

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Note that when using custom or Google Fonts, not all fonts contain the necessary fractions.

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Unordered List with Feast+ List Icon

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

Buttons

Buttons can be used on pages as a call-to-action to get visitors to subscribe, purchase, or engage in some way.

Get Feast+
Get the Feast Plugin

The Feast Plugin contains upgrade integrations with Yoast, making adding the breadcrumb simple. It also comes with the ability to:

  • add a custom "recipe index" page
  • remove the current page title from the breadcrumbs, to avoid duplication
  • hide breadcrumbs on pages without a parent

The Feast Plugins Settings page also contains reminder to properly configure Yoast if they're not set up according to best practices.

Categories

The "Primary" category set in Yoast is what is used for the breadcrumbs up top, as well as the Modern Previous + Next feature.

Optimize your categories by turning them into full landing pages using the Custom Categories block editor integration.

Use the Feast Plugins Scheduled Categories feature to improve your user experience, by automatically displaying posts from specific categories during the right season or holiday.

Optimized for ads

Combining the Feast Plugin with one of our themes integrates technology for improved viewability, more potential ad layouts that lead to higher bids, and higher revenue for you.

Emoji Headings

by Leave a Comment

This page uses the Feast Plugin's Advanced Jump To Links.

This is some intro content.

[feast_advanced_jump_to]

Some more content, now let's jump into the recipe!

⏲️ Baking time

If using stone bakeware, you'll need to adjust the baking time to accommodate the time it takes for the bakeware to heat up. This generally adds 10 minutes on the low end.

? Ingredients

You'll need:

  • cauliflower
  • parmesan cheese
  • almond flour

Alternate: ?while this is technically a "receipt", it looks close enough to a list. It could also be a receipt for the ingredients purchased?

? Instructions

Copy over your recipe card instructions here

? Top tip

Your top tip is where you can demonstrate your expertise and knowledge, providing something to your readers that they can't get anywhere else.

? Recipe

Insert the recipe card here.

? Side dishes

Since this recipe is hearty, I generally recommend a lighter side like a salad or vegetables.

  • Recipe link 1
  • Recipe link 2
  • Recipe link 3

♻️ Variations

Your reader is just one person, but they have friends and family with different dietary restrictions and taste preferences.

Add (or link to) some variations of your recipe for different diet types. Sometimes it can be as simple as substituting an ingredient with a note about what else would need to be adjusted.

? Serving size

This serves 4 people, but if going for a larger number of people, you'll want to scale everything up except the water.

? Equipment

I love my la creuset baking set (link)! It's durable, easy to wash and keeps the food warm after pulling out from the oven so that I can leave it on the dining room table for extras.

Sample Post to Explore Foodie's Style

by Leave a Comment

Above this paragraph should be the H1 heading for your web page. Do not use H1 within your blog post area. The first paragraph is there to tell your readers what the recipe is about, and entice them to read further. Make it punchy!

Inside of this test data section, you'll find most of the basic HTML and XHTML and CSS styles that you might use within your WordPress Theme.

This is the H2 Heading

Headings are meant to make your content easily scanable by your readers. We recommend breaking down content by sections that people typically scan by such as:

  • ingredients
  • instructions
  • nutrition and calories
  • substitutions
    • gluten free
    • dairy free
    • low carb

H2 headings should be used to separate chunks of your post text.  It also helps search engines to scan your content easily and serve up keyword-rich content to people searching for you.  Always start with H2 and then if you need to divide up a chunk of content further, use your H3.

Cooking Tips

  • This is a sample cooking tips list
  • tip #2
  • tip #3
  • and then we wrap it up

This is the H3 Heading

We recommend avoiding h3 headings whenever possible

Do not use h4 headings

H4 headings are generally too nuanced for recipes and unnecessary.

  • General Lists using the <ul> tag
  • Ordered Lists using the <ol> tag
  • And that's the end of the lists

And we’ve just tested a paragraph before and after a general list along with a nested list to help you see what at least three levels of the list will look like. Make sure that each level of the list is styled to match your specific needs.

You might want to use the default disc or circle, or you might want to add graphic bullets to your list, too.

Do not use h5 headings

H5 headings are generally too nuanced for recipes and unnecessary.

We also need to look at the other two lists and then add some images and other styles to flesh out your WordPress site.

  1. You need to do this first.
  2. You need to do this second.
    • You could do this in between.
    • Or give this a try, too.
  3. But this is the third and last thing to do.

And here is another paragraph to show the relationship between the various parts and pieces.

Do not use h6 headings

H6 headings are generally too nuanced for recipes and unnecessary.

See the modern guidelines for page headings for how to properly structure recipe posts.

This is another H2 Heading

This is a test of the WordPress captioning system. This is a test of the WordPress captioning system. This is a test of the WordPress captioning system.

Let's take a look at how images work in the theme. Typically, most food bloggers are going to use full-width centered images within the body of a post, but we'll explore the right and left alignment options here just in case. This photo is using the medium image size and is aligned to the right. In order to clear the space below this image, I'm going to use the "clear" div class in the text editor for this post. Otherwise, things would look very misaligned.

A centered image is a little different. It is centered in the middle and the text is pushed above and below it. This is the way we prefer food bloggers to use images: full-width and centered.

How to add the CSS styles for images is discussed in the Codex article, Using Images.

Testing Font Looks

You will need to test the looks of the different font styles, too. This is bold and THIS IS BOLD. This is italic and THIS IS ITALIC. This is bold and italic and THIS IS BOLD AND ITALIC. This is code and THIS IS CODE. And now let’s look at what the PRE tag, also known as the preformatted tag, looks like:

This is the pre tag.
It should be formatted as written
     so if you add spaces to the front of the line
  it will show the spaces and the <code> as written

This should be back to the normal paragraph style and we hope you have been paying attention to the margins and padding around each element, including the paragraph, so you can position things appropriately to the rest of the content.

Your CSS Here

Let’s look at the blockquote, one of the most common tags used in most blogs. It is designed to “frame” a quote from another blog, website, or reference that you are “quoting” from. For the most part, there are three examples of usage:

This is a simple quote. It is either preceded or followed by a link within the text to the credited source. A blockquote must be designed to stand out from the rest of the text content, but it does not have to “really” stand out, just separate itself from the content so we know it’s not your words.

Each website is unique with it’s own look and feel for the various parts and pieces. This cut and paste section looks only at what you might have within your content section. So if you will have boxes for lists or little aside information, you will need to add them so you can see how they will look in the overall page layout.

Some elements in a WordPress Theme are controlled by the style sheet, while others are controlled by the Template files. Try to work on as much as you can from the style sheet first, then you can mess with the template files.

Remember, any changes you make to the style sheet and template files will be not available if you change themes. If you want them carried over, you will need to copy and paste them into the new Theme folder.

Display Categories

by Leave a Comment

, , , , , , , ,

Intro paragraph for you to give a quick overview of this recipe, and entice the reader to continue reading because your recipe is fan-freaking-fantastic. Bold your keyword once here.

Display Categories
[feast_advanced_jump_to]

Why I Love This

  1. Comfort Food Classic: It’s warm, hearty, and packed with nostalgic flavors that remind me of family dinners and cozy gatherings.
  2. Perfectly Cheesy: The melted, bubbly layer of cheese on top combined with the rich, saucy pasta is irresistible.
  3. Great for Leftovers: It tastes just as good (if not better!) the next day, making it a meal that keeps on giving.

Ingredients

Use a clear shot of the ingredients for this recipe, prepped, and labeled if necessary. Add a paragraph of content describing why these ingredients were chosen. Insert the ingredients into the list below, omitting quantities.

  • ingredient 1
  • ingredient 2
  • ingredient 3

See recipe card for quantities.

Instructions (layout 1)

Use this section for process shots, alternating between the step and image showing the step. Users don't like seeing process shots cluttering up the recipe card, so include your process shots here.

  1. Step 1: Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.
  1. Step 2: In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.
  1. Step 3: Cook rice. We love this with white rice cooked in the Instant Pot.
  1. Step 4: Serve with rice and enjoy!

Instructions (layout 2)

Step 1: Chop Vegetables

Chop all the vegetables into small ½" cubes. It's important that they're all uniform size so that they cook evenly.

Step 2: Cook Vegetables

In a large pot, add olive oil and saute and soft and translucent. This usually takes about 20 minutes on medium heat.

Step 3: Cook Rice

We love this with white rice cooked in the Instant Pot.

Step 3: Serve!

Serve with rice and enjoy!

Remember that image SEO is important: file names should reflect the recipe + step they represent. Only use alt text as a screen reader description. Do not use captions.

Hint: leave a useful hint here, like let the grill run for 4-5 minutes to burn off any remnants, then clean it. I like to use this bristle-free barbecue brush (affiliate link) for cleaning the grill.

"My family loved this recipe!"

This was the best recipe ever - my family absolutely loved it! Will definitely be adding this to our rotation.

Substitutions

If you know how to make the recipe fit a certain diet, let the reader know here. Don't fake it - only provide guidance on topics you have actual experience with.

  • Lettuce - instead of ice berg lettuce, you can use romaine lettuce or spinach
  • Bun - use gluten free buns instead of white bread buns to make this gluten free
  • Vegetarian - the beef hamburger can be replaced with a plant-based burger to make this vegetarian

Even if your reader doesn't follow a specific diet (eg. gluten free), they may have friends or family that they're cooking for that could use this. This is also a great idea to link out to another blogger with a similar recipe that fits a different diet.

Variations

Giving the visitor ideas on how they can change this recipe to better suit their dinner guests, or their cultural cuisine, is a great way to increase the chances they make the recipe

  • Spicy - add chili pepper flakes while cooking to imbue heat into the dish, or banana peppers
  • Deluxe - add guacamole, crispy onions or
  • Kid friendly - add crushed potato chips (ketchup chips!)

See this spicy version of this recipe on my website! (placeholder for in-content link)

Equipment

Equipment can have a big impact on how a recipe turns out. Stone bakeware takes longer to heat up than metal pans, and also retain heat for longer, which could make the recipe more watery, or burnt on the outsides.

Tell your visitors what equipment you use and how to adjust the recipe if they use something different, and link to your affiliate link to purchase the equipment.

Storage

Store the wet ingredients (lettuce, tomato, onion) separately from the dry ingredients (buns) in the fridge, and recombine when ready. Good for 2-3 days.

These ingredients do/don't stand up well to freezing for X days/weeks/months.

Top Tip

Share something here that you think is key to making this recipe well, such as: Don't overcook the burgers! Sear the outside and cook to a minimum internal temperature, but they should still be juicy for best results.

FAQ

Enable the Feast Plugins Yoast FAQ toggle for an interactive question & answer section!

Question 1

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 2

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Question 3

Visit the search results to see which questions come up under the People also ask section for your primary keyword, and answer them here

Looking for other recipes like this? Try these:

Pairing

These are my favorite dishes to serve with [this recipe]:

This is an H2

Most of your content should be contained in H2 subheadings. Body font is set to 16px by default on all themes.

For more details, see this blog post.

This is an H3

H3 can be used to sub-categorize your content under H2 headings. You typically won't use these when making recipes posts.

This is an H4

No real application for h4 outside of technical and legal documents.

This is an H5

No real application for h5 outside of technical and legal documents.

This is an H6

No real application for h6 outside of technical and legal documents.

Fractions

The Feast Plugin contains an enhancement to convert text-based characters to fractions, so that you get ½ instead of 1 / 2 and ¼ instead of 1 / 4.

  • ½
  • ⅓
  • ¼
  • ⅔
  • ¾
  • ⅕
  • ⅖
  • ⅗
  • ⅘
  • ⅙
  • ⅚
  • ⅞
  • ⅛
  • ⅜
  • ⅝

Note that when using custom or Google Fonts, not all fonts contain the necessary fractions.

Acronyms

The Feast Plugin contains an enhancement to convert recipe acronyms to improve screen reader accessibility, so that it reads the word teaspoon instead of "tee ess pee" and tablespoon instead of "tee bee ess pee".

Unordered List

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Unordered List with Feast+ List Icon

  • This is an unordered list block
  • This is the second item in the list
  • Use unordered lists to create lists in which the sequence isn't important

Ordered List

  1. This is an ordered list block
  2. It's good to itemize sequential steps or items in an ordered list
  3. Using lists to break up your content and make it easier to parse is a good user-experience practice

Buttons

Buttons can be used on pages as a call-to-action to get visitors to subscribe, purchase, or engage in some way.

Get Feast+
Get the Feast Plugin

The Feast Plugin contains upgrade integrations with Yoast, making adding the breadcrumb simple. It also comes with the ability to:

  • add a custom "recipe index" page
  • remove the current page title from the breadcrumbs, to avoid duplication
  • hide breadcrumbs on pages without a parent

The Feast Plugins Settings page also contains reminder to properly configure Yoast if they're not set up according to best practices.

Categories

The "Primary" category set in Yoast is what is used for the breadcrumbs up top, as well as the Modern Previous + Next feature.

Optimize your categories by turning them into full landing pages using the Custom Categories block editor integration.

Use the Feast Plugins Scheduled Categories feature to improve your user experience, by automatically displaying posts from specific categories during the right season or holiday.

Optimized for ads

Combining the Feast Plugin with one of our themes integrates technology for improved viewability, more potential ad layouts that lead to higher bids, and higher revenue for you.