WordPress | 7.1 Adds Responsive Styling and New Blocks
WordPress 7.1 "Mary Lou" is now available with a major expansion of the platform's native design and publishing tools. Released on August 19, 2026, the update introduces responsive block styling, customizable breakpoints, interactive states, new Tabs and Playlist blocks, a redesigned media editing workflow, richer collaboration through Notes, and additional APIs for theme and plugin developers.
WordPress 7.1 brings responsive design deeper into the editor
Responsive styling is one of the most significant additions in WordPress 7.1. Designers can now adjust supported block styles for different screen sizes directly through Global Styles or individual block settings, reducing the need to write custom CSS for many common responsive changes.
Block themes can also define their own mobile and tablet breakpoints through theme.json. Combined with viewport previews, these controls give theme creators a more direct way to define how typography, spacing, dimensions, colors, backgrounds, borders, and layouts should adapt as the available screen width changes.
Interactive styles and new blocks expand native page building
WordPress 7.1 also brings interactive styling into the editor. Button blocks can receive different visual treatments for hover, focus, and active states, allowing designers to define interaction feedback without relying entirely on additional CSS. Theme developers can extend pseudo-state styling through theme.json as part of their broader design systems.
Two new blocks add more layout and content options. Tabs organize related information into switchable panels, while Playlist combines multiple audio tracks and can display an optional waveform. Developers can also register their own SVG icon collections for the Icon block through the now-public Icon API.
Media editing and uploads receive a larger overhaul
A dedicated media editor replaces the previous inline cropping workflow. It brings freeform and aspect-ratio cropping, horizontal and vertical flipping, precise rotation, and metadata editing together in one interface while keeping the familiar Crop button as the entry point.
WordPress 7.1 also moves image compression, resizing, and thumbnail generation into the browser, reducing processing demands on the server and helping avoid PHP memory limits or upload timeouts. Native handling expands to formats including AVIF and HEIC, while upload progress and automatic retries make larger media workflows more resilient.
Notes make editorial collaboration more flexible
Notes can now be attached to specific text instead of only an entire block. They support rich text, links, code formatting, multiple conversations, and @ mentions that can notify collaborators, creating a more practical review workflow directly inside WordPress content.
The editing environment itself also becomes more consistent. The post editor is now fully iframed for all themes, isolating the editing canvas from WordPress admin styles and allowing viewport-relative units and media queries to behave more predictably while a responsive layout is being built.
Developers gain new APIs and design system tools
Beyond the visual editor, WordPress 7.1 expands the tools available to developers. The SVG Icon API becomes public, the Abilities API receives additional hooks and validation capabilities, and a new admin Design System introduces semantic design tokens and a ThemeProvider component for building interfaces that better match WordPress itself.
Theme developers also gain more control over responsive styles and pseudo states, while new configuration options affect Site Editor views, accessibility tools, and other administrative interfaces. Existing themes and plugins should therefore be tested after upgrading, particularly when they depend on editor styling or custom integrations.
REMEMBER: After updating to WordPress 7.1, test responsive layouts, custom blocks, theme styles, plugins, media workflows, and editor integrations before applying new features broadly across a production site.{alertSuccess}
Daisuki's Take: What This Means for Web Designers
Responsive styling is the feature that most clearly changes the everyday WordPress design workflow. More decisions about how a page adapts across devices can now live inside the editor and theme configuration instead of being separated into custom CSS added after the layout is built.
Tabs, interactive states, custom icon collections, and the improved media workflow continue the same direction: giving themes and blocks more native capabilities while reducing the need to add another plugin for every common interface requirement.
We would use WordPress 7.1 as an opportunity to review where older themes rely on custom solutions that Core can now handle directly. Native tools are not automatically the right replacement in every project, but simplifying a theme around stable WordPress features can make templates easier to maintain over time.
Sources and Recommended Links
- WordPress 7.1 "Mary Lou" | WordPress Official Site
- WordPress 7.1 Field Guide | WordPress Core Official Site
