Exciting news! WordPress 7.0 “Armstrong” has finally arrived!
WordPress 7.0 was recently released on May 20th, 2026. It’s packed with improvements to create and manage sites and more easily for everyone.
This update introduces new features, including breadcrumbs and icon blocks, visual revisions, and a font library. You can also find AI tools and design upgrades.
From editor enhancements to design improvements, there’s something for every WordPress user. So, let us walk you through the major highlights of WordPress 7.0.
Let’s jump right into those new, fascinating WordPress features!
10 Highlights and Features of WordPress 7.0
WordPress 7.0 is all about bringing a faster and more intuitive user experience through a bunch of new and improved features. Once you update your site to this latest version, you can instantly get started trying and using those features.
Before you make changes to your live site, it’s best to use the new version in a test or clone environment. After you’re sure the release works well with your plugins and themes, supercharge your website with its exciting features.
For now, let’s just log into your WordPress dashboard and use the default Twenty Twenty-Five theme. Once you’re all set, start exploring these features one by one.
1. Improved Admin Experience
As soon as you open your WordPress dashboard with the new version, you’ll find some changes in the interface. WordPress 7.0 introduces a clean, chic, and modern design. It offers a new default color scheme with updated buttons and typography.
Overall, this familiar dashboard layout simplifies and organizes your admin area for easy navigation and readability. So, you can instantly and effortlessly find the settings and options you require.
Further, your WordPress dashboard is also now polished with smooth transitions. Meaning, you can seamlessly shift between screens, gliding through the dashboard.
Navigating from the dashboard to the settings page becomes smooth and uninterrupted. Elements move with a soft slide and fade into place for a natural experience. This helps you stay focused without any breaks in the experience.
Hence, these interface and transition enhancements make the WordPress 7.0 admin area easier to use and more intuitive. Such a modern, responsive UI helps you even if you’re just starting out or managing advanced sites.
2. Clear Visual Revisions
Another update is focused on visual revisions. Suppose you’re working on a page or post. Then, you’ll find the ‘Revisions’ section in the page or post settings.
If you click on the number of revisions you’ve made, then you’ll be redirected outside the editor to check out the previous revisions. This is the case for older WordPress versions until 6.9.
Coming back to WordPress 7.0, you can compare past post or page versions right inside the editor. First, pick the revision you want from the timeline slider.
Now, you can see the exact changes to the content, images, and layouts in that revision. That’s highlighted through the visual markers in each altered block.
In fact, let’s suppose you mistakenly delete essential elements of your post or page. Then, you can spot the right revision and restore that revision with a click.
3. Centralized AI Connections
Another big addition to the new WordPress 7.0 version is the centralized AI Connectors dashboard. This new AI connections area offers a single location in your WordPress backend to manage external AI services and integrations.
Meaning, you don’t require configuring separate plugin settings in multiple areas of your dashboard. Just add, view, update, and remove AI providers at once. Plus, you can extend its functionality with plugins using new hooks and APIs.
Navigate to ‘Settings > Connectors’ on your WordPress dashboard. There, you can find some recommended options for AI connections. They are:
- Anthropic
- OpenAI
At the center of this system, there’s the new Web Client AI API in the core. This lets WordPress directly communicate with AI models. After the connection, AI tools can work across your site through an organized and standardized setup.
In fact, this system works side-by-side with the Abilities API and the Client-Side Abilities package. Now, plugins and themes get a cleaner way to add AI features without any conflict. This leads to a smoother workflow for users and developers.
Further, you can access built-in AI tools right in the editor. This securely stores the AI credentials for your optional AI plugins to use the AI models. Now, those installed plugins can perform automated tasks, like title and image generation.
Overall, it’s a great feature for developers and site owners. This not only opens the door for smarter automation and custom workflows. But it also provides advanced AI-powered website experiences right inside WordPress.
4. New Icon and Breadcrumbs Blocks
Moving forward, WordPress 7.0 also introduces some new WordPress blocks that we were eagerly waiting for. They are ‘Icon’ and Breadcrumbs’ blocks.
Yes, you heard it right! You don’t have to use a separate plugin to add breadcrumbs and icons to your site. These blocks let you instantly insert these features.
Let’s check them out in detail!
i. Icon Block
Icon is the new WordPress block in the recent release. This block lets you add icons or scalable vector graphics (SVGs) anywhere on your site.
Meaning, you’ll get access to a built-in icon library right inside the editor. Overall, this library is much smaller than alternatives like Font Awesome. However, it offers all the common icons without needing optional plugins or custom code.
Here’s how you can use the Icon block:
Open a post or page. There, click the ‘+’ block inserter option. Now, search for the ‘Icon’ block on the ‘Blocks’ tab.
Next, drag this new block and drop it to your website. Afterward, press the ‘Choose icon’ option in the top toolbar.
With that, the icon library opens with several icons. Search for the icon you want and click on it to add it to your website.
In the block settings for the icon, you can:
- Adjust the icon label.
- Insert custom code for further customization.
- Pick icon text and/or background colors.
- Set the dimensions, including width.
- Add a border to the icon.
After you complete the customization, save the changes.
ii. Breadcrumbs Block
Similarly, another new block is Breadcrumbs. For beginners, breadcrumbs show the current location of a user in the page hierarchy of your site.
The main aim of this feature is to help users navigate your site. In addition, search engines also get a better structure of your website for SEO through breadcrumbs.
Check out how you can use the Breadcrumbs block with these steps:
Begin by opening a page or post. Now, press the ‘+’ block inserter option. Then, search for ‘Breadcrumbs’ on the ‘Blocks’ tab.
Following that, drag the Breadcrumbs block and drop it on your website page or post. This automatically shows the exact location of that post or page.
Notice that this block automatically adapts to your site’s global styles via the theme.json schema. This means your breadcrumbs match your brand and will consistently look the same throughout your site.
That’s not all! You can also customize your breadcrumbs with these block settings:
- You can choose how you want to showcase the hierarchical levels. This could be by showing or hiding the homepage and/or current location. Plus, it lets you specify the separator between the levels.
- Moreover, you can stylize the breadcrumbs by setting up text and background colors, font size, padding, margins, and borders.
In the end, don’t forget to save the changes.
5. Updates on the Existing Blocks
Guess what? WordPress 7.0 is not just offering you new blocks. But you’ll also get many improvements on the existing blocks as well.
Each of these updated features helps in site navigation and the user experience of your site. So, let’s dive in!
i. Intuitive Navigation Overlay
WordPress 7.0 offers upgrades to the Navigation block with the navigation overlay option. A navigation overlay is either a full-screen or a pop-up menu that appears over your page. It shows up when you open the mobile or responsive menu.
Using this feature will let you display a clean hamburger icon on mobile devices. If you click on this icon, then the mobile menu with overlay functionality opens.
Meaning, now you can easily adjust an overlay menu on your site without using plugins or custom code. This makes your navigation smoother and more intuitive.
Want to see this feature in action? Go to ‘Appearance > Editor’ on your dashboard. Then, open the site editor area on the right.
Next, press the ‘Edit original’ button present in the top bar settings.
Now, select the Navigation block and open the block settings tab. There, you’ll find the ‘Overlay’ section, in which you can decide to select the ‘Mobile’ or ‘Always’ option for the overlay to appear.
Further, you can decide to show or hide the hamburger icon button for the overlay menu. Plus, it lets you pick the hamburger icon style between two or three lines.
Following that, you must click the ‘Create Overlay’ button.
With that, your website will use a default overlay template. Plus, you’ll be redirected to a different page for editing the overlay menu. There, you can:
- Select an available overlay pattern from the given options for quick designs.
- Customize the close button. This involves selecting the display mode (icon, text, or both) and styling the colors, typography, and dimensions.
- Add menu items, adjust the menu layout, and customize the color, typography, and dimensions of the menu items.
Save the changes. Now, your overlay menu will be a template part of your site.
Therefore, you can now fully control how the menu appears on smaller devices. So, this upgrade makes navigation menus more flexible and beginner-friendly.
ii. Increased Heading Levels
Guess what? The new WordPress version is also offering blocks for heading levels. Meaning, the Heading block now has additional heading levels as block variations. This improves your site structure and gives you control over page hierarchy.
Search for the ‘Heading’ block on your post or page like any other WordPress block. Now, you’ll find blocks for all the heading levels from H1 through H6.
Now, drag and drop a newly added heading level to your site. Then, add the heading text. Here’s how we did it for the new H5 heading in the image below.
In short, this improved heading block lets you easily structure your site for visitors to scan your content. Plus, it even guides search engine crawlers to index your site.
iii. Embed Video from URL for the Cover
Moving forward, you’ll also find new features in the Cover block. Previously, you could only use an image or video uploaded to the media library as the background. Then, insert text and other elements over the background.
So, what’s new in WordPress 7.0? You can embed videos via URL as backgrounds in the Cover block. Now, adding hero sections and banners to sites becomes easy.
All you have to do is insert a Cover block following the same process as other blocks. Then, hit the ‘Add media’ option in the block settings at the top. There, you’ll find different ways, including the ‘Embed video from URL’ option.
After clicking this new option, you can insert the video URL. Once that’s done, click the ‘Add video’ button, and that video will become the cover background.
Following that, you can follow the usual steps. Add the cover text, buttons, etc. Next, adjust the cover block, like colors, typography, dimensions, and borders.
iv. Responsive Grid Layouts
Another upgrade is on the Grid block. WordPress 7.0 now offers responsive grid layouts. This helps your grid-based content to adapt smoothly across screen sizes.
Want to see it in action? Here we go!
Start by adding the Grid block to your post or page. Then, add content to your grid, including images or text. Next, you can stylize the entire grid and its components.
After you complete customizing, save the changes. Afterward, preview your post or page on different screen sizes.
You can clearly see that your grid content is now fully responsive. No need for manual column adjustments, thanks to WordPress 7.0.
v. Show the Right Blocks
Lastly, there’s another new update, which is present in every WordPress block. That’s the ability to hide a block from chosen devices.
Let’s move straight to how it works. Select a block on your page or post that you want to hide from certain devices.
Now, click the ‘Options’ icon on the top bar menu. There, press the ‘Hide’ option.
Now, a pop-up will appear. There, you can find options to hide it from viewport sizes. The options include:
- You can keep the block as a draft and omit it from the published post/page.
- Hide the block from desktop, tablets, or mobile devices.
Once you’re done, hit the ‘Apply’ button.
Pretty handy, isn’t it?
6. Block-level Custom Styling
Good news! WordPress 7.0 now lets you style every detail of content with custom CSS at the block level. That too, right inside your post or page editor.
With the earlier versions, you can only insert custom CSS in the Customizer’s Additional CSS section or a child theme’s style.css file. Afterward, you must add the CSS classes to the block to apply custom changes.
In fact, this is helpful if you use the same CSS for more than one block on your website. However, suppose you want to just quickly tweak a single block. Then, navigating to Customizer and back to the page or post editor is lengthy, right?
Here’s the process on how block-level custom styling works in WordPress 7.0:
- First, select a block and open the ‘Advanced’ section of the block settings.
- There, add the custom CSS to the new ‘Additional CSS’ text area.
- Next, insert the CSS class into the ‘Additional CSS Class(es)’ text box.
Therefore, that’s how easily and quickly you can fine-tune the design of your site elements without going outside the editor. Thanks to WordPress 7.0.
7. Font Library for All Themes
Another key update in WordPress 7.0 is the new built-in font library available across all themes. Earlier, this feature was limited to some block themes only.
In fact, you can browse, install, and organize fonts from one place. Just go to ‘Appearance > Fonts’ in your admin area. There, you’ll find these three tabs:
- Library: You’ll find all the available fonts and their variants.
- Upload: Here, you can upload your font files of supported formats.
- Install Fonts: This option lets you connect and access Google Fonts.
Hence, this font family lets you easily manage your fonts. Moreover, there’s no restriction on whether you’re using a classic, block, or hybrid theme.
Check out the tutorial on how to check fonts on a website. Also, here’s a tutorial on how to add fonts to WordPress.
8. Spotlight Mode on Patterns
WordPress 7.0 is filled with features to help you edit the patterns more efficiently. One of those is spotlight mode. This pattern-editing mode lets you isolate content in patterns just like how it works for general blocks.
Let’s take an example to get a better look at it. Add a pattern to your site. Then, select a part of that pattern that you want to isolate from the rest of the content.
Now, open the three-dotted ‘Options’ icon at the top-right. There, hit the ‘Spotlight mode’ option to enable this mode.
Instantly, this isolates that content section within the pattern. Everything else in the pattern and other blocks or patterns dims. With that, you can patiently focus on a pattern’s content for modifications without any distraction.
9. Smarter Pattern Editing Mode
In WordPress 7.0, patterns now behave as a single block. So, you can update text, images, buttons, and links without accidentally breaking the layout or structure.
Moreover, the new update also introduces smarter and cleaner pattern editing modes. They are:
- For unsynced patterns, WordPress has the default ‘content-only’ mode.
- For synced patterns, WordPress has an ‘isolated’ pattern-editing mode.
First, let’s check out unsynced patterns. In these patterns, changes made to a pattern at a post or page don’t affect elsewhere. So, they work as regular blocks.
Its new content-only mode lets you edit the content of the pattern first. However, the design structure stays protected.
Now, click the ‘Edit pattern’ option at the top bar.
This gives you full control over the layout settings and style options of the pattern. While everything else blurs out.
On the other hand, synced patterns are those patterns in which the changes made once can apply everywhere on the website. Instead of editing the pattern right there, it offers the ‘Edit original’ option.
Upon clicking this option in the top bar, the isolated mode activates. Meaning, you’ll be redirected to a separate editing screen with only that pattern. Now, you can safely update its original content and design.
10. More Performance and Accessibility Features
That’s not all! WordPress 7.0 is packed with many more accessibility features, performance improvements, and technical enhancements.
Each of these upgrades helps your website become quicker, more secure, and simpler. Even if you’re a developer or a site owner, these are some extra features:
- Client-side Media Processing: Now, you can resize and compress images of different modern formats within your web browser. As a result, the images upload more quickly and minimize the load on your storage.
- DataForm Changes: This update has new detailed layouts and controls. A combobox with a validation message, a dedicated edit button for panels, etc.
- DataView Upgrades: A new activity layout is present for adding third-party types in upcoming releases.
- CodeMirror Updates: The updated CodeMirror 5.65.40 version is available with increased flexibility. It offers coding and library integration options.
- On-demand Block Styles: Loading block styles only when needed is a new feature. It makes your site faster and more efficient with reduced server load.
- Accessibility Improvements: It offers enhanced media management, voice control usability, color contrast changes, better interaction, etc.
- Site Editor Changes: The changes in the site editor are routing and route validation. A new boot package lets plugins build custom site editor pages.
In a nutshell, WordPress 7.0 offers a handful of new and upgraded controls. The new release lets you build navigation for every device. You can create the perfect pattern with even the smallest details. Plus, you can connect AI tools for quick use.
The expected features, like real-time collaboration, aren’t available for use in this version. But we hope to get such interesting upgrades in the upcoming releases.
Frequently Asked Questions (FAQs)
Check out the FAQs about WordPress 7.0 that you may be wondering, too.
1. What is the new WordPress 7.0 version called and why?
The new WordPress 7.0 version is called ‘Armstrong’ in honor of the first great jazz soloist, Louis Armstrong. He was the one who transformed jazz from an orchestral art form into a solo art form through his trumpet skills.
2. When was WordPress 7.0 released?
WordPress 7.0 was recently released on May 20th, 2026. This was a memorable update that focused on stability and deeper testing of core, plugins, and hosts.
3. How can I update to WordPress 7.0?
You can update to WordPress 7.0 by opening ‘Updates’ on your WordPress dashboard. There, hit the ‘Update Now’ button. Moreover, hosting platforms, like Hostinger, can perform automated updates.
4. Why is it important to test WordPress 7.0 before use?
It’s important to test WordPress 7.0 before use to prevent website downtime, broken features, and lost revenue. This release offers several updates on the admin experience, visual revisions, and blocks that can cause theme and plugin conflicts.
5. What developer-friendly features does WordPress 7.0 offer?
WordPress 7.0 offers developer-friendly features, including a set of APIs for enhanced functionality. Plus, you can create blocks and patterns on the server level using only PHP. Further, it gives DataForm, DataViews, and CodeMirror updates.
Wrapping Up
That’s all we have for WordPress 7.0.
So, should you update your website to WordPress 7.0? Obviously, yes!
WordPress 7.0 introduces faster speed, a streamlined editing experience, and advanced layout options. These improvements offer a significantly seamless and efficient website user experience.
What features did you like the most? Comment down below.
Further, check out our recent articles on how to rank higher in Google’s AI Overviews and how to launch a website using the WordPress.com AI site builder.
Leave a Reply