WordPress unveiled Gutenberg 13.7 which comprises quite a few refinements that enhance the workflow, present extra granular management inside the full website editor, and quite a few enhancements to the consumer interface.
Like every other launch from WordPress, it is a cumulative replace and not an entire new expertise.
That mentioned, the modifying expertise ought to really feel extra intuitive and pure.
Block Locking Offers More Granular Control
13.7 comprises additional enhancements to the power to lock block parts to stop them from altering.
The latest enchancment is that customers now have the power to use the lock function to dam parts contained inside a block that’s being locked.
By deciding on a toggle, the lock function that’s utilized to a block might be inherited by the blocks that it comprises.
Block Locking Menu
Selecting to lock a block spawns one other menu that gives choices for extra granular locking management over the blocks contained inside the block that’s being locked.
Closeup of Block Lock Modal
Improved Popup Modal Menus
Popup menus, known as Modals, can spawn on prime of the web page that’s being labored on from which numerous adjustments might be made, like updating preferences.
What this transformation does is to use a blur to the doc that’s beneath the menu.
Blurring the web page beneath the modal popup menu improves the main target.
A priority was raised about this new function (whereas it was nonetheless underneath improvement) that was involved with the potential for the consumer to lose context of what was being modified due to the blurring.
They instructed that in some cases, blurring the background would trigger the consumer to be unable to see what was being modified, thus eradicating the context.
The individual wrote:
“I simply encountered a possible usability problem the place there is a component outdoors of the modal that’s contextually associated to the content material of the modal.
For instance, in the event you go to regulate an merchandise within the List View to use or take away a Lock, with the modal open, you’ll be able to now not see which (specific) block you will have highlighted…”
The decision to that problem was the statement that if the context wanted to be stored in view then the modal (popup) menu will not be the very best consumer interface. This meant that blurring received’t be an issue as a result of modals aren’t utilized in conditions the place the underlying doc must be referenced by the consumer.
“…generally speaking if you need to observe both the modal contents and the rest of the UI together, then a modal is probably not going to be the best choice.”
Example of Blur Behind the Modal
Template System Offers More Design Control
This change supplies the consumer with the power to create extra templates that may be particular to particular person classes, tags, pages, and customized submit varieties.
According to WordPress:
“For occasion, you should use a special template for all private weblog posts, a second one for all developer associated weblog posts, and a 3rd one for all journey posts.
If your website registered extra submit varieties, like books, or merchandise, your editor occasion will mechanically listing them within the choice field for the Add New template button.”
This is a welcome addition as a result of it removes a obtrusive limitation and extends the power to make higher web sites when using the Gutenberg full website editor.
Improvements to Workflow
There are different enhancements which are supposed to enhance and streamline the workflow by offering extra choices.
Among these adjustments is the power to pick a featured picture from the media placeholder as an alternative of importing or selecting from the media library.
Screenshot of Featured Improved Modal
The cause for this enchancment is documented within the pull request:
“This PR permits supporting media blocks to supply customers the choice to begin with featured picture from the placeholder state.
Why
To keep away from having to select one other media to solely then get the choice and as a result of the featured picture is now hidden behind the “Add media” block management within the media change stream.”
New: Time to Read
The capability to test how lengthy it is going to take to learn the doc can be a brand new function that was added.
This new function is added to the knowledge bar within the Post Editor display screen that presently supplies suggestions on the variety of phrases, characters, heading parts used, variety of paragraphs, and variety of blocks.
The period of time it takes a median reader to learn a doc is very helpful info.
Screenshot of Updated Information Bar
Sidebar Settings Panel User Interface Improved
Another instance of the improved consumer interface is within the sidebar settings panel, which will get an replace to make it simpler to make use of.
The format of the settings panel is extra intuitive and simple to scan and select from the menu choices.
Screenshot of Before and After
WordPress described the improved interface:
“The result is a cleaner, more organized display that should help you more readily access all the important information about your post/page at a glance.”
So Many Improvements
The new Gutenberg 13.7 is a cumulative replace and not a radical change from the earlier model. The enhancements may not soar out however they may contribute to a extra pure modifying expertise.
This replace touches on almost each space of the Gutenberg editor, from new elements like a colour picker, improved doc settings, a greater full-website modifying expertise, and quite a few bug fixes.
Citations
Read the Full WordPress Announcement
What’s new in Gutenberg 13.7?
Read the Block Lock Pull Request
Block Locking: Add the ‘Apply to inner blocks’ possibility #41876
Background Blur on Modals
Update the modal design #40781
Start With Featured Image Pull Request
Start with featured picture in media placeholder #41722
Featured picture by Shutterstock/Vulp
Modified by creator
