Home » The Gutenberg Theme Course from Zac Gordon and Joe Casabona

Theming with Gutenberg Course

Make Your Themes Gutenberg Compatible

The new block editor for WordPress should work out of the box with all themes.  However, certain steps are needed in order to take full advantage of Gutenberg with your theme.

Learn everything you need to make WordPress 5.0 and future compatible theme from the experts.

Course Outline

00 – An Introduction to Theming with Gutenberg

01 – Gutenberg Compatible Themes

  • 01.01 – Intro to “Gutenberg Compatible” Themes
  • 01.02 – Enqueuing CSS & JavaScript in Gutenberg Compatible Themes
  • 01.03 – Wide and Full Align Support
  • 01.04 – Making an Existing Template Gutenberg Compatible
  • 01.05 – Making an Existing Theme Gutenberg Compatible

02 – The Gutenberg Starter Theme

  • 02.01 – An Introduction to The Gutenberg Starter Theme
  • 02.02 – An Overview of the Gutenberg Starter Theme Source Code
  • 02.03 – The functions.php File and Theme Support
  • 02.04 – Overview of Basic Template Markup
  • 02.05 – Gutenberg Starter Theme Stylesheets
  • 02.06 – Beginning to Customize the GB Starter Theme

03 – Styling Default Blocks

  • 03.01 – Styling Gutenberg Blocks
  • 03.02 – Default Block Styles
  • 03.03 – Finding Block Classes
  • 03.04 -Setting Up Our Theme Code
  • 03.05 -Example: Quote Blocks
  • 03.06 -Example: Cover Image Block
  • 03.07 -Example: Button Block
  • 03.08 -Example: Embed Blocks
  • 03.09 -Styling Columns

04 – Custom Color Palettes

  • 04.01 – An Introduction to Color Palettes
  • 04.02 – How to Create Your Own Color Palettes
  • 04.03 – Locking Down Your Color Palettes

05 – Block Templates

  • 05.01 – An Introduction to Block Templates
  • 05.02 – Adding Block Templates to a Theme
  • 05.03 – Adding Column to Block Templates
  • 05.04 – Locking Block Templates
  • 05.05 – Custom Post Type Block Template
  • 05.06 – Moving Block Templates to a Plugin

06 – Course Review

Want to learn how to build custom blocks with Gutenberg? Check out Zac’s Gutenberg Development Course!

Need a Gutenberg course for non-developers? Check out Joe’s Introduction to Gutenberg Course!