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