• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Seasoned Pro
  • Accessibility
  • Archive Page
  • Blog Page
  • Browse Recipes
  • Column Classes
  • Disclaimer
  • FAQ
  • Full width modern homepage
  • Media Kit
  • Page Layouts
    • Content/Sidebar
    • Full Width Content
    • Sidebar/Content
  • Privacy Policy
  • Recipe Index
  • Recipes
  • Recipes
  • Sample Page
  • Services
  • Simple Category Index
  • Subscribe
  • Terms & Conditions
  • Theme for Recipe Sites
  • Workshops
  • Contact Page
menu icon
go to homepage
  • FAQ
  • Recipes
  • Bloggers
subscribe
search icon
Homepage link
  • FAQ
  • Recipes
  • Bloggers
×
Home » Blogging

Block Editor (Gutenberg) Styles

Published: Dec 11, 2018 · Modified: Jul 23, 2022 by Feast · This post may contain affiliate links · 2 Comments

↓ Jump to Recipe
Print Recipe

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.

Jump to:
  • This is an H2
  • Simple Image Block
  • New Gallery Block
  • Recipe for a successful blog
  • Ingredients
  • Instructions
  • Fractions
  • Acronyms
  • Group block
  • Yoast FAQ
  • Quotes
  • Overlay Block
  •  Branding
  • Comments

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 need to 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

This is a caption for an image block

New Gallery Block

Seasoned Pro WordPress Theme for Lifestyle Bloggers
Left Gallery Image
Seasoned Pro WordPress Theme for Food Bloggers
Middle Gallery Image
Seasoned Pro WordPress DIY Blog Theme for Food & Lifestyle Bloggers
Right Gallery Image

Galleries are new to the block editor, removing the need for plugins. The captions are relatively simple to create.

Testing will be needed to see what sizes are loaded for various devices (desktop, tablet, mobile). Mobile is the most important, making up approximately 75% of pageviews for most food blogs in 2018 and on.

Too many images can slow down your page.

Print

Recipe for a successful blog

Follow these steps to take your blog to infinity, and beyond.

Course Breakfast
Cuisine American
Prep Time 10 minutes
Cook Time 10 minutes
Servings 4 people
Author Feast

Ingredients

  • 1 teaspoon determination
  • 1 cup talen
  • 1 quart determination

Instructions

  1. Combine all ingredients into self and stir vigorously

  2. Get to it!

Recipe Notes

Not a real recipe.

Ingredients

Unordered lists are a great way to display information that doesn't have a sequence, like ingredients.

  • 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

The Feast Plugin now also has custom styling for button links, using your brand:

Sign up for the newsletter!

Instructions

Use ordered lists to display lists that have a specific sequence to follow, like instructions.

  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

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".

Group block

You can group blocks together into a group block!

Yoast FAQ

Use the Yoast FAQ block to add FAQ schema to your posts, which helps generate "People also asked" snippets in search engines.

Question 1

Answer 1

Question 2

Answer 2

Quotes

Blockquotes are a great way to emphasize an important piece of your content.

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

Overlay Block

This is a "cover" block - an image block with text overlay

 Branding

You can use the feast-box-primary class to style your paragraphs using primary brand colors

Or if you'd like...

You can use the feast-box-secondary class to style paragraphs using the secondary brand colors

More Blogging Category

  • Seasoned Pro WordPress DIY Blog Theme for Food & Lifestyle Bloggers
    The Secret Ingredient: How to Grow into a Top Food & Lifestyle Blog
  • Seasoned Pro WordPress Theme for Lifestyle Bloggers
    Bake your cake from scratch, not your blog.
  • Seasoned Pro WordPress Theme for Minimalist Bloggers
    Put Your Best Blog Theme Forward

Reader Interactions

Comments

  1. Feast says

    January 20, 2020 at 8:43 pm

    This is a comment.

    Log in to Reply
    • Feast says

      March 04, 2020 at 12:35 pm

      This is a reply

      Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

You've got a divine gift designed to serve the world. It’s a special something – small and mighty – that merges passion with purpose, and purpose with joy. This simple yet powerful belief is why I’ve built my design business out of a desire to serve, and why I feel most alive when I’m taking your business, blog, or product to places that soar.

Dig deeper →

Trending

  • Seasoned WordPress Theme for Lifestyle Bloggers
    Block Editor (Gutenberg) Styles
  • Seasoned Pro WordPress DIY Blog Theme for Food & Lifestyle Bloggers
    The Secret Ingredient: How to Grow into a Top Food & Lifestyle Blog
  • Seasoned Pro WordPress Theme for Lifestyle Bloggers
    Bake your cake from scratch, not your blog.
  • Seasoned Pro WordPress Theme for Food Bloggers
    Recipe Plugin Makes Recipe Publishing Easy

We also have the full width modern homepage demo here.

We recommend:

  • Hosting from Bigscoots
  • Domains from NameCheap
  • Recipe Plugin from WP Recipe Maker

This demo site has enhanced customizations from the Feast Plugin that are not included in the theme.

Theme Documentation

Footer

↑ back to top

About

  • Privacy Policy
  • Disclaimer
  • Terms & Conditions
  • Accessibility Policy
  • Tutorials
  • Customization

Newsletter

  • Sign Up! for emails and updates

Contact

  • My Account
  • Other Food Themes
  • Food Blog Tutorials
  • Contact

As an Amazon Associate I earn from qualifying purchases.

Copyright © 2025 Seasoned Pro on the Seasoned Pro Theme with upgrades from the Feast Plugin