Gutenberg Phase 2 Friday Design Update #28

Happy Friday everyone! Gutenberg 6.2 was released this week with loads of improvements. There was another performance boost in loading time from 5.9s to 4.8s. Let’s take a look at the more recent design enhancements.

• Brought back the “Preview” button on mobile view.
• Link target support on the Button block.
• Block styles focus and active states.
• Always collapse block alignment in toolbars.
• Matched Core’s disabled button colors.
• Fixed the inconsistent nesting appender icon.

Widgets to blocks

As mentioned a couple of weeks ago, there are some issues recently created to help move this forward. I’d say we’d all like this to be completed for WordPress 5.3.

Tightening up

Some recent merges happened shortly after the release that will effect the usability of both nested blocks and the keyboard navigation.

Nested blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. borders and padding
https://github.com/WordPress/gutenberg/pull/14961 (merged)

Nested block interactions
https://github.com/WordPress/gutenberg/pull/16820 (merged)
https://github.com/WordPress/gutenberg/pull/16817

Keyboard Navigation/Edit modes
https://github.com/WordPress/gutenberg/pull/16500 (merged)

There’s also discussion around a GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ default grid going on that needs feedback.

Gutenberg grid
https://github.com/WordPress/gutenberg/issues/16271

Navigation block

After some discussion, the Nav block has taken a design pivot. There’s an effort to include existing block patterns and to help improve basic block interactions that can improve other blocks having similar issues.

New stuff

• A new Icon block is being explored right now.
• A page height block setting is in the works.
• A desire to select non-consecutive blocks has a PR.

---

Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2