WordPress 7.1 New Features – Responsive Styles and More!

WordPress 7.1 brings native responsive styling, button hover states, new Tabs and Audio Playlist blocks, improved revisions, better Notes, and several useful editor updates. Here are the new features worth knowing.

WordPress 7.1 brings several useful improvements to the editing experience.

The biggest one is probably native responsive styling. You can finally customize blocks differently for desktop, tablet, and mobile directly inside WordPress.

But that’s not the only change.

WordPress 7.1 also introduces pseudo-state styling for buttons, two new blocks, better revisions, improved Notes, a redesigned image editing experience, and several UI improvements across WordPress.

Here are the features I find most interesting.

Native Responsive Styles

This is probably my favorite WordPress 7.1 feature.

You can now switch between:

  • Desktop
  • Tablet
  • Mobile

And customize block styles independently for each viewport.

For example, you can change alignment, colors, spacing, or other design settings specifically for tablet or mobile.

Responsive styles also work globally from the Styles interface, so you can define responsive behavior for specific block types across your website.

There is still no UI for custom breakpoints, although they can be defined through theme.json.

Button Hover and Pseudo States

WordPress 7.1 finally introduces pseudo-state styling, currently for buttons only.

You can style:

  • Default
  • Hover
  • Focus
  • Focus visible
  • Active

This means you can create native hover effects without custom CSS.

You can also configure these states globally for buttons across your website.

Hopefully, this will expand to more blocks in future releases.

New Tabs Block

WordPress 7.1 introduces a native Tabs block.

You can create multiple tabs, add any block content inside each panel, and customize the tab list, panels, and overall layout.

It’s a useful addition that previously often required a third-party block plugin.

New Audio Playlist Block

There is also a new Audio Playlist block.

You can build playlists from files in your Media Library and add information such as:

  • Artist
  • Album title
  • Track artwork

You can also customize the player design, including waveform and play button colors.

Better Notes and Collaboration

Notes are becoming more useful for team collaboration.

You can now mention teammates, use rich text and links, and attach a Note to a specific portion of text instead of commenting only on an entire block.

Mentioned users can also receive email notifications.

More Control Over “Apply Globally”

The Apply Globally feature now shows exactly which styles will be applied.

You can disable individual properties before confirming the change.

For example, you can apply typography and spacing globally while keeping a specific background color unique.

A small change, but a useful one.

Better Background Controls

WordPress 7.1 lets you combine a background image with a background color or gradient on supported blocks.

Using transparency, you can create overlay-style effects directly from the editor.

Improved Image Editing

The image cropping interface has been redesigned.

From the new editing modal, you can:

  • Crop
  • Rotate
  • Flip
  • Zoom
  • Change aspect ratio
  • Edit title, alt text and caption

The whole experience feels much more modern and intuitive.

Better Revisions

The revisions interface now includes a clearer visual timeline to navigate through previous versions.

You can also share the URL of a specific revision with collaborators.

Together with the Notes improvements, this makes WordPress slightly better for collaborative workflows.

Easier Media Attachments

WordPress 7.1 makes it easier to see which images are attached to a post or page, attach new ones, or detach existing files.

You can also use those relationships dynamically, for example by displaying attached images through the Gallery block.

Query Loop: Exclude the Current Post

The Query Loop block now includes a simple option to exclude the current post.

This is particularly useful when creating related-post sections in templates.

WordPress UI Improvements

There are also several smaller interface changes.

WordPress 7.1 adds a new Identity section for managing the site title, tagline, logo, and site icon.

The Command Palette has also been improved with a more polished design, recent navigation items, and suggestions.

Some editor settings have also been reorganized, with layout and color controls moving to different areas of the interface.

Abilities API Improvements

The Abilities API continues to mature in WordPress 7.1.

It provides a more standardized way for AI agents and other systems to understand which capabilities WordPress exposes and execute actions against them.

This may not be one of the most visible changes, but it could become increasingly important as AI agents become more integrated with WordPress.

New Icons API

WordPress 7.1 also introduces a new Icons API, allowing plugin and theme developers to add their own icons to the WordPress icon library.

Real-Time Collaboration Is Not Here Yet

Real-time collaboration was expected around WordPress 7.1, but it has been postponed.

For now, the improvements to Notes and revisions are the main collaboration updates.

Final Thoughts

WordPress 7.1 brings several improvements that make the block editor more capable and easier to use.

Responsive controls and pseudo states in particular bring WordPress closer to the flexibility users expect from modern visual builders.

There are still some missing pieces, especially custom breakpoint controls in the UI and wider pseudo-state support, but WordPress 7.1 is another solid step forward for the block editor.

If you want to dive deeper into WordPress 7.1 new features don't forget to check the Gutenberg Times WordPress 7.1 Source of Truth.

What is your favorite WordPress 7.1 feature?

Views: 0

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Don't Miss This
Watch my new video