Today, Heart Internet published my article on how to make themes Gutenberg-ready. It’s the first article published that was not for a site I own or for clients and I am grateful for Heart Internet and their editor Oliver Lindberg for working with me through the process of getting it published.
That’s how the developer handbook for the block editor 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.
Featured Image: Markus Spiske on Unsplash