WordPress 6.5: The features you want to know about

It’s almost time for a new WordPress release! On the 26th of March, WordPress 6.5 will be released. Once again, the WordPress team, consisting of people from all over the world, has lots of new improvements in store for us. To get you excited, we already had a quick look at what features it will bring. So let’s see what we can expect and how you can use these changes to improve your own WordPress website when the release is out.

Introducing the Font Library

The upcoming release includes a new Font Library for the block editor. This library gives you more control over the typography you use throughout your pages. What’s cool about it is that it allows you to install and activate local fonts and Google Fonts on your website. By allowing us to add the fonts of our choice, regardless of the chosen theme, this library gives you more freedom when it comes to design. So make sure to give it a try now that you can manage your used fonts.

Use the Font Library to view your current fonts and upload new ones

New features in the block editor

There are loads of tweaks made to the block editor, so we’ll highlight a few cool ones here. First of all, WordPress 6.5 will make it possible to rename your blocks in the list view. Right now, this is already possible for your group blocks but the new release will allow you to rename individual blocks as well. Especially with longer pages or pages that consist of lots of different types of blocks, this can be very helpful in keeping an overview while you’re working on that page.

Image blocks with drop shadow effect in WordPress 6.5
Example of different drop shadow effects on two images

The upcoming release also brings us a few new design options. The drop shadow effect will be available for more blocks, such as the image block and columns. This helps you give a little bit more depth to your pages, make elements stand out and play with the design of your pages. Another design feature that’s coming our way is getting more control over the look of your cover blocks. You will be able to set aspect ratios and add color overlays that are based on colors in your chosen image. Which helps you really customize these cover blocks to fit into the overall look and feel of your website.

Renewed overview of style revisions

Screenshot of Style revisions in WordPress 6.5
The style revisions overview

WordPress 6.5 comes with an improved style revision that shows you more information about the changes made during each revision. Go to the editor and click Styles, where you’ll see an option to view past revisions. These are also accessible while you’re working on the design of your templates. The fun thing about this overview of revisions is that it’s a lot more visual than the revision overview you get when editing a page or post.

This overview is shown next to the page and it allows you to view past designs and even apply them again. Overall it feels easier to use and more efficient as it shows you the effect on the page right away. It’s good to know that this is only available for themes that use the block editor.

The Interactivity API

This release also comes with something called the Interactivity API. This feature provides developers with a framework to build interactive front-end experiences while using blocks. The idea is that interacting with these elements doesn’t come with a new page load, making them more interactive than regular pages. This framework is intended to simplify the process without having to use external tools. To give you an idea of what the Interactivity API can be used for, the WordPress team created a WP Movies demo website you can visit.

Improvements in performance and accessibility

The upcoming WordPress 6.5 includes loads of performance updates. One of the main things that comes out of this is a huge improvement in speed when using the Block Editor and Site Editor. In addition, translated websites will see a much quicker load time due to a new, lightweight library.

This new version of WordPress also comes with a bunch of accessibility improvements (more than 65 to be exact). To name a few changes, there have been fixes to contrast settings, positioning of elements and cursor focus. Staying true to the WordPress promise of working towards a platform that is accessible for everyone. If you want to dive into the features of WordPress 6.5 a bit more, I would recommend going through their Field Guide to read up on all the changes in this release.

Read more: WordPress 6.4: A more intuitive building experience »

Coming up next!

WordPress 6.4: A sneak peek at what’s coming up

Exciting times are ahead for WordPress users! The upcoming WordPress 6.4 update is on the horizon, and it’s bringing some interesting features and enhancements. WordPress 6.4 is planned to be released on November 7th, 2023. So, what can you expect from this release? From a brand-new theme to make your site shine to several blocks that’ll make editing easier, there’s a lot to look forward to. And that’s not all; imagine showing off your images in a whole new light and enjoying a faster, smoother website. Curious? Let’s have a quick look at what’s coming!

Many fixes and performance improvements

First off, WordPress 6.4 isn’t just about new features; it’s also about polishing the existing ones. This update addresses numerous bugs, enhancing overall performance and stability. Whether you’re a developer or a casual user, these tweaks contribute to a smoother, more reliable WordPress experience.

A new default theme: Twenty Twenty-Four

And say hello to a fresh face: the Twenty Twenty-Four theme. This new addition is all about giving your website a clean and modern look. Whether you’re starting fresh or thinking of a makeover, this theme is something to get excited about!

