What’s new in WordPress 6.1: Misha

WordPress 6.1
Image from https://wordpress.org/news/2022/11/misha/

WordPress 6.1 is available now, code-named Misha. Each WordPress release is named after a jazz musician. This release was inspired by the life and work of Soviet-Norwegian jazz pianist Mikhail “Misha” Alperin. This is the third and final major WordPress release of 2022.

Each year, a new default theme is launched. This release brings Twenty Twenty Three, a new default WordPress theme focused on Style Variations. These swappable color and design options are sourced from volunteer WordPress contributors.

Now is the time to start checking the new changes with the websites you build and maintain.

What’s new in WordPress 6.1

Fluid Typography

Have you wanted to provide different font sizes at different resolutions? You can now using the fluid typography feature. It allows you to define scalable font sizes from your theme.json file, as shown in the following video clip:

Using fluid typography, you can scale and adapt to the screen’s available size. Your content will look great on any screen.

Read More: Testing and Feedback for the Fluid Typography Feature

Design Tools: Consistency & Control

As WordPress expands to include more blocks, ensuring design tools are consistent will help you customize your site more with less CSS requirements. More design tools are being added across all blocks to provide you with standardized controls.

Broadly, the areas of focus are broken down to include typography, colors, layout, borders, along with dimensions and spacing.

The following demo shows how you can customize a featured image block to include various borders and a duotone filter.

Read more: Core Editor Improvement: Catalyst for creativity and control

Featured image in cover block placeholder

If you’ve ever wanted to display a featured image with the title of the post over the image, you had to code that into  your theme yourself. Even with the cover block, it still wasn’t possible to set a post title over the image. But in WordPress 6.1, you can now set your featured image within the cover block as part of your single post template.

While writing a post, users can upload the featured image as they’ve done before. It will display within the cover block.

WordPress 6.1 Site Editor, Single Post Template displayed with a cover block at the top. The mouse cursor has selected add media, use featured image.

Twenty Twenty Three default theme

Each year, WordPress releases a new default theme that showcases features new that year. We experiences style variations this year, allowing you to select from several design choices within the same theme. The Twenty Twenty Three theme was a community contribution effort.

To see these variations, install Twenty Twenty Three. Then go to Appearance > Editor > Styles > Browse Styles. Need help finding these global styles more? See Define the design: Configuring styles in WordPress

Twenty Twenty Three Default Theme showing Global Styles, Browse Styles, and a panel of variations

You can also get a preview of the variations in the following demo video:

Patterns for Posts

Do you want to provide content creators with a starter post? With the new modal and some custom code, you can now prompt writers to pick which pattern they’d like to use when starting a post.

In addition to default headings, you can also lock areas within these patterns. This would help prevent additional changes beyond the areas you want others to modify.

WordPress 6.1 Just after adding a new post, a modal pops up prompting the user to select a pattern

To start creating the pattern, you’ll add a folder to your theme named Patterns.  Then format your file with a starter docblock and block markup. You can even create the initial layout in a post and copy/paste the code below the docblock. Get the following code on GitHub.

Code for creating a default pattern

Read more: Page creation patterns in WordPress 6.0

Classic themes get template parts

If you are using a Classic Theme but want to enable others to modify templates using the block editor, you’re in luck. You can now customize themes to support template parts.

Classic theme Appearance > Template Parts

To add the support for template parts, you will need to do three steps. First, add the following code to your functions.php file, usually at the very end of the file.

function add_block_template_part_support() { 
    add_theme_support( 'block-template-parts' ); 
} 

add_action( 'after_setup_theme', 'add_block_template_part_support' );

Next, create a folder called Parts within your theme. Place blank files here, such as footer.html to add a footer pattern. Then edit the patter from the block editor.

From there, specify where you want the template part to appear on the front end. Include it in the top-level templates, such as index.php, single.php, and others via the block_template_part() function with a reference to the part name.

Read more: Block-based “template parts” in traditional themes

Block Locking

Have you wanted to limit who can modify which blocks? In earlier releases, you could lock a top level, but if users accessed a nested block, they could still edit it unless you manually locked every block manually.  WordPress 6.1 brings a big change in this way. You can now use the “Apply to all blocks inside” with Group, Row, Stack, Cover, and Column blocks.

Site editor, List View displayed, Row selected with the additional options panel dropped down to select lock with the block locking modal displaying. At the bottom is the toggle to lock all.

Read more:Content only editing and other locking updates

Quote and list block

Post Editor with list view displayed showing a quote block containing a nested list

Additional template options

Template editing has expanded for block based themes. Now you can create a template for many additional options, including custom templates.

WordPress 6.1 Site editor, template, add new

After selecting a template option, a modal may pop up asking you to specify even more options within this template.

Template modal to select single author or all authors

Learn more about WordPress 6.1

Looking for more resources to help you learn all about using and developing for Full Site Editing? Check out these courses from Learn WordPress:

Using WordPress:

Beginning Developer:

Advancing Developer:

GoDaddy contributors to WordPress 6.1

This release featured Mike Schroeder as a Core Technical Release Co-Lead and additional contributions from George Mamadashvili, Courtney Robertson, Jeff Uberstine, Scott Clark, Evan Herman, and David E. Smith. GoDaddy is committed to contributing to the WordPress Five for the Future initiative and supporting open source.

Looking ahead to WordPress 6.2

WordPress 6.2 work will begin soon, but as of yet does not have a release date scheduled. We expect to see additional performance and accessibility improvements, alongside more work on the design tooling consistency and controls. Don’t worry, classic themes will be here for many years to come. You can find more details on the WordPress Roadmap.

 

How useful was this post?

Click on a star to rate it.

As you found this post useful...

... why not share it?