Inspiration, tools, and fresh ideas to make design both practical and visually stunning.
While there is no shortage of articles published about adding general support for a theme’s color palette within the Gutenberg editor, I’m going to focus on the color class changes deployed in Gutenberg 2.8.
Gutenberg includes a default color palette component for blocks to utilize, although it’s relatively easy for a WordPress theme to provide a more suitable palette to empower users.
A couple weeks ago, I took the plunge and activated Gutenberg on my personal blog. There were a few quirks here and there, but for the most part, migrating to the new Gutenberg block editor has been a pleasant experience. Want to try out Gutenberg my theme + my theme?
As I mentioned last week in my 2017 Year in Review post, I’ve been learning quite a lot about how WordPress themes will interface with Gutenberg and developing Gutenberg blocks myself. Sure, there are a number of unknowns surrounding the project, but if you’re still worried about the pending release of WordPress 5.0 and Gutenberg, now is a better time than ever to start educating yourself.
I had the idea for a content spacer block as I was having a tough time creating ample spacing between even the simplest Gutenberg blocks. So I built the GutenKit Spacer Block, a nifty block plugin for Gutenberg that lets you easily add white space between content blocks.
In a couple months or so, Gutenberg will revolutionize WordPress publishing as we know it. It’ll finally bring a much-needed standardized content creation experience to WordPress. There’s just one small caveat. Innovation can’t happen without WordPress theme developers committing to the Gutenberg experience.
If Gutenberg will become the de facto editing experience for the average WordPress user, why not make it the best experience possible?
So after an inspiring trip to Nashville for WCUS, I decided to jump on the Gutenberg ship myself and start styling the upcoming editor within my latest WordPress theme, Tabor.
I have been integrating inline SVGs into some of my latest WordPress themes. This is just a quick tutorial on the techniques that I have experimented with. Feel free to leave feedback and suggestions in the comments below.
24 replies