Highlights of the new theme, image from WordPress

With three different use cases in mind, this theme comes with lots of patterns and templates that help you build pages in a matter of seconds. The use cases that they chose are creating a website as an entrepreneur/small business owner, a photographer/artist, or a writer/blogger. But even if you have a website outside of those use cases, the variety of patterns will most likely offer you a few great options to create engaging and good-looking pages.

Patterns in Twenty Twenty Four in WordPress 6.4
A few examples of patterns in the Twenty Twenty-Four theme

Enhancements to blocks

The block editor continues to evolve with improvements that promise a more intuitive building experience. This update introduces background images for group blocks, renaming of group blocks in the list view, and more. These enhancements aim to streamline content creation, allowing you to build rich, dynamic pages and posts with ease.

Users can now also add categories to their block patterns. This is an update to a feature that was added in 6.3, where users can create and save their own block patterns in the editor. Paragraphs, headings, next and previous links and footnotes have a new option for vertical text. This feature has to be enabled by the theme.

Lightbox for images

WordPress 6.4 understands that visuals are at the heart of any good story. With the new lightbox feature, your images can now be viewed in a larger format when people click on the image. Which can help you offer great images without losing too much room and pushing down other content.

Renaming group blocks and more

Organization is key, especially when working with complex page structures. The ability to rename group blocks directly within the list view is a game-changer for site builders, allowing for better management and identification, ultimately leading to a more efficient building process.

Background images for group blocks

Creativity knows no bounds with WordPress 6.4. Now, you can set background images for your group blocks, adding an extra layer of aesthetic appeal to your sections. This feature is perfect for creating visually striking hero sections, banners, or any other segment that needs a touch of creativity.

Background image group block in WordPress 6.4
Adding a background image to a Group block

Attention, developers! Prepare for a slew of tools designed to make your coding life easier. From advanced block hooks to configurable typography controls, WordPress 6.4 is set to boost your development capabilities, offering more flexibility and control in crafting online experiences.

The Advanced link settings has a new option:  “Mark as nofollow”. To use the option you first have to add a text block, for example, a paragraph. Add the link via the block toolbar, select the link again, and click on the pen icon to open the options. Next click on the button that says “Advanced” to open the advanced panel, and check the checkbox “Mark as nofollow”.

WordPress 6.4: Coming soon!

WordPress 6.4 is packed with features designed to improve usability, enhance aesthetics, and provide developers with advanced tools. Whether you’re looking to build a more dynamic website or create content effortlessly, the new WordPress is here to make your digital experience better than ever. Like we said, you can expect this update on the 7th of November, so mark that date in your calendar to enjoy all these new features!

Did you know that Yoast has its very own WordPress core team? This group of experts helps make WordPress better. They fix problems, suggest new features, and work with people from all over the world to make the platform easier and more enjoyable for everyone. It’s part of Yoast’s promise to build a stronger, user-friendly internet together!

Read more: WordPress is 20 years old: The CMS that revolutionized the web! »

Coming up next!

WordPress 6.3: A more intuitive way to work on your site

Yesterday, WordPress 6.3 was released! And this is definitely an update you want to check out. It comes with a renewed site editor, lots of new design options, and improvements in terms of performance and accessibility. Especially the updated site editor got us excited, it makes working on your website a breeze! In this post, we’ve listed the highlights of this week’s release that you will definitely want to know more about!

The site editor has a few new features

The site editor in WordPress has been a focus point for a while now, and the release of WordPress 6.3 brings it to a new level. Some of you might already be using the site editor to make changes to your website, and some of you might not use it at all. But with this release of WordPress, it’s definitely worth another look. You can easily access the editor by going to Appearance > Editor in the left side menu when you’re in the backend.

So why should you check it out? Well, the editor in WordPress 6.3 doesn’t just allow you to change the style elements of your site, it also allows you to edit pages right away, create patterns and control your navigation menus. Meaning that the editor comes in handy when you need to make quick changes to your website. That being said when you make bigger changes to your content, we would recommend using the post or page editor to make sure you don’t miss out on any essential feedback by the Yoast SEO plugin. But for quick changes or improvements to your menu or design, this is a welcome improvement. Bringing all of this together in one place saves us some clicking around and it all works in quite an intuitive way.

Change the navigation, style, pages, templates and patterns of your website right in the site editor

