Sale!

Gutenberg Theme Development

$129.00

In this course we learn about what additions and considerations should had when building WordPress themes for WordPress 5.0 and beyond.  You will learn in depth about the Gutenberg Starter Theme, how to handle full width and wide width blocks and much more.  Special attention is given to how to work with block templates to provide default block layouts.

SKU: GUTENBERGTHEMING Categories: ,

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

Sample Videos

You may also like…