Gutenberg 14.1 improves navigation block and adds experimental magnified view – WP Tavern
Gutenberg 14.1 was released today with some much-needed improvements to the navigation block, which still seems to be on a rocky road to better usability. Contributors move features around in the navigation interface to determine where it works best.
The menu selector has been removed from the toolbar of the navigation block in favor of a placement in the sidebar of the inspector. This was done to reduce clutter in the block toolbar, which previously grouped disconnected actions, hampering the user experience. Automattic-sponsored Gutenberg contributor Carlos Bravo posted a gif showing the moved menu:
This version also adds new features like a selection icon for the navigation block menu button. It’s easy to see how quickly the interface can get cluttered when adding new features. This particular enhancement has been added to the Block Inspector under View. If this method works well, contributors may consider adding the ability to add custom icons next.
Version 14.1 also continues the effort to consolidate design tools, adding things like typography and spacing support to Avatar, Button, Avatar, Buttons, Categories List, Comments Links, Latest Posts blocks, etc. This allows for easier customization in the editor without the user having to resort to custom CSS.
Earlier this month, we posted an overview of the latest progress on a distraction-free mode for the editor, which included a brief mention of the magnified experimental view that is now available for the site editor. It emphasizes model building and composition, allowing users to move sections around without affecting internal blocks. Users can create custom models without worrying about messing up internal blocks. It’s not enabled by default but can be enabled in the “Experiments” menu of the Gutenberg plugin.
Locked models with better content locking are also available in 14.1. Features like duotone filters, block alignment, and resizing are now disabled on content-locked blocks, making it easier to prevent users from modifying the block beyond recognition.
Here are some other highlights of version 14.1:
- Box-shadow support added to theme.json
- Block-based template elements now available for classic themes
- Four new filters for editing global style data in PHP
- Smoother multi-select experience
- Improved block transforms organization with paragraph, heading, list and quote now displayed in a separate menu sub-group
Check out the full changelog in the 14.1 release for a more detailed look at everything that’s changed. This will be the last version of Gutenberg to merge with WordPress 6.1, which is expected in November.