New navigation in the site editor

The menu on the left of the site editor has changed with this new WordPress release. As you can see in the image above, the menu now has several new items in addition to the Templates section. Now you can also select Navigation to manage your menus. You can use Styles to change up the design of your entire site or specific blocks. Click pages to browse and edit existing pages on your website, or even create a new one. Go to templates to create new ones or edit the ones you already have. Lastly, patterns gives you an overview of your patterns and template parts, also giving you the option to create a new one. It seems simple because it is, and that’s exactly why it works so intuitively.

Get more control over your design

This release comes with several features that allow you to take more control over what your pages look like. For one, WordPress 6.3 comes with enhanced padding and margin controls. You can select a block, click Dimensions in the right panel and use the slider to adjust the padding and margin per block. Making it easier to select the right padding and margin right away.

New padding options in WordPress 6.3
Use the Padding slider to see the change in padding right away

There’s also the option to select different aspect ratios for your images. This will help you make the image fitting for your page, without stretching it unintentionally. This can be especially helpful with images you’re using in patterns. Just select the image of which you want to change the dimensions, and use the aspect ratio dropdown in the right panel to select the image size of your choice.

Changes to the Cover block

WordPress 6.3 also brings us a few new options in the design of the Cover block. It now comes with layout options, helping you take control of how the text in your Cover block is styled. This may seem like a small thing, but all of these ‘smaller’ improvements give you more freedom in what your pages look like. It’s also possible to select duotone filters for your Cover blocks and play with the different dimensions like padding, margin and block spacing. Go check it out!

The Styles section and more

There’s loads more, and you can find a lot of it when you go to the Styles section in the site editor mentioned above. Here you can change up the general style of your website and the style you’ve set per block. Use this to style your paragraphs, quotes, buttons, headings, etc etc. It’s all there.

It’s also good to mention that the new release comes with style revisions. This means that you can keep an eye on the changes you’ve made to the design of your site and click through previous versions of your site. It also allows you to restore previous designs with one click.

Two new blocks to play with

Lately, every new release of WordPress comes with new blocks and this one is no exception. The two blocks that are added to the library this time are the Details block and the Footnote block.

The Details block allows you to hide content that people can access if they choose to do so. This could be helpful if you want to elaborate on something but don’t want your page to become too long. The content that is initially ‘hidden’ can be text, images or other media. It’s also good to note that search engines will still be able to see the content you hide when using this block. So you don’t have to worry about that having a negative impact on your SEO.

Detail block in WordPress 6.3
Example of the Detail block with content hidden
WordPress 6.3: detail block collapsed
Example of the same Detail block with the content shown

The second block that has been added is the Footnote block, which does pretty much what you expect it to do. It allows you to add a footnote (or multiple) to your post. Before, this had to be done by using a plugin, but now it’s possible with a block that’s part of the WordPress block library. Just select the text and click the arrow that points down in the toolbar to find the footnote functionality.

WordPress 6.3: Footnote block
Adding a footnote to a blog post with the Footnote block

Reusable blocks are now patterns

Reusable blocks allowed you to create a block (filled with content and/or media) and use it on different parts of your website by simply selecting it. These reusable blocks have gotten a sort of revamp and are now available in the form of Patterns.

Creating a pattern in WordPress 6.3
Creating a pattern in WordPress 6.3 with help from the block inserter

A pattern allows you to choose whichever blocks you like, style them however you want them to look and save them to use throughout your website. Using specific patterns in different spots can save you time and help you keep your website and pages consistent. You can choose to sync a pattern, meaning that that one change will apply to all parts of your website. Keeping you in control.

Meet the WordPress command palette

Command Palette in WordPress 6.3
Using the WordPress command palette in the post editor

WordPress 6.3 introduces us to a new command palette. Access this palette by going to your post editor or site editor and using the ‘ctrl + k’ or ‘command + k’ keyboard shortcut. This allows you to type in a command (it will load suggestions as you type) and do what you want to do a lot faster. The command palette offers an API for third-party developers to (un)register commands, but it also comes with a list of core commands by default. To give a few examples:

  • Navigating the site editor
  • Creating new posts and pages
  • Toggling editor preferences (such as distraction-free mode)
  • Toggling UI elements.

Dropping support for PHP 5

