Gutenberg 20.0 has been released and is a major milestone as it marks the 200th release of the block editor since its first commit on February 4, 2017. The 100th release milestone was on February 17, 2021.
With Gutenberg 20.0, the project continues to evolve with new features and enhancements.
Style Book improvements
The Style Book has undergone a redesign in this release. It now has clearly defined sections for typography, colors, background, shadows, and layout.
For a quick comparison here’s what the Style Book menu looked like.
Now, here’s the improved Style Book menu with a clearly defined section that improves the user experience.
The respective menus allow users to customize the various aspects to their liking.
The Style Book also has its own route now.
UI update for starter patterns
The UI update can be experienced if Starter Patterns are present when you add a new page. If they are present, once you click on “Add New Page”, the resultant screen will load up with the patterns inserter already opened up.
Define page to be a posts page
Now users can effortlessly define a page to be the posts page from the dataviews section.
Block type badges
To help with the easy identification of blocks that have been renamed, a new block type badge will displayed when the concerned block is being worked upon.
Before the release of Gutenberg 20.0, this is how the renamed block was displayed.
You can see that the block type is mentioned inside () next to the custom name that was assigned to the block.
Now, with the release of this version, this is how the block type will mentioned when users rename the block. It will use a badge to represent the block type rather than mentioning it inside brackets.
Other notable highlights include:
- wp-env now supports multisite installations
- Block Hooks now allows users to add hooks to post content and synced patterns.
- Enhancements to the Interactivity API
- Duotone and dimensions have been added to the block level for translation
- Button block typography issue for inner elements fixed