• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • FAQ
  • Layouts
  • Recipes
  • Bloggers

Cook'd Pro

menu icon
go to homepage
  • Recipes
  • Bloggers
  • Page Layouts
  • FAQ
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • subscribe
    search icon
    Homepage link
    • Recipes
    • Bloggers
    • Page Layouts
    • FAQ
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
    • Twitter
  • ×

    Home » Recipes » Baking

    Published: Jul 17, 2017 · Modified: Aug 10, 2022 by Skylar Bowker · This post may contain affiliate links · 2 Comments

    Block Editor (Gutenberg) Styling

    FacebookTweetPinEmail

    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
    • Fractions
    • Acronyms
    • Unordered List
    • Group block
    • Ordered List
    • FAQ
    • Quick and Easy French Toast
    • Quotes
    • Cover Block

    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. Use it to describe the image, and improve your image SEO.

    New Gallery Block

    Salads
    Green beans on a marble background
    Brussel Sprouts

    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.

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

    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
    • this is a link

    Group block

    You can group blocks together into a group block!

    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

    FAQ

    How does the Yoast FAQ look?

    Like this!

    What about 2?

    Here's the second!

    Print

    Quick and Easy French Toast

    Vanilla extract and cinnamon bring a richness of flavor to French toast. Pick your favorite bread--white, Italian, French or whole wheat. Serve with Maple-Flavored Syrup.

    Course Breakfast
    Cuisine French
    Prep Time 5 hours 6 minutes
    Cook Time 5 hours 6 minutes
    Total Time 1 hour 2 minutes
    Servings 4 servings
    Calories 99 kcal

    Ingredients

    • 1 egg
    • 1 teaspoon pure vanilla extract
    • ½ teaspoon cinnamon ground
    • ¼ cup milk
    • 4 slices of bread

    Instructions

    1. Beat egg, vanilla and cinnamon in shallow dish.  Stir in milk.
    2. Dip bread in egg mixture, turning to coat both sides evenly.
    3. Cook bread slices on lightly greased nonstick griddle or skillet on medium heat until browned on both sides.

    Recipe Notes

    Be sure to heat up your pan before adding the bread.  If your pan is too cold, the bread will cook too slowly and will be heavy.

    Nutrition Facts
    Quick and Easy French Toast
    Amount Per Serving (1 slice)
    Calories 99 Calories from Fat 27
    % Daily Value*
    Fat 3g5%
    Sodium 158mg7%
    Carbohydrates 14g5%
    Fiber 1g4%
    Protein 4g8%
    * Percent Daily Values are based on a 2000 calorie diet.

    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

    Cover Block

    We don't recommend or support the use of "Cover" blocks in posts

    More "baking" example category

    • Blogger's Guide to Cooking for Feast Days
    • Crafting the Perfect Food Blog Recipe

    Reader Interactions

    Comments

      Leave a Reply Cancel reply

      You must be logged in to post a comment.

    1. Skylar Bowker says

      January 20, 2022 at 11:37 am

      This is a comment

      Log in to Reply
      • Skylar Bowker says

        January 20, 2022 at 11:37 am

        This is a reply

        Log in to Reply

    Primary Sidebar

    We also have the full width modern homepage.

    Hey y'all!

    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 →

    We recommend:
    • Hosting from WPEngine or CloudWays
    • 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 required for this theme.

    save 20% at feastdesignco.com

    Load up on new recipes, exclusive goodies + more

    get exclusive cook'd content straight to your inbox.

    Cookd Pro: A Genesis Child Theme for Food & Lifestyle Bloggers
    Theme Documentation

    Footer

    ↑ back to top

    Services

    • Design it for Me
    • Customize it for Me
    • Install it for Me
    • Get the themes

    Need help?

    • Cook’d FAQ
    • Tutorials
    • Customization
    • Submit a Support Ticket
    • About Us

    Feast Design Co. blog

    • Design and Appearance
    • Productivity
    • Tech and Plugins
    • Blogging and Promotion
    • Just for Fun

    Copyright © 2023 Cook'd Pro on the Cook'd Pro Theme with upgrades from the Feast Plugin

    Share this ArticleLike this article? Email it to a friend!

    Email sent!