With the 6.3 release, WordPress is officially dropping support for PHP 5. Meaning that PHP 7.0.0 is now the minimum required PHP version. That being said, the recommended version of PHP remains at 7.4 or higher. Until now, the minimum PHP version that is being supported is 5.6.20. Although there isn’t a specific usage percentage that the PHP version has to fall below to get dropped, historically the team has used 5% as the baseline. Now that the percentage of PHP 5.6 usage users is 3.9% (and dropping), it’s time to drop support for PHP 5.

Technical enhancements in WordPress 6.3

Of course, a WordPress release isn’t complete without several performance and technical enhancements. Also, as with the last few releases, there was a strong focus on accessibility. Making WordPress more accessible with every new version that’s being released. For example, tab and arrow-key navigation has been improved, the heading hierarchy has been tweaked and new controls in the admin image editor make it easier for assistive technologies to navigate WordPress websites.

Rollback feature for failed plugin/theme updates

WordPress 6.3 comes with a rollback feature, which is worth mentioning here. This feature restores the previously installed version when a manual plugin or theme update fails. That way, website owners can be sure that their website is still available to their users when an update fails. As mentioned above, this will happen when a plugin or theme is manually updated. This feature will also become available for automatic updates in a future WordPress release.

A lot of the technical enhancements and features are focused on improving the performance of your website. If you’re interested in reading more about this (and what else you can find in WordPress 6.3), check out the Field Guide.

WordPress 6.3: A short recap

This release wraps up the second phase of Gutenberg, but that doesn’t mean it’s done. It’s onwards to the next phase of Gutenberg, which will probably once again bring us lots more in terms of intuitive features and accessibility. We can’t wait and hope you enjoy this new update of WordPress as much as we do!

Read more: WordPress is 20 years old: The CMS that revolutionized the web! »

Coming up next!

WordPress 6.2: A new site editing experience

It’s here, WordPress 6.2 has been released and with this update comes loads of stuff for you to enjoy! Staying true to the format, this release is named after jazz musician Eric Allan Dolphy Jr. WordPress 6.2 “Dolphy” comes with an updated site editor that gives you more control over what your website and pages look like. But there’s also a focus on performance, with this being the first WordPress release that had a performance lead! And lots of other enhancements, like fixes for accessibility issues, PHP8 compatibility and more. Read all about it, right here!

The site editor

WordPress 6.2 comes with lots of new features and improvements to the block editor. Updates to the interface, a better overview of the possibilities and improved blocks. It’s all there for you to discover and take the next step in website editing. And a fun fact, with this WordPress release, the site editor is now officially out of beta! Meaning that the site editor is now more stable than ever.

A new interface for the site editor

The site editor has an updated interface which gives you more control over your site editing experience. It allows you to navigate through your templates and template parts and edit parts of your site in one place. It’s also possible to add a new template or template part by clicking the plus icon next to Templates. This new interface gives you an overview of the templates (for example your 404-page, search results page and archive pages) and template parts (for example your footer or header) to edit.

The site editor interface in WordPress 6.2

You can find the site editor by going to Appearance in the sidebar and clicking on Editor below that. It’s good to know that the site editor is only available on websites that use a block theme. So if you don’t see the option Editor, you might be using a theme that doesn’t support the site editor.

A smoother experience for the block inserter

WordPress 6.2 comes with a renewed block inserter, which you can access by clicking the blue plus icon at the top of any page or post you’re editing. The new look feels simpler and we mean that in a good way. You can now use the block inserter to add blocks, patterns and media directly to your content. You can just drag and drop the image of your choice into the page. The block inserter also gives you a preview of the blocks, patterns, or images while keeping the categories in your view. This makes it easier to weigh your options and access the content that you’re looking for.

Another new feature that’s part of the renewed block inserter is the option to add media from OpenVerse. OpenVerse is an extensive media library with over 600 million free, openly licensed images and audio. This can help you find a suitable image (or audio fragment) and import it directly into the page.

Block inserter interface in WordPress 6.2
Inserting an image with the block inserter

WordPress 6.2 comes with a Style Book

This new version of WordPress comes with a Style Book, which gives you a complete overview of how every block in your site’s library looks. Just click on the Styles icon at the top of your page (next to your Publish/Update button and the Settings icon) and select the style book icon which will show up below that. This makes it easy to change the appearance of the blocks you’re using on your page, for example, the styling of your headings or paragraphs. Having all of this in one place makes it easier to edit all these elements and keep your styling consistent.

