Here’s a handful of tweets I saw while eating lunch today. The future of WordPress is bright.
I’m working on designs for the brand new Patterns section for WordPress.org. This new section of the site will allow anyone to create and submit patterns — a collection of WordPress blocks — that can be shared and used by any WordPress site.
One aspect of build a great pattern is understanding how your design adapts to various widths. And I don’t just mean device widths, like a tablet or phone — but also container widths. In the world of the block editor, you can place patterns within wide pages or narrow columns, and your pattern must adapt accordingly.
Here’s how a Width tool could work when designing and building a pattern…
The WordPress editor is a great writing tool. I’d love to see it become a great layout and design tool, as well. A big part of layout and design is having a grid. The WordPress editor provides a Columns block, but its limited; You can only choose columns and there is no control for spacing. What if there was a Grid block that provided a very easy way to create complex layouts using blocks?
With accessibility always on my mind, I explore how this functionality could be utilized with just a keyboard:
It can be hard to know where you’re adding blocks in the WordPress editor. Hopefully we can make it a little easier by adding some guidance to the in-between add button.
A design from August 2018 showing a sheet-like overlay for the publishing confirmation step in Gutenberg, the WordPress block editor.
A concept video showing a transition from the WordPress.com signup experience to the block editor.
A design to allow the Navigation block in the WordPress block editor to offer simple color customizations.
A design from early November 2019 for the in-progress Navigation block for the WordPress block editor, Gutenberg.
A very early concept exploring interactions with nested blocks using the WordPress Block Editor.