Gutenberg 13.2 Adds Persistent User Preferences and a Visualizer for Margin and Padding Controls – WP Tavern

Gutenberg 13.2 was launched earlier right this moment. Whereas a lot of the developer neighborhood is gearing up for the WordPress 6.0 launch in two weeks, work continues steadily on the plugin, driving future updates. The most recent launch will not be as hefty on enhancements as earlier updates however contains round 4 dozen bug fixes.

Regardless of a heavy give attention to squashing bugs, there are a number of welcome enhancements within the plugin replace. Persistent person preferences will make for fewer surprises when opening the editor. New visible updates for block spacing and the Publish Feedback Kind block make it simpler to design layouts.

Builders ought to take a look at the early work on a new settings hook. This represents one step towards creating the concept of “sections” that may home settings and kinds for block situations and descendants. Patterns are a major instance of the need of sections. Matias Ventura covered the various uses in a separate open ticket.

The most recent launch additionally removes spotlight mode for template components, and I say, good riddance. The editor already has such a mode for all blocks, and customers preferring it will probably allow it.

Persistent Editor Preferences

WordPress post editor with the 'welcome to the block editor' modal that pops up when first using it.
Welcome to the editor popup.

Have you ever ever visited the WordPress editor and seen the “welcome” popup, regardless of dismissing it ages in the past? Or, logged in with a brand new browser solely to reconfigure settings, comparable to enabling high toolbar assist and turning off fullscreen mode? Annoying, proper?

This has been a long-standing issue attributable to WordPress storing person preferences within the browser. In Gutenberg 13.2, these preferences at the moment are saved as user metadata within the database and will now not pose a problem.

Sarah Gooding took a deeper dive into this drawback and resolution in an earlier post on the Tavern.

Padding and Margin Visualizers

WordPress block editor with a Group block in the content canvas.  Above and below it are boxes that visually represent margin being added to it.
Including margin to the Group block.

Touchdown within the pretty-neat-and-nice-to-have class is a new “visualizer” feature for block margin and padding. Primarily, it shows a coloured field, representing the house when one of many two choices is adjusted. It shortly fades out and returns the canvas to its default look.

I’m a fan of this modification. It attracts the eyes again to the canvas and permits customers to visualise how the block spacing is utilized.

Feedback Kind within the Editor

WordPress site editor.  The canvas area displays a comments form as if viewed by a logged-in user.  It has a title, message box, and submit button.
Feedback Kind Block within the web site editor.

The Publish Feedback Kind block was merely a placeholder within the editor in previous releases. This didn’t enable end-users to see how it will look on the entrance finish of their websites.

Gutenberg 13.2 updates this to point out one thing closer to what it will look like on the entrance finish, at the very least for logged-in customers. This additionally lets the person see how colour and typography customizations might be displayed.

This can be a two-part change. The Feedback Question Loop block now outputs the form within its default template. This fashion, customers and creators is not going to have to construct out every a part of the general feedback space.

There may be nonetheless a lot work to do for the Publish Feedback Kind block in the long run. It wants a broader choice of design instruments for starters. Nevertheless, it may additionally use a revamp that gives fine-grain management over the assorted components proven for logged-in and logged-out customers. That will even imply splitting the shape into a number of blocks. For now, the extra visualization should suffice.

Margin Help for Separators

WordPress post editor that has two paragraphs separated by a Separator block with large sections of whitespace in between.
Including high and backside margin to a Separator block.

The Separator block now supports top and bottom margins. Customers can alter it from the spacing instruments within the sidebar.

It’s a small change however a welcome one. Customers may beforehand improve the house between a Separator and sibling block via different means, comparable to setting the margin on the sibling or utilizing a Spacer. Nevertheless, these had been usually unintuitive options. And lowering the house generally appeared an unimaginable process.

Leave a Reply

Your email address will not be published.