WordPress 7.1: 7 New Features That Actually Matter for Website Owners

WordPress 7.1, code-named “Mary Lou,” is not just another update with small fixes hidden in the dashboard. It brings meaningful improvements to responsive design, media editing, content collaboration, performance, accessibility, and the overall editing experience. WordPress 7.1 was released on August 19, 2026, followed by the WordPress 7.1.1 maintenance and security update on September 17, 2026.wordpress+1

For website owners, bloggers, agencies, and WordPress theme users, the biggest benefit is simple: you can do more directly inside WordPress without depending on extra plugins, custom CSS, or complicated workarounds.

This article explains the seven WordPress 7.1 features that matter most, what they mean in real life, and how you can use them on your site.

Quick summary: Should you update to WordPress 7.1?

Yes—after taking a backup and checking your theme and important plugins on a staging site, if possible. WordPress 7.1.1 includes 17 Core bug fixes, 19 Block Editor bug fixes, and 11 security fixes. The WordPress project recommends updating immediately because it is a security release.wordpress

The biggest reasons to update are:

• Better responsive design controls without custom CSS.
• Easier image cropping, rotation, and editing.
• Faster image processing and support for modern image formats.
• New Tabs and Playlist blocks.
• Better collaboration through Notes and @mentions.
• More accessibility improvements.
• Cleaner and more consistent editor workflows.

If you use a modern block theme, build pages with the Site Editor, manage a content team, or publish a lot of images, WordPress 7.1 is especially useful.

What is WordPress 7.1?

WordPress 7.1 is a major WordPress release focused on how people build, edit, style, review, and manage websites. The release improves the admin experience, adds new styling tools, modernizes image editing, expands collaboration features, and gives theme developers more responsive design controls.wordpress

The release is named after Mary Lou Williams, the influential jazz pianist, composer, and arranger. The name reflects the release’s focus on reinvention and collaboration.wordpress

For normal users, the most important change is that WordPress is becoming easier to use as a complete website-building system. You can now handle more design decisions, image adjustments, content feedback, and layout organization within the core editor.

1. Responsive styles without writing custom CSS

One of the best WordPress 7.1 features is built-in responsive styling. You can now adjust how blocks look on different screen sizes directly in the editor, using Global Styles or individual block settings. This means you can create layouts for desktop, tablet, and mobile without needing custom CSS for many common changes.wordpress+1

Before WordPress 7.1, a site owner often had to use custom CSS, a page builder, or a theme-specific option to change a block’s appearance on mobile. For example, you might want a large heading on desktop but a smaller heading on mobile. Or you may want to hide a decorative image block on phones so users see your main call-to-action faster.

Now, WordPress gives you more control over these choices from the Site Editor.

If you are improving an existing site, also review these common WordPress design mistakes that can hurt conversions, especially on mobile layouts.

Why responsive styles matter

Most visitors do not browse from one device only. Someone might find your site from a mobile phone, return later from a laptop, and make a purchase from a tablet. If the layout looks broken, text is too large, buttons are too close together, or important content is hidden, you can lose visitors and conversions.

With responsive styles, you can make useful adjustments such as:

• Change typography sizes across screen sizes.
• Adjust block spacing on small screens.
• Show or hide blocks by device size.
• Preview layouts at different viewport sizes while editing.
• Make sure your homepage sections work on mobile before publishing.wordpress+1

For a WordPress theme shop, this is important because responsive control is no longer only a “premium theme feature.” WordPress itself is moving toward stronger native responsive tools.

What theme users should do

After updating to WordPress 7.1:

1. Open the Site Editor.
2. Select a key template or page, such as your homepage.
3. Review the page on desktop, tablet, and mobile previews.
4. Check large hero sections, multi-column layouts, buttons, navigation, and testimonial blocks.
5. Reduce unnecessary elements on mobile if they make the page hard to read.

Do not change every block just because responsive controls exist. Start with the parts that affect readability and conversions most: headings, buttons, columns, forms, and navigation.

2. A new media editor makes image editing easier

WordPress 7.1 introduces a new media editor modal that replaces the older inline cropping experience. It keeps the familiar Crop button but opens a dedicated workflow where you can crop, rotate, flip, and edit image metadata in one place.wordpress+1

The new editor includes:

• Freeform cropping.
• Aspect-ratio cropping.
• Horizontal flipping.
• Vertical flipping.
• Precise rotation.
• Snap rotation.
• Image metadata editing.wordpress+1

This is a practical improvement for anyone who publishes blog images, featured images, product images, screenshots, or portfolio visuals.

AI can also help you plan content, organize image ideas, and improve page structure before you publish; see how Claude can help you build better WordPress sites faster.

Why this matters for bloggers and businesses

Previously, many WordPress users edited images in another application before uploading them. That is still useful for advanced image work, but basic adjustments should not require opening another tool.

For example, imagine you are publishing a blog post with a featured image that is almost right but has too much empty space at the top. Instead of leaving the WordPress editor, opening a design tool, saving a new file, and uploading it again, you can crop and adjust the image from the new media editor.

This helps you keep a more consistent visual style across your site.

Practical uses

You can use the new media editor to:

• Create consistent featured-image ratios for blog archive pages.
• Crop team photos for an About page.
• Rotate screenshots before adding them to tutorials.
• Flip images when the composition looks better in the opposite direction.
• Adjust an image before using it inside a hero section.
• Add or improve media metadata before publishing.

For magazine, blog, or news-style WordPress sites, consistent image ratios make the site feel more professional. Uneven featured-image crops can make post cards look messy, especially in grid layouts.

3. Faster image handling and support for modern formats

WordPress 7.1 changes how image processing works. Image compression, resizing, and thumbnail generation can now happen in the browser using a WebAssembly build of libvips. This reduces processing work on the server, helps prevent PHP memory-limit errors and upload timeouts, and can produce smaller files for visitors.wordpress+1

This is useful if you have ever tried uploading a large image and received an error because your hosting plan did not have enough memory available.

WordPress 7.1 also continues WordPress’s focus on improving modern media workflows. Regardless of file format, you should still use appropriately sized images, descriptive file names, and useful alt text to keep your pages fast and accessible.

Why this is important

Images are often one of the biggest reasons a WordPress site loads slowly. Large image files affect page speed, mobile experience, Core Web Vitals, and user patience. Faster processing during upload is helpful, but the bigger win is that WordPress can handle modern formats and optimize media more efficiently.wordpress+1

Modern phones and cameras often produce HEIC images and other newer formats. AVIF can provide high-quality images at smaller file sizes in supported browsers. Native support means WordPress is better prepared for how people create and upload images today.

What website owners should do

Even with these improvements, do not upload huge original files without thinking. WordPress 7.1 can help, but image optimization still needs a good workflow.

Use this simple process:

1. Use images that are large enough for their purpose, but not unnecessarily huge.
2. Choose a consistent featured-image size for blog posts.
3. Check how images look on mobile.
4. Use descriptive file names before upload, such as wordpress-7-1-responsive-styles.jpg.
5. Add useful alt text that describes the image for people using screen readers.
6. Test your site speed after publishing image-heavy pages.

WordPress 7.1 also adds opt-in GIF-to-video conversion, which can reduce file sizes for animated content. Upload progress indicators and automatic retries make uploads more resilient when internet connections drop.wordpress

4. New Tabs and Playlist blocks reduce plugin dependency

WordPress 7.1 introduces two useful blocks: Tabs and Playlist. These may sound small, but they can help site owners create better page layouts without adding another plugin.wordpress+1

The Tabs block

The Tabs block lets you organize related information into tabbed panels. Instead of showing a long wall of content, visitors can switch between sections.

For example, a product page could use tabs for:

• Features.
• Pricing.
• FAQs.
• Documentation.
• Customer reviews.

A service site could use tabs for:

• Different service packages.
• Industries served.
• Process steps.
• Case studies.

A theme or plugin product page could use tabs for:

• Screenshots.
• Features.
• Changelog.
• Support information.
• Installation instructions.

The main benefit is a cleaner page. Visitors can find relevant information without feeling overwhelmed by a very long section.wordpress+1

Use Tabs carefully

Tabs are useful, but do not hide your most important sales message inside one. Your core value proposition, primary call-to-action, and key benefits should still be visible without interaction.

Use tabs for secondary or supporting information. For example, on a theme landing page, show the most important features openly and put detailed specifications, documentation links, or changelog information inside tabs.

The Playlist block

The Playlist block lets you add multiple audio files into one player. It can include an optional waveform so listeners can see the shape of each audio track while it plays.wordpress+1

