WordPress unveiled Gutenberg 13.7 which comprises quite a few refinements that enhance the workflow, present extra granular management inside the full web site editor, and quite a few enhancements to the consumer interface.

Like every other launch from WordPress, it is a cumulative replace and never an entire new expertise.

That stated, the enhancing expertise ought to really feel extra intuitive and pure.

Block Locking Provides Extra Granular Management

13.7 comprises additional enhancements to the flexibility to lock block components to forestall them from altering.

The most recent enchancment is that customers now have the flexibility to use the lock characteristic to dam components contained inside a block that’s being locked.

By deciding on a toggle, the lock characteristic that’s utilized to a block might be inherited by the blocks that it comprises.

Block Locking Menu

Block lock feature

Choosing 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.

Gutenberg block lock modal

Closeup of Block Lock Modal

closeup view 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 varied modifications 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 focus.

A concern was raised about this new characteristic (whereas it was nonetheless underneath growth) 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 particular person wrote:

“I simply encountered a possible usability problem the place there is a component exterior 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 Record View to use or take away a Lock, with the modal open, you’ll be able to now not see which (specific) block you’ve gotten highlighted…”

The decision to that problem was the statement that if the context wanted to be stored in view then the modal (popup) menu shouldn’t be the perfect consumer interface. This meant that blurring gained’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.

“…typically talking if you should observe each the modal contents and the remainder of the UI collectively, then a modal might be not going to be the only option.”

Instance of Blur Behind the Modal

Screenshot of new modal

Template System Provides Extra Design Management

This alteration gives the consumer with the flexibility to create extra templates that may be particular to particular person classes, tags, pages, and customized put up sorts.

In accordance with WordPress:

“As an example, you should use a unique template for all private weblog posts, a second one for all developer associated weblog posts, and a 3rd one for all journey posts.

In case your web site registered extra put up sorts, like books, or merchandise, your editor occasion will robotically record them within the choice field for the Add New template button.”

It is a welcome addition as a result of it removes a obtrusive limitation and extends the flexibility to make higher web sites when using the Gutenberg full web site editor.

Enhancements to Workflow

There are different enhancements which can be supposed to enhance and streamline the workflow by offering extra choices.

Amongst these modifications is the flexibility to pick out a featured picture from the media placeholder as an alternative of importing or selecting from the media library.

Screenshot of Featured Improved Modal

Screenshot of Featured Image Modal

The rationale 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.

To keep away from having to select one other media to solely then get the choice and since the featured picture is now hidden behind the “Add media” block management within the media exchange circulation.”

New: Time to Learn

The flexibility to examine how lengthy it should take to learn the doc can also be a brand new characteristic that was added.

This new characteristic is added to the knowledge bar within the Submit Editor display that at present gives suggestions on the variety of phrases, characters, heading components used, variety of paragraphs, and variety of blocks.

The period of time it takes a mean reader to learn a doc is very helpful data.

Screenshot of Up to date Info Bar

Screenshot of Time to Read Information Bar

Sidebar Settings Panel Person Interface Improved

One other 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 structure of the settings panel is extra intuitive and simple to scan and select from the menu alternatives.

Screenshot of Earlier than and After

Screenshot of Improved User Interface

WordPress described the improved interface:

“The result’s a cleaner, extra organized show that ought to show you how to extra readily entry all of the necessary details about your put up/web page at a look.”

So Many Enhancements

The brand new Gutenberg 13.7 is a cumulative replace and never a radical change from the earlier model. The enhancements won’t bounce out however they’ll contribute to a extra pure enhancing expertise.

This replace touches on almost each space of the Gutenberg editor, from new parts like a colour picker, improved doc settings, a greater full-site enhancing expertise, and quite a few bug fixes.


Learn the Full WordPress Announcement

What’s new in Gutenberg 13.7?

Learn the Block Lock Pull Request

Block Locking: Add the ‘Apply to interior blocks’ choice #41876

Background Blur on Modals

Replace the modal design #40781

Begin With Featured Picture Pull Request

Begin with featured picture in media placeholder #41722

Featured picture by Shutterstock/Vulp
Modified by writer


Previous article10 New Social Media Platforms & Apps To Have On Your Radar
Next articleHow Freshness Works And How To Get It To Work For You


Please enter your comment!
Please enter your name here