What Is New in WordPress 5.8
WordPress 5.8, "Tatum," brings a significant step forward in the block editor experience, both for content creation and site customization. This release focuses on integrating full-site editing tools, enhancing design controls, and improving developer APIs.
| Category | Key Changes |
|---|---|
| New Features | Block-based Widgets Editor, WebP Image Support, Duotone Filters, Template Editing Mode |
| Improvements | Block Editor Design Tools, List View, Pattern Transformations, Various APIs |
| Developer APIs | Theme.json, Block Supports, Block Patterns API, New Hook: block_type_metadata |
How does the new block-based widgets screen work?
The classic Widgets screen under Appearance > Widgets has been replaced with a block-based editor. You now add blocks and block patterns to your widget areas (like sidebars and footers) instead of dragging and dropping traditional widgets.
In practice, this creates a unified editing experience between your posts/pages and your widget areas. You get access to the same blocks and design tools, which is powerful but can be a big change for clients used to the old interface.
What are the new design tools for blocks?
WordPress 5.8 expands design controls directly within the block editor. The big additions are support for duotone filters and more granular spacing controls.
Duotone Filters
You can now apply two-tone color filters to the Cover, Image, and Video blocks. This works by using CSS filters to overlay your chosen colors, creating a unique visual effect without editing the original media file.
Spacing Controls
New padding and margin controls were added for several core blocks, including Group, Columns, Buttons, and Social Icons. This gives you more precise control over the layout without writing custom CSS.
Why is WebP support a big deal?
WordPress 5.8 now supports uploading WebP images natively. WebP is a modern image format developed by Google that provides superior lossless and lossy compression, making images much smaller than JPEG or PNG while maintaining quality.
This matters because smaller images lead to faster page load times and a better user experience. You no longer need a plugin or custom code to handle WebP uploads, though the server still needs to support the format for processing.
What is the theme.json file for developers?
The new theme.json file is a central configuration file for block themes. It allows theme developers to define settings, styles, and custom templates for the entire site in one place.
By using this file, you can control the default palette, typography, and spacing available in the editor, ensuring design consistency. It's a foundational piece of the full-site editing (FSE) initiative, moving theme configuration from PHP to a structured JSON file.
{
"version": 1,
"settings": {
"color": {
"palette": [
{ "slug": "primary", "color": "#007cba", "name": "Primary" }
]
}
}
}
What block editor improvements should I know about?
Several quality-of-life improvements landed in the block editor. The List View provides a hierarchical overview of all blocks in your content, making it easier to select and navigate complex layouts.
Pattern Transformations allow users to convert one block type into another, like turning a Paragraph block into a Columns block. The Query Loop block also received updates, making it more powerful for displaying posts.
FAQ
Is the classic Widgets screen completely gone?
No. A link to the legacy Widgets screen is available from the new block-based interface under Appearance > Widgets. This allows for a fallback while users and developers transition.
How do I disable the new block widgets editor?
You can opt out by using the classic Widgets editor plugin from WordPress.org. This will restore the previous interface.
What happens to my existing widgets when I update?
They are automatically converted into blocks in a process called "legacy widget conversion." Each old widget becomes a custom Legacy Widget block that you can then edit or replace.
Does theme.json work with any theme?
Its full power is realized with block themes. Traditional themes can use it to configure the editor settings and styles, but not for defining templates.
Are there any new hooks for developers in 5.8?
Yes, the new block_type_metadata filter allows you to modify the settings of a block type when it is registered. This is useful for altering block behavior programmatically.