This is useful for:

• Podcasts.
• Music sites.
• Audio courses.
• Interviews.
• Voice-based content.
• Meditation or learning resources.

Previously, people often needed a plugin or custom embed to present multiple audio files neatly. Now, WordPress includes a more native option.

5. Notes and @mentions make content collaboration easier

WordPress 7.1 significantly improves Notes. Notes now support rich text, @mentions, email notifications, multiple conversations on the same block, and feedback on specific text selections rather than only entire blocks.wordpress+1

This is a meaningful feature for teams, agencies, editors, clients, and anyone who reviews content with other people.

What you can do with Notes

You can:

• Leave feedback on a specific paragraph.
• Highlight a sentence and ask for changes.
• Mention a collaborator using @.
• Add bold, italic, code, or links in the note.
• Keep several feedback conversations on the same content block.
• Collapse long comment threads to keep the editing screen cleaner.wordpress+1

Real-world example

Imagine an agency is preparing a client’s new homepage. The designer can leave a note on the hero section:

“@ClientName: Please confirm the final headline before publishing.”

The client gets a notification, reads the exact part of the page in question, and replies directly in context. This is much clearer than sending screenshots through email or trying to explain “the heading near the top left.”

For blog teams, an editor can highlight a claim and write:

“Please add a source or personal example here.”

For theme and plugin businesses, Notes can help internal teams review product documentation, landing pages, changelogs, and onboarding content.

Why this matters

Better collaboration means fewer misunderstandings, fewer email threads, and faster approvals. It also keeps discussion close to the actual content, where it is most useful.

If you work alone, this feature may not change your daily workflow immediately. But it is still useful when you hire writers, ask someone to review a sales page, or work with clients in the future.

6. Better buttons, navigation, and interactive states

WordPress 7.1 adds editor controls for interactive styles on Button and Navigation Link blocks. You can set styles for hover, focus, and active states directly from the editor instead of writing code.wordpress+1

These states are small visual details, but they matter for usability.

• Hover state: what a button or link looks like when someone moves a mouse over it.
• Focus state: what shows when someone navigates with a keyboard.
• Active state: what appears while an element is being clicked or selected.

Why interactive states matter

A button should feel clickable. Navigation links should show users where they are and what they are interacting with. Keyboard users need visible focus states to navigate a site confidently.

With WordPress 7.1, you can style these interactions more easily. For example:

• Make your primary button slightly darker on hover.
• Add a visible outline when a button has keyboard focus.
• Style active navigation links differently.
• Make calls-to-action feel more polished without custom CSS.wordpress+1

For conversion-focused sites, this is valuable. Users should not have to guess which parts of the page are interactive.

Tips for using button styles

• Keep hover styles noticeable but subtle.
• Maintain good text contrast.
• Do not remove visible focus styles; they are important for accessibility.
• Use one consistent button style across the site.
• Make your primary call-to-action visually stronger than secondary actions.

For example, if your main button says “Get Started,” use a solid brand color. If your secondary action says “View Demo,” use an outline style. This creates a clear visual hierarchy.

7. Accessibility improvements make WordPress easier for more people

WordPress 7.1 includes accessibility improvements across Core and the Block Editor. The release adds new functions for accessible tooltips, improves screen-reader predictability, improves labeling in admin interfaces, and includes navigation and interaction improvements inside the editor.wordpress+1

The new Tab and Playlist blocks also include accessibility work as part of their release.wordpress

Why accessibility matters

Accessibility is not only about legal requirements or technical checklists. It is about making sure more people can use your website.

Visitors may use:

• Screen readers.
• Keyboard navigation.
• Magnification tools.
• Voice-control software.
• Mobile devices with accessibility settings.

A site with poor contrast, unclear buttons, missing labels, or broken keyboard navigation can exclude users and make your business look less trustworthy.

What site owners should check

After updating to WordPress 7.1, review:

• Are your buttons easy to identify?
• Is text readable against the background?
• Can users navigate menus using a keyboard?
• Do featured images have meaningful alt text?
• Do form inputs have visible labels?
• Does your mobile layout remain readable at larger text sizes?

WordPress 7.1 improves the foundation, but theme choices, content decisions, and plugin settings still matter.

Other useful WordPress 7.1 changes

The seven features above are the biggest ones for most website owners, but WordPress 7.1 includes several other useful updates.

Admin bar in every editor

The admin bar now remains visible across WordPress editors. This creates a more consistent navigation experience between the dashboard, post editor, and Site Editor.wordpress+1

This may not sound major, but it reduces friction. You always have familiar tools close by and are less likely to feel lost when moving between different editing screens.

Custom responsive breakpoints for block themes

Theme developers can now define custom mobile and tablet breakpoints in theme.json. Responsive styling and block visibility will follow those values automatically.wordpress+1

For normal users, this means theme authors have more tools to create better responsive experiences. For theme developers, it creates more control over how a design adapts between desktop, tablet, and mobile.

Custom icon collections

Plugin and theme developers can now register custom icon sets that appear inside the editor with WordPress’s built-in icon library.wordpress+1

This is useful for branded themes, design systems, and custom blocks. Instead of relying on random icon fonts or external libraries, developers can create a more consistent icon workflow.

More consistent editing canvas

The post editor is now fully iframed for all themes, matching the Site Editor. This separates the editing canvas from the WordPress admin interface, so admin styles are less likely to interfere with the content being edited. It also makes viewport-relative units and media queries behave more predictably.wordpress

Most users will not notice this directly, but they may notice fewer strange differences between what they build and what appears on the live site.

Should you update to WordPress 7.1.1 now?

Yes. WordPress 7.1.1 is a maintenance and security release, and the WordPress project recommends updating sites immediately. It contains 11 security fixes, plus fixes for Core and the Block Editor.wordpress

However, update responsibly.

What did not arrive in WordPress 7.1?

WordPress 7.1 improves asynchronous collaboration through Notes, inline feedback, and @mentions. However, real-time collaboration—where multiple people edit the same page at the same time—was deferred for a later release. This is important because Notes improve review workflows, but they do not yet turn WordPress into a live collaborative editor like Google Docs.

Safe update checklist

Before updating:

1. Create a full backup of your site files and database.
2. Make sure you can restore that backup.
3. Update your active theme and plugins first, if compatible versions are available.
4. Check that your PHP version and hosting environment meet WordPress requirements.
5. If your site is important for sales or business, test the update on staging first.

After updating:

1. Check your homepage.
2. Check your primary landing page.
3. Test navigation menus.
4. Test contact forms and checkout pages.
5. Review mobile layouts.
6. Open a few blog posts and image-heavy pages.
7. Clear cache from your caching plugin, CDN, and browser.
8. Check the WordPress Site Health screen for warnings.

The 7.1.1 security release fixes issues including stored cross-site scripting, REST template controller path traversal, post overwrite problems, theme-preview issues, and authorization-related issues. That is why delaying the update is not a good idea.wordpress

WordPress 7.1 FAQ

Is WordPress 7.1 worth updating to?

Yes. WordPress 7.1 adds useful design, media, collaboration, and accessibility improvements. Update to WordPress 7.1.1 promptly because it includes maintenance and security fixes; back up your site and test critical functionality first.wordpress

What are the biggest WordPress 7.1 features?

The most useful features are responsive block styles, a modern media editor, Tabs and Playlist blocks, a Table of Contents block, richer Notes with @mentions, and hover/focus styling controls for Button and Navigation Link blocks.wordpress+2

Do I need a new theme to use WordPress 7.1?

Not necessarily. Most users can update and benefit from many changes immediately. However, block themes and modern themes that support the Site Editor will offer the best experience for responsive styling and Global Styles features.make.wordpress

Does WordPress 7.1 include real-time collaboration?

No. WordPress 7.1 improves asynchronous feedback through Notes, inline comments, and @mentions, but live multi-user editing was deferred to a future release.nexterwp

Final thoughts

WordPress 7.1 is one of the more useful recent releases because it improves real daily tasks. It helps you build better responsive pages, edit images faster, collaborate with others, create cleaner content layouts, and provide a more accessible site experience.wordpress+1

The most important feature for many users will be responsive block styling without custom CSS. For content-heavy sites, the new media editor and faster browser-based image processing may have the biggest impact. For agencies and teams, Notes with @mentions can simplify feedback and approvals.wordpress+1

The best next step is simple: update to WordPress 7.1.1 safely, explore the new tools on a test page, and use the features that solve a real problem for your site. You do not need to rebuild everything. Start with one page, one image workflow, or one collaboration process—and improve from there.