WordPress published a long list of improvements coming to WordPress 6.0. This article focuses on important changes coming to the block editor that will make designing webpages and websites not only so much easier, but inspiring.
In many ways, WordPress 6.0 is fulfilling goals that the Gutenberg block-based editor promised.
By finally delivering a user interface that makes it easy for people to design webpages as well as edit text.
A member of the WordPress design team and a core contributor commented in a recent official WordPress podcast:
“I think some of the features being released in 6.0 are absolutely going to empower that end-user.
Particularly in terms of improvements around design tools and some of the quality of life improvements.
For example, partially selecting across multiple blocks and being able to partially select texts there.
That’s the type of thing that really brings the writing experience in the editor to be on par with how you would expect a text editing experience to work.”
WordPress Gutenberg Blocks
The WordPress block system has, in the past, been subject to complaints by people who felt it wasn’t ready.
WordPress 6.0 offers notable improvements that bring it in line with what many expect from a visual website editor that is supposed to be easy to use.
Key improvements are a new, intuitive user interface that makes it easy for users to create content and design a website.
Many of these improvements depend on theme designers to get on board with the changes. Specifically, they need to offer theme.json configuration files that offer users a way to easily switch between different kinds of page patterns and styles.
While WordPress 6.0 isn’t the end goal that WordPress is moving toward (there are more improvements coming), it represents a significant milestone.
Page Creation Patterns In WordPress 6.0
WordPress 6.0 introduces page patterns, a way for users to select from a series of patterns to help them begin designing their webpages. For example, users can select page patterns appropriate for a contact page, about us page, article page, and so on.
The page patterns do not ship with the WordPress core.
Page patterns is a feature that is now available for theme designers to take advantage of.
The page patterns functionality will work for non-Gutenberg themes as well as for the Gutenberg block themes.
Global Styles Switcher
With WordPress 6.0, theme developers can now include multiple style presets that can instantly change the look and feel of a webpage.
This is arguably one of the most important changes coming to WordPress.
The global style switcher is a critical feature for WordPress. It provides theme designers a way to make it super-easy for WordPress users to change how their websites look and then to make them unique.
In a recent official WordPress Briefing podcast, Episode 30: A Sneak Peek at WordPress 6.0, a member of the WordPress design team explained why the Style Switcher is an important advancement for WordPress 6.0.
Channing Ritter, Design Director at Automattic, explained in the above mentioned podcast how the style switcher will have a positive impact.
“I’m most excited about the style switcher within the global styles panel.
Um, so if folks still don’t know what I’m talking about there, it’s the ability to change between different variations of the theme.json without actually switching the theme.
So this is a way to get a drastically different look and feels across your site with just a single click.
And I see it as a really fun place to experiment and kind of get inspired for the different ways your site could appear without ever having to change your theme.
But now, with 6.0, I think even more so it’s starting to showcase the real power of block themes and what can actually be done there.
And style variations is a huge kind of first step into this new world of block themes and starting to really open up the possibilities and all the flexibility that you have there.”
The configuration files (called Theme.json) control colors, fonts, custom CSS, page width and other factors that create what a webpage looks like.
These custom JSON files allow users to switch between the different design options to find an appealing look.
Code Improvements For Image, Quote, List And Group Blocks
Among the improvements was getting rid of a DIV tag that surrounds every image. This makes the code just a little bit leaner and less code is always better.
The old way:
<div class="wp-block-image alignleft"><figure><img src="someimage.jpg" alt="" width="100" height="100"/></figure></div>
The new way:
<figure class="wp-block-image alignleft"><img src="someimage.jpg" alt="" width="100" height="100"/></figure>
This change only happens for themes that support the new theme.json file.
Another change is the removal of html elements called “divs” that were automatically added to any blocks that had alignments applied to them.
There are more improvements
- Separator block: Updated to use block supports color settings
- Block Editor miscellaneous Dev Notes for WordPress 6.0
- Support for handling resolution errors for Editor data module
WordPress 6.0 Deserves To Be Called A Major Release
The above changes are only just a few of the upgrades that will be introduced with WordPress 6.0. There are also improvements to WordPress accessibility, performance improvements to Bootstrap/Load, cache API, performance improvements to how media is handled plus a total of 97 enhancements and 131 bug fixes.
WordPress 6.0 is releasing on May 24, 2022.