• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • FAQ
  • Bloggers
  • Layouts
    • Content/Sidebar
    • Full Width Content
    • Columns
  • Recipes
  • Contact

Foodie Pro logo

Breakfast » Example Post Showing Block Editor (“Gutenberg”) Styling

12/11/16

Example Post Showing Block Editor (“Gutenberg”) Styling

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.

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

Image captions are tied to images themselves, adding context for search engines and your visitors!

New Gallery Block

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

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.

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

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

Testing large image uploads

In WordPress 5.3, images over 2560 reportedly get automatically resized and renamed. Let’s test it out by uploading a 3000x3000px image:

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

Subscribe

for your weekly recipe fix.

FREE DOWNLOAD?

Yes please.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Welcome, Y’all!

Designer, Shay Bocks

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.

Features

Genesis 2.0 + HTML5 Markup + Mobile Responsive! Customizer options for color & typography, 6 layout options, Recipe card styling, Widgetized Home & Recipe pages, Upload your own custom background, Upload your own header design, Create your own custom menus, Featured Images, Fixed width design, Genesis Theme Options

save 20% at feastdesignco.com
We recommend:
  • Hosting from BigScoots or Agathon
  • Domains from NameCheap
  • Recipe Plugin from WP Recipe Maker or Tasty Recipes

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

The Genesis Framework is included with this theme.

Footer

instagram feed

About your designer

  • Facebook
  • Instagram
  • Twitter

Brand + web designer. 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. Let's dig in →

My Favorites

theme sale: coupon SAVE20

Copyright © 2025 Foodie Pro on the Foodie Pro Theme