Gutenberg Phase 2 Friday Design Update #7

WordPress 5.1 “Betty” has been released, but don’t confuse that with Gutenberg 5.1, which has also recently been released – they aren’t the same. To clarify, 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. 5.1 is not included in WordPress 5.1. Any mention of “Gutenberg” refers to the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the Plugin Directory or can be cost-based plugin from a third-party specifically. This is particularly confusing because they both have the same version number, but Gutenberg releases tend to happen more often than WordPress itself, so the numbers will diverge again soon.

Widgets to blocks

The Classic Widget Block has an experimental PR. Looks like some framework updates are required before this is completed. These updates will also help move the widgets screen forward as well.

Tightening up

Floating blocks now have block movers. The embed 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. now requires an extra click before playing video to prevent it from playing immediately when selected. Consistent background colors on hover of UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. elements. Added inline image resizing. URL input popover was cleaned up.

Work in Progress

AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (

URL label was added to the permalink section in the Inspector. The region navigation styling has been improved as well.

Work in Progress

Lot’s of explorations around the keyboard navigation between the main content area and the Inspector.

New blocks

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

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