The new Style Book in WordPress 6.2
The new Style Book in WordPress 6.2

Add a sticky block to your page

It’s now possible to keep a block fixed to the top of the page as a site visitor scrolls down your page. Right now, this only works for top-level group blocks. To try it out, simply add a group block to your page or post and you should be able to see the Position tab in the block settings. Select ‘Sticky’ instead of default and this block will become sticky and will stay at the top of the viewport at all times. Kind of cool, right?

An improved navigation block

The navigation block was already available in the block editor but has become a bit easier to use with this latest release. It allows you to add, remove and edit the separate items in your menu in the block settings of your navigation block. You can also drag and drop the menu items to change the order in which they’re shown. You can choose to show an existing menu or create a new one right there (select the menu of your choice by clicking the three dots in the block settings). What’s also cool is that it’s possible to add ‘Search’ to your menu, which adds a search function to your navigation block. There are also other elements you can add, just click the plus icon in the block settings and give it a try!

The introduction of Block Settings and Styles tabs

The options that are being added to Block Settings sidebar keep growing and growing. Which is great, as it gives us more control over the blocks we use on a page. But it was becoming a bit crowded. That’s why WordPress 6.2 is introducing Block Settings and Styles tabs. When a block is selected, the sidebar will show you two tabs, one for the more general settings and one for styles. The latter will show you all the options you have to change the appearance of your block. This will help keep the sidebar more organized and help users understand where they need to be to make changes to the block.

Distraction free mode

The name says it all, this feature helps you work on your page or post with no distractions around. Or at least, any distraction that WordPress can remove for you. Click on the three dots at the top right corner of your page (next to Publish/Update and settings) and select Distraction free to give it a try. This hides all the toolbars that you normally see when you’re working on a page in WordPress. Bringing you some more peace and quiet to focus on your content. If you want to exit the distraction-free mode, just move your mouse to the top of your page and the three dots will appear again (together with your Publish/Update and settings button). This allows you to disable this mode by clicking Distraction free again.

Pro-tip: we also recommend activating Fullscreen mode (which hides your admin UI) for an even cleaner and less distracting screen.

distraction free mode in WordPress 6.2
Go to Options in the top right corner to activate Distraction free mode

Performance improvements

The performance of your website is essential nowadays. That’s why this update also comes with many performance improvements, visible in the benchmarks for both Web Vitals and Server Timing metrics. The WordPress 6.2 field guide also tells us that performance is further improved for block themes with around 20% faster TTFB (time to first byte, a metric for determining the responsiveness of a web server) and around 14% faster LCP (how long it takes for the largest piece of content to appear on the screen). On pages with hero images, the LCP improvements are even greater at around 19%.

Also good to know: This was the very first WordPress release with a performance lead appointed! The performance lead with this release was Felix Arntz. With a performance lead joining the release team, we can safely assume that performance will continue to be an important part of future WordPress releases.

Under the hood

In addition to performance improvements, there’s a lot of other stuff that’s been worked on which is a little less visible. Let’s dive into a few highlights and show you what’s going on under the hood of WordPress 6.2.

Improved PHP8 compatibility

WordPress aims to support new versions of PHP as much as possible. This means that WordPress Core contributors try to identify any potential compatibility issues and work to prevent these as much as they can. This release isn’t any different. Significant effort has been put toward making WordPress compatible with PHP8 and reducing the risk of WordPress users running into any problems.

Accessibility improvements

We also want to mention that this release of WordPress also comes with a lot of fixes for accessibility bugs and regressions. To give an example, one of the improvements that are part of this release is the realization of more consistent accessibility behavior across different browsers. It might seem like small stuff, but every improvement we make in regard to accessibility is another step towards a web that is accessible for everyone. With no exceptions.

Google fonts in default themes

Default WordPress themes will offer better privacy with Google Fonts now locally included. Beforehand, these fonts were loaded from a remote source (Google Fonts). The themes Twenty Twelve through to Twenty Seventeen now include font files in the theme folder. This update ensures that the themes follow current recommendations for fonts from a privacy perspective, making them GDPR-compliant.

Faster plugin & theme updates

A long, long time ago, WordPress 2.5 introduced copy_dir() for copying a directory from one location to another. However, this method took up a lot of memory, disk space, time and file operations. Which is not ideal at all. Thanks to the introduction of a move_dir function in this release, you will now be able to save time and disk space.

Update to WordPress 6.2

