During this online training course, we’ll cover what the new Gutenberg WordPress editor means for themes and how it will impact the frontend experience. Then we’ll dive into code to make a Gutenberg-compatible theme by styling the new blocks and making changes to the Gutenberg editor (like creating custom color palettes and block templates). At the end of this training, you’ll have enough in your tool belt to start designing themes for Gutenberg.
The course will take just two and half hours with an extensive Q&A time at the end.
Why do we need to make themes compatible with Gutenberg?
What Gutenberg-compatible themes currently exist?
Do I need to know Javascript to make my theme Gutenberg-compatible?
Enqueuing CSS and Javascript for Gutenberg
Adding the Correct Theme Supports
Making a Page Full-Width
Custom Color Pallets
Block Templates
Locking Down Customization Areas
Adding the Default Styles
Finding the Default Class Names
Adding Custom Classes
- Example: Cover Images
- Example: Special Button Classes
What to look for in a good starter theme
Good Starter Themes
Helpful Tutorials
Theming for Gutenberg
Joe Casabona is a Front End Developer, Instructor and Course Creator. When he’s not writing code, he’s teaching people how to build things with and for WordPress.
He also hosts a weekly podcast called How I Built It, where he interviews product developers and business owners about how they create. You can find him at Casabona.org
More questions? Contact our sales team or tweet us @iThemes
iThemes Media LLC Copyright © 2022 All rights reserved | Privacy Policy