If you are a WordPress developer who fully or partially switched over to the WordPress Block Editor (Gutenberg) for building themes and websites for clients, we have great news for you. You can add theme support for Gutenberg blocks with less tweaking.
We’ve just released Getwid Style Kit, a handy boilerplate that encompasses some great starter SCSS files to extend and customize Getwid and core Gutenberg blocks for your themes. The boilerplate is available for free download on GitHub so you can play around with it today.
What is Getwid, by the way? It’s our free library of additional Gutenberg blocks for creating more diverse types of content in the WP Block Editor. If you want to see more examples in a familiar theme, feel free to check out Getwid examples in the recent Twenty Twenty theme customization post.
Why do you need this Gutenberg boilerplate?
You can use this kit to add styles for Gutenberg and Getwid WordPress blocks into your themes much easier and faster. The toolchain comes with two files for each block: for the editor and the frontend. Each of them has its own set of CSS classes for respective blocks. It’s going to save you a lot of time and at the same time ensure theme consistency with additional styles.
We believe this Style Kit will be of great help in streamlining your workflow of making Gutenberg theme adjustments: the boilerplate focuses on some crucial theme support concepts, such as width, color, and general style customization.
Thanks to this instrument, your theme will be able to add/override default block styles the way you need – but now you don’t need to write theme support styles for that yourself from scratch. Feel free to share your thoughts and ideas on how it can be improved!