WordPress 5.0 is Coming! Are you Themes Ready?
A big change is coming to the WordPress editor this year, and along with preparing ourselves and our clients for the new editing experience, we need to make sure our themes are prepared. With new blocks and rich layouts, we don’t want our sites (or our clients’ sites) to break. But don’t worry – we have you covered in out Gutenberg Theming course.
What Will You Learn?
This comprehensive course will not only tell you how to get started with Gutenberg Theming; we make sure that you take full advantage of all the new functionality Gutenberg brings with it. You’ll learn how to add Gutenberg theme support, how to style blocks, adding custom classes, using custom color palettes, and much more. Plus, you’ll gain access to a community of learners who are taking the class along with you!
Who is this for?
Simply put – this is for anyone who does custom work with WordPress. Whether you run your own site and you want to make sure your theme is up to snuff, you run hundreds of client sites that need updating, or you’re curious about what Gutenberg does to themes, this course is for you.
Need a quick primer on the new editor? Take our Introduction to Gutenberg course first!
By Zac Gordon and Joe Casabona
Zac and Joe, 2 seasoned educators who’ve done lots of work with Gutenberg, have teamed up to give you a great learning experience so you’ll know Gutenberg Theming inside and out.
Here’s the Full Outline
An Introduction to Gutenberg Theming
- What do you get out of the box
- What do you not get out of the box
- Overview of the course
Gutenberg Compatible Themes
- Wide and Full Align Support
- Making an Existing Template Gutenberg Compatible
- Making an Existing Theme Gutenberg Compatible
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
Customizing Default Block Styling
- Enqueuing Block CSS
- Finding default classes for blocks
- Using console
- Explain the naming convention
- Adding custom classes to blocks
- In the editor inspector
- Show the hook for how to disable this feature for blocks
- How do you remove for existing blocks
- Example Block Styles
Custom Color Palettes
- How to Create Custom Color Palettes
- Editor Turn Off Custom Color Palettes
- An Introduction to Block Templates
- Adding Block Templates to a Theme
- Adding Column to Block Templates
- Locking Block Templates
- Custom Post Type Block Template
- Applying Block templates by User Role
- Moving Block Templates to a Plugin