What Is New in WordPress 6.1
WordPress 6.1, "Misha," is a significant release that refines the full-site editing experience and enhances performance. It builds on the foundation laid by previous versions, introducing more intuitive design tools and developer-focused improvements. This update makes building with blocks feel more cohesive and powerful.
| Category | Key Changes |
|---|---|
| New Features | Distraction-free mode, Style Book, Block locking, Border controls for more blocks |
| Design Tools | Expanded color palette, Fluid typography, Margin and padding controls |
| Template Editing | Create templates for any post type, Improved template management |
| Performance | Caching improvements for WP_Query, Lazy-loading for iframes |
| Accessibility | Improved tabbing in List View, Better screen reader announcements |
| APIs & Developer | New block supports, Webfonts API, Block style variations |
How does the new Style Book improve the design process?
The Style Book provides a comprehensive, site-wide preview of all your blocks and their current styling. This is a game-changer for theme developers and designers. You can now see how every block looks with your theme's styles applied without switching between pages or posts.
In practice, this eliminates guesswork. You can fine-tune your global styles and immediately see the impact on headings, buttons, quotes, and every other block. It makes achieving visual consistency across an entire site significantly easier and faster.
What caching improvements were made to WP_Query?
WordPress 6.1 introduces persistent object caching for WP_Query database queries. This means that
results for the main query loop are now stored in the object cache, reducing duplicate database calls on
subsequent page loads.
This matters because it directly improves page load performance, especially for complex sites. If you're using a persistent object cache like Redis or Memcached, you'll see the biggest benefit. For developers, it's a backend optimization that just works without requiring any code changes.
Can I lock blocks for my clients now?
Yes, block locking is now built into the editor. You can restrict a block so users can't remove it, move it, or both. This is perfect for client sites where you want to prevent accidental changes to critical design elements like a header or a complex layout section.
You can access the option from the block's toolbar menu or the block settings sidebar. In practice, this gives developers more control over the editing experience, making it safer to hand over a sophisticated site to a less technical user.
What's new for creating templates?
Template creation has been massively expanded. You can now create custom templates for any post type, not just pages and posts. This means you can design unique layouts for specific categories, tags, authors, or even custom taxonomies directly in the Site Editor.
The template management experience is also cleaner, making it easier to see which templates are assigned to which content. This flexibility is a core part of making full-site editing a viable option for nearly any type of website project.
FAQ
Does the Webfonts API improve font loading performance?
Yes, the new Webfonts API is designed
to handle local webfont loading more efficiently. It helps prevent layout shift by managing the font loading
lifecycle, which can contribute to a better Core Web Vitals score. It's a more standardized way for themes to
include and load font assets.
How do the new border controls work?
Border controls have been extended to many more blocks,
including Image, Column, and Group. You can now set individual border width, color, and style (solid, dashed,
etc.) for each side (top, right, bottom, left) directly from the block settings, giving you finer design
control.
What are block style variations?
Block style variations allow theme and plugin developers to
register predefined alternative styles for blocks. A user can then quickly switch a block (like a Quote or
Button) to a different designed style from the block toolbar, similar to applying a CSS class but much more
intuitive.
Is there a way to create a full-width image without extra CSS?
Yes, the Cover block now
includes a "Full width" alignment option in its settings. This allows you to easily stretch a Cover block to the
full width of the viewport, a common design request that previously required custom code.
Were there any changes to the List View?
The List View received accessibility improvements,
particularly with keyboard tabbing, making it easier to navigate complex block structures without a mouse. It
also provides a more accurate representation of nested blocks, which is crucial for working with advanced
patterns.