This week on Heart Internet.
“The new Blocks include baseline support in all themes, enhancements to opt-in to and the ability to extend and customize.”
Gutenberg Handbook, Theme Support chapter
That’s how the developer handbook for the block editor of starts its Theme Support chapter.
In other words, there are a few features the block editor offers, that might not be available yet for your theme and your site, so it’s not pure binary, works or doesn’t work.
There are multiple levels of Gutenberg-readiness.
It goes from enabling Align-wide and Align-full styling for the various blocks (columns, images, cover, gallery), to include styling for each core block to providing custom color and font-size pickers for your customers content creators, so they stay within the brands boundaries.
In this article, I’ll talk about all these different ways your theme can interact with the block editor. We’ll talk about stylesheets, CSS specificity and layout. There are voices, and mine is among them, that building blocks are the domains of plugins. Themes provide the glue between features and front-end, and a site owner should be able to switch out their theme without losing content or composition. Of course, like everything else in life, the edges are blurry and the block editor is still in its infancy.
In my guest blog post at Heart Internet, we will look at
- Block styles
- Align-wide and align-full
- Custom colour palettes
- Block font sizes
I also share a lot of resources and a list of Gutenberg-ready themes.
Head on over to HeartInternet site and read the full article
Featured Image: Photo by Cristina Gottardi on Unsplash
