Theming for Gutenberg Course

Customized Styles in the Gutenberg Editor

Make the Most of Gutenberg in Custom Themes

What Folks Are Saying

Thanks for this course! I now know what I need to do with my themes!

Name

I love block templates! Great explanation of how they work.

Name

What You Will Learn

  • How to Make a Site Gutenberg Compatible
  • The Gutenberg Starter Theme
  • Applying Custom Styles to Core Blocks
  • Creating Custom Color Palettes
  • How to Work with Block Templates

Get the Course

Customized Styles in the Gutenberg Editor

Purchase this course on the JavaScript for WordPress site.

Course Outline

1. Gutenberg Compatible Themes

  • Intro to “Gutenberg Compatible” Themes
  • Enqueuing CSS & JavaScript in Gutenberg Compatible Themes
  • Wide and Full Align Support
  • Making an Existing Template Gutenberg Compatible
  • Making an Existing Theme Gutenberg Compatible

2. The Gutenberg Starter Theme

  • An Introduction to The Gutenberg Starter Theme
  • An Overview of the Gutenberg Starter Theme Source Code
  • The functions.php File and Theme Support
  • Overview of Basic Template Markup
  • Gutenberg Starter Theme Stylesheets
  • Beginning to Customize the GB Starter Theme

3. Custom Color Palettes

  • An Introduction to Color Palettes
  • How to Create Your Own Color Palettes
  • Locking Down Your Color Palettes

4. Block Templates

  • An Introduction to Block Templates
  • Adding Block Templates to a Theme
  • Adding Column to Block Templates
  • Locking Block Templates
  • Custom Post Type Block Template
  • Moving Block Templates to a Plugin

Get the Course

Customized Styles in the Gutenberg Editor

Purchase this course on the JavaScript for WordPress site.

Meet The Instructors

Zac Gordon WordPress Gutenberg

Zac Gordon – An experienced high-school, college and online educator with a focus on teaching JavaScript for WordPress Deeply.

Joe Casabona

Joe Casabona – A developer and college professor with a knack for bringing enthusiasm and clarity to How to Build Things.