Design, Development, and One Cool Tool

Daniel Schutzsmith shares the latest WordPress design and development news, tools, and techniques along with one special pick — this week’s shiny, new, and coolest tool.

Estimated reading time: 6 minutes

WordPress Development Around the Web

A glimpse of what’s going on in the world of development and design in the WordPress space.

Convert Classic Posts to Gutenberg

Migrating or redesigning WordPress sites is never easy, especially when you need to go from classic themes with the traditional classic editor over to themes using the block editor. The biggest hassle is having to edit each post and click on “Convert To Blocks” over and over again. This little experimental plugin from Marie Comet takes care of that!

WordPress Block Markup

Carolina Nymark has updated her terrific extension to make coding full site editing themes in VS Code so much easier. Carolina’s WordPress block markup extension includes autocomplete snippets that help you add blocks to your templates faster by typing the name of the block. Hadn’t seen this before and it’s a must-have!

Layouts and Wide Alignments in WordPress: Then, Now, and Upcoming Changes

If you have a Classic Theme and you added a theme.json file to it to take advantage of the new features, then you may have noticed some wonkiness with the wide alignments on blocks. Here’s some insight in the Gutenberg Times from Justin Tadlock on why that is and also a suggestion that you might want to hold off on using theme.json with Classic themes for a little while.

Moving Core Block Styling to JSON

Wouldn’t it be nice to override all of the stylings for core blocks in the same place that we’ll now be using in FSE for the rest of the theme‽ If you agree, then please head on over and comment at Make WordPress Core. This looks like a terrific shift to continue making it easier for developers and designers to ensure their stylistic vision can be followed in custom themes. Now if someone would make Figma build a theme.json file that would be swell as well! 😀

One Cool Tool

Each week we feature one cool tool that can help make your life easier as a WordPress builder. This week it’s…

Reasonable Colors

Do you have trouble working with accessibility contrast and finding color combinations that still look good on your websites? Look no further! Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes that meet WCAG 2 color contrast requirements. Comes with SCSS support as well!

Leave a Reply

Your email address will not be published. Required fields are marked *

Leave a comment

Your email address will not be published. Required fields are marked *