Those were the most important features in the latest release of WordPress, but that doesn’t mean we covered everything. We would recommend updating to this latest version of WordPress and trying it out for yourself! Let us know what you think about all the changes to the block editor in the comments below. We can’t wait to hear about your experiences!

Read more: The WordPress block editor: Why you should be using it »

Coming up next!

WordPress 6.1: Enhancing the full-site editing experience

Have you heard the news? WordPress 6.1 is out! Welcome to the third and last major WordPress release of 2022. This release continues to build, iterate and refine the full-site editing experience introduced in WordPress 5.9 earlier this year. It brings us new possibilities to easily change up the styling of our website, spice up our page design, and other improvements to our favorite open-source platform. Let’s take a closer look at what 6.1 brings to the table!

This release is a step in the right direction for full-site editing. Full-site editing and block themes arrived to WordPress with the promise to put more control in the hand of users, allowing them to do more with creating and designing a website. Version 6.1 is on track to deliver this promise. We’re seeing a release that focuses quite heavily on providing customization options and enhancing the site-editing experience.

WordPress 6.1 introduces more than 2,000 updates since the release of WordPress 6.0 in May 2022. All the gains, enhancements, and improvements from version 13.1 to 14.1 of the Gutenberg plugin were committed to core. Since we can’t possibly cover all the updates in a single article, we’ll focus on several notable changes instead.

More control over your global style preset

The global style interface was first introduced in WordPress 5.9 and received a lot of attention and praise. It allows you to easily switch up the look and feel of your website. In just a few clicks, you can change the color palette of your entire site or change the default font, size, and color of your text and links. WordPress 6.1 brings even more customization to the global style interface. You can now determine presets for:

  • The default appearance of typography for headings and buttons
  • The default colors of headings and buttons
  • The width of the main content area and block spacing in the global layout

All of this is great for design consistency. And that’s not all. You can even configure the default appearance for specific blocks, which allows for even more creativity in designing websites. Let’s say you want texts in the ‘list’ block to always be in the color green, you can easily do that now.

It’s good to note that the global style feature is only available on block themes, so you won’t see this option if you’re running a theme that doesn’t support full-site editing.

The global style interface in WordPress 6.1

Twenty Twenty-Three default theme: powerful style variations

WordPress is determined to provide more design controls to users, which is reflected in the new Twenty Twenty-Three (TT3) default block theme. The new theme is designed to leverage all the new design tools introduced in 6.1. When you first install this theme, it may look a bit underwhelming with the default style, but there’s a lot more than meets the eye. 

Going into customizing TT3, you’ll find that it actually comes with 10 style variations for you to play around with. These variations were selected from a wide range of entries from the community. What’s impressive is that each of these variations is totally distinct from one another. Each variation has its own color palette, typography, layout,…. and they all look amazing. 

Previously, the default WordPress themes were a bit underwhelming when talking about their appearances. Many people would choose a third-party theme because they look better and offer more customization possibilities. TT3 may change that. The new 10 style variations may just satisfy the needs of many, especially bloggers and small website owners. Not to mention, this theme may set an example for other themes, paving the way for more style variations in non-default themes and making it a standard to have multiple variations.

Image courtesy of WordPress.org

The design tools in the post editor are getting lots of improvements and enhancements, allowing you to get finer control of your page’s design and layout. WordPress 6.1 also brings consistency to the availability of design tools for different blocks. And it’s good to know that you can also override any global settings with adjustments made in the design tools in the post editor.

Dimension control in more blocks

WordPress 6.1 brings dimension control to blocks like paragraph, list, table, and more. In the sidebar of the post editor, you’ll find a section called “dimensions” where you can leverage this new enhancement. Don’t forget to check the 3-dot menu to see if any settings are hidden. For instance, you can now control the padding of the paragraph and group block. For the column and gallery block, it’s possible to control the spacing between elements in these blocks.

Border control improvements

This release also adds border support for more blocks and allows users to adjust the top, bottom, left, and right border separately. For instance, when using the gallery block, you can determine the border and its radius for each image in the gallery. And you can add actual borders to images, which was unavailable previously.

Featured image in cover block

You can now easily add your featured image to the cover block, allowing you to conveniently use the featured image anywhere on a page. When you add a cover block, there will be an option in the toolbar that lets you grab the featured image.

Visualizer for padding and spacing

There’s a real-time visualizer to help users with adjusting dimensions. It conveniently shows you how changes affect your page layout as you’re making the change. Pretty handy for retaining layout and design consistency.

Fluid typography

Another design improvement coming in this release is fluid typography. This feature allows theme makers to configure text to automatically scale depending on the screen where it’s viewed. Of course, websites nowadays are responsive so text does scale and resize according to screen sizes. But the problem is that it only scales to specific screen sizes, so text on anything outside of those pre-determined sizes won’t scale properly.

On the other hand, fluid typography lets you resize text smoothly to match any device’s width. However, this feature is opt-in, so it only works if theme makers decide to implement the feature. It also works on blocks that support typography control, of which list you can find here.

New templates in the site editor

With full-site editing, you get a new editing experience with the “site editor” instead of working with the theme customizer tool. In the site editor, you can create templates for various pages, including your homepage, single post, 404 page, and search result page. The template creation experience has been expanded in WordPress 6.1, allowing you to create custom templates to use on any type of post or page. In addition to that, you get finer control over some of the templates that you can create, including:

  • Post: You can choose to create a single template for all posts or for a specific one.
  • Page: You can now create a template for pages and determine which page will use this template.
  • Author: You can create a template to use for all authors or for a specific one.
  • Category: Similar to the post template, you can create a template for all categories or for a single category.
The template creation experience in the site editor has been expanded

Inner block editing capability

Inner block editing is a new feature coming to the quote and list block. As the name suggests, it’s now much easier to separately edit elements within the quote and list block. This is a quality-of-life improvement, especially for those who often work with the list block.

For instance, let’s say you want to move an entry up or down in your list. All you need to do is click on that entry, which prompts the toolbar to appear, and click on the arrow to move it up or down the list. Another way is to use the list view. Entries in a list block will also be displayed as separate elements in the list view instead of aggregated into a single element.

Content-only block editing

WordPress 6.1 introduces an experimental feature called content-only editing for blocks, patterns, and templates. When this feature is enabled, users can only change the content inside a group of blocks, patterns, or templates. The idea is to prevent users from accidentally breaking the page layout or changing the styles.

At the time of this release, content-only editing is not accessible from the Visual editor interface. You would need to use the Code editor interface to enable it. You can do this by navigating to the 3-dot menu at the top right of your post editor and selecting “Code editor”. The next step is to set the  templateLock attribute to contentOnly like in our example below.

You can enable the content-only editing feature in the code editor interface

You’ll notice that when content-only editing is enabled on a group of blocks, the sidebar changes as well. You won’t see the usual controls but a list of blocks included in the group. You can select any of those blocks by clicking on the block in the editor or on the corresponding item in the sidebar. If you have the list view open, clicking on this group of blocks in the list view will prompt the toolbar to appear. Clicking on the “Modify” button will temporarily disable content-only editing and bring back all the design tools.

Other small improvements and enhancements

Cross-device preference in the post editor

In the sidebar of the post editor, you can select preferences for how your editor should look when you’re working in this environment. For example, some people like to focus on the block they’re working with, so they select the “spotlight mode” in the view setting. Unfortunately, these preferences are only saved locally in previous WordPress versions. A bit inconvenient for those who use multiple devices, if you ask us. WordPress 6.1 enables cross-device preferences so your settings are saved and you’ll have the same editing experience on other devices.

Small changes and additions to the post editor

The UI of the post editor gets a small update in this release. The following changes and additions won’t have a big impact on your workflow, but you might take some time to get used to them:

  • The Preview button becomes “View
  • There’s a new “time to read” feature in the “Details” section of the top bar
  • The previous “Status & Visibility” section is now “Summary
  • The new “Summary” section now contains the post’s URL, post format, and template

Block parts to use in classic theme

The post editor of WordPress 6.1 gets a new section called “Template parts”. Basically, you can create templates for parts of a page, export those templates, and use them in a classic theme. WordPress 6.1 lets you create template parts for the comment section, header, footer, post meta, and general templates that are not tied to any area.

Though this new feature seems useful, it’s quite cumbersome in practice. You would need to do a bunch of things to make the template parts work on a classic theme. Should you want to test this feature out, you can find instructions and resources in this thread.

Time to update your WordPress to get the latest features, improvements, and security updates! To ensure the update works as intended, make sure to test it on your staging site to see if there are any conflicts with your themes or plugins. Happy updating!

Coming up next!