![\"A](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/whats-new-wp-7-featured.jpeg?resize=640%2C358&ssl=1\")
<\/figure>\n\u2139\ufe0f Important:<\/strong> As always, please don\u2019t forget to create a complete WordPress backup<\/a> before updating to the new release. If you\u2019re not using managed WordPress hosting<\/a>, you\u2019ll need to run the update yourself.<\/p>\n<\/div>\n Here\u2019s everything that\u2019s new in WordPress 7.0:<\/p>\n \ud83d\udccc Note:<\/strong> Real-time collaboration (RTC) was originally planned for WordPress 7.0, and we covered it in our What\u2019s Coming in WordPress 7.0<\/a> post. It was pulled before release because the core team wasn\u2019t confident the current approach was robust enough, citing concerns around race conditions, server load, and memory efficiency. <\/p>\n The feature is still in active development and can be tested via the Gutenberg plugin. We\u2019ll cover it properly when it ships.<\/p>\n<\/div>\n WordPress 7.0 now gives you a central place to connect your site to AI services with no third-party plugin required.<\/p>\n A new Settings \u00bb Connectors<\/strong> screen lets you install and configure AI provider packages directly from your WordPress dashboard.<\/p>\n Think of it like a plugin directory, but specifically for AI. You choose your provider, enter your credentials once, and every plugin or theme that supports the AI API can tap into that connection automatically.<\/p>\n At launch, three providers are available: OpenAI<\/strong> (ChatGPT), Google<\/strong> (Gemini), and Anthropic<\/strong> (Claude). Once a connector is installed and authenticated, any plugin that uses the WordPress AI API will work with your chosen provider, without you needing to configure API keys in multiple places.<\/p>\n There are a ton of WordPress AI plugins<\/a> that can now use your selected AI platform to provide AI features. Until now many companies were either asking you to enter your API keys or purchase credits from them. <\/p>\n The connectors store credentials securely and handle communication between WordPress and the AI provider in a standardized way.<\/p>\n Pro Tip:<\/strong> If you\u2019d prefer to disable all AI features entirely \u2014 for privacy reasons or to keep things simple \u2014 you can add The WordPress admin area has a new look in 7.0, including updated color schemes, cleaner typography, and smoother transitions between screens.<\/p>\n It\u2019s not a complete redesign, but in practice this means less waiting as you move between screens. For example, clicking from Posts to Settings to the editor no longer triggers a full page reload each time. <\/p>\n The cleaner layout and higher-contrast typography also make it easier to find what you\u2019re looking for, which adds up when you\u2019re publishing frequently or jumping between settings.<\/p>\n Related: <\/strong>See the evolution of the WordPress user interface<\/a>.<\/p>\n One of the most useful additions is that the Command Palette<\/strong>, which was previously only available inside the block editor, is now accessible from anywhere in the admin. <\/p>\n Just press From there, you can quickly navigate to any page, open settings, search posts, or run common actions without touching the mouse. If you\u2019ve ever used the command palette in VS Code or Figma, then this will feel immediately familiar.<\/p>\n Note:<\/strong> This is entirely optional. If keyboard shortcuts aren\u2019t your thing, you don\u2019t need to learn this because all the same actions are still available through the normal menus. It\u2019s a power-user shortcut<\/a> for people who want to move faster.<\/p>\n WordPress 7.0 introduces a feature that page builder plugins<\/a> have offered for years, now built right into the core block editor: the ability to show or hide any block depending on whether a visitor is on a phone, tablet, or desktop.<\/p>\n Whether you want to display a larger image on desktop and swap it for a compact version on mobile, or hide a sidebar element entirely on smaller screens, you can now do all of this without touching a line of CSS.<\/p>\n To use it, select any block and look for the new visibility options in the block toolbar<\/strong> or the block inspector sidebar<\/strong>. <\/p>\n A visibility modal lets you choose which device types \u2014 desktop, tablet, or mobile \u2014 to hide the block on. Any changes you make only affect the viewports you choose, and other screen sizes are untouched.<\/p>\n Here are some more details:<\/p>\n For more details, see the block visibility dev note<\/a>.<\/p>\n WordPress has had a revisions system<\/a> for years, but 7.0 makes it much easier to see what actually changed between versions. <\/p>\n You can now compare two revisions side by side in the editor, with color-coded overlays highlighting every difference.<\/p>\n Here\u2019s a summary of the color-coding system:<\/p>\n The sidebar now also shows changed block attributes<\/strong> alongside the visual diff, so you can see exactly what settings were changed, not just where.<\/p>\n This is a major improvement for anyone who manages a multi-author site<\/a> or wants to review content changes before publishing. <\/p>\n But it\u2019s just as useful if you\u2019re the only person editing. It makes it much easier to spot what you accidentally deleted or changed when you want to roll back to an earlier version.<\/p>\n Before WordPress 7.0, making a small one-off style tweak to a single block required a workaround, usually involving the Additional CSS panel, Global Styles, or manually adding a custom CSS class. <\/p>\n WordPress 7.0 changes that with a new Custom CSS field built directly into the block inspector.<\/p>\n Just select any block, open the Advanced<\/strong> panel in the inspector sidebar, and you\u2019ll find a new Custom CSS field. <\/p>\n Whatever you type there applies only to that specific block instance, so nothing else on the page or site is affected. Changes also render live in the editor so you can see exactly what you\u2019re doing before saving.<\/p>\n A few things worth knowing:<\/p>\n If you\u2019ve ever wanted to make one button a different color, or add a bit of extra spacing around a single image without affecting anything else on the page, this is now the easiest way to do it. <\/p>\n See the custom CSS for individual block instances dev note<\/a> for full details.<\/p>\n WordPress 7.0 adds three new native blocks that previously required a plugin. All are available immediately from the block inserter.<\/p>\n You can now insert SVG icons directly into your content without needing a separate plugin. <\/p>\n The Icons block comes pre-loaded with the full WordPress icon library, and you can search for icons by name.<\/p>\n You can also resize, recolor, and adjust spacing on each icon. <\/p>\n This makes it easy to add visual cues next to feature lists, service cards, or pricing tables without uploading image files or installing a separate plugin.<\/p>\n Pro Tip:<\/strong> Third-party icon libraries (like Font Awesome<\/a> or Heroicons) aren\u2019t included in 7.0, but official support for registering custom icon sets is coming in WordPress 7.1.<\/p>\n The Breadcrumbs block adds a fully functional breadcrumb trail<\/a> to any post, page, or custom post type template, with no plugin required. It automatically generates the trail based on your site structure.<\/p>\n Breadcrumbs help visitors navigate back up through your site hierarchy \u2014 for example, jumping from a blog post to its category page \u2014 and they\u2019re a well-known SEO signal<\/a>. Google uses them in search result snippets, which can improve how your pages appear in search results.<\/p>\n Developers can also customize the breadcrumb items and taxonomy preferences using two new PHP filters that ship with the block.<\/p>\n WordPress 7.0 adds a dedicated Headings block that consolidates all six heading levels (H1\u2013H6)<\/a> into a single block with built-in level variations. <\/p>\n You can switch between heading levels directly from the sidebar inspector without needing to transform the block, and all levels are searchable and accessible from the slash inserter.<\/p>\n This replaces the previous approach of inserting a Heading block and then adjusting the level separately, making heading hierarchy more intentional and easier to manage. <\/p>\n Proper heading structure also matters beyond just looks because screen readers use it to help visually impaired users navigate your content. Plus, search engines use it to understand what a page is about, which can influence your SEO rankings.<\/p>\n Mobile menu overlays in the Navigation block<\/a> are no longer experimental. You now have full control over how your mobile menu appears and behaves without needing a page builder plugin or custom code.<\/p>\n A new \u201cCreate overlay\u201d<\/strong> button in the Navigation block walks you through the setup with a guided flow and pre-built design pattern options to choose from.<\/p>\n Theme developers can also register a new In WordPress 7.0, block patterns<\/a> now default to content-only editing mode<\/strong>. When you click into a pattern, you\u2019ll see a simplified view with block icons and grouped controls in flyout menus, rather than the full block toolbar and settings for every element.<\/p>\n This makes editing patterns much less overwhelming, especially for content creators who don\u2019t need to adjust design settings, just swap out text and images.<\/p>\n Pro Tip:<\/strong> If you\u2019re a developer or advanced user who prefers full access to pattern internals, you can disable content-only mode by adding a filter to your theme or plugin:<\/p>\n \t\t\t1-click Use in WordPress<\/a>\n\t\t<\/p><\/div>\n<\/div>\n<\/div>\n If you use the Gallery block with the lightbox feature enabled, WordPress 7.0 adds back\/next navigation buttons.<\/p>\n This allows visitors to browse through your images without closing the lightbox.<\/p>\n Arrow key navigation also works, so visitors can press the left and right arrow keys to move between images. Any images with the lightbox individually disabled are automatically skipped in the sequence.<\/p>\n If you build WordPress themes or plugins, 7.0 includes several developer-focused additions worth knowing about.<\/p>\n Theme developers can now style See the dev note on pseudo-element support for blocks and their variations in theme.json<\/a> for full details.<\/p>\n You can now register a fully functional block using only PHP, with no JavaScript required for basic functionality. This is useful for server-side blocks and reduces the overhead for simple use cases. <\/p>\n Full details are in the PHP-only block registration dev note<\/a>.<\/p>\n Blocks can now declare a The Font Library has two significant upgrades in 7.0. <\/p>\n It now has a dedicated font management page in the dashboard. This is a single place where you and your team can manage, upload, and install fonts regardless of which theme type you\u2019re using. <\/p>\n And it now works across all theme types: block themes, hybrid themes, and classic themes alike. Previously it was limited to block themes with Full Site Editor support (#73971<\/a>, #73876<\/a>).<\/p>\n WP-CLI 3.0 is releasing alongside WordPress 7.0, adding two new command sets: You can follow the latest on the Make WordPress CLI blog<\/a>.<\/p>\n The More details are in the What\u2019s new for developers? (March 2026)<\/a> post.<\/p>\n Site Health now includes OPCache information under Tools \u00bb Site Health \u00bb Info \u00bb Server<\/strong> (#63697<\/a>), making it easier to diagnose performance issues related to PHP opcode caching.<\/p>\n The post editor now automatically switches to an iframed layout when all blocks in a post are using Block API version 3 or higher. This improves editor stability and performance. <\/p>\n If a post contains older blocks that use an earlier API version, the iframe is skipped to preserve backward compatibility. Plugin and theme developers should verify their blocks\u2019 API version declarations if they notice unexpected editor behavior after updating. <\/p>\n Full details are in the iframed editor changes dev note<\/a>.<\/p>\n The Administrator and Editor roles have been removed from the new user default role selector under Settings \u00bb General<\/strong>. This prevents sites from accidentally assigning high-privilege roles to new accounts by default. <\/p>\n Site Health will display an alert if your site had one of those roles set as the default before updating. Developers can also use the new WordPress 7.0 sets the minimum PHP version at 7.4<\/strong>, though the core team strongly recommends PHP 8.3 or 8.4<\/strong> for performance and security.<\/p>\n Here are a few smaller improvements also included in this release:<\/p>\n Note:<\/strong> Client-Side Media Processing, which was previewed during the beta cycle, was moved to a standalone plugin before the 7.0 release and is not included in core<\/strong>. It will continue to be developed and may return in a future release.<\/p>\n We\u2019ve been following WordPress 7.0 development from planning to release, and it\u2019s genuinely exciting to see so many long-awaited features finally ship. <\/p>\n The new AI Connectors screen sets a strong foundation for how WordPress will integrate with AI going forward, and the editor improvements, including responsive block visibility and per-block custom CSS, give site builders and content creators the tools they\u2019ve been wanting for a long time.<\/p>\n If you haven\u2019t updated yet, we recommend backing up your WordPress site<\/a> first, then updating. <\/p>\n And if you\u2019re on a busy or mission-critical site, consider testing on a staging environment<\/a> before pushing to production. Once you\u2019re in, set aside a few minutes to explore the new features, especially the Connectors screen and the revisions improvements. They\u2019re easy to miss but genuinely useful.<\/p>\n If you liked this article, then please subscribe to our\u00a0YouTube Channel<\/a>\u00a0for WordPress video tutorials. You can also find us on\u00a0Twitter<\/a>\u00a0and Facebook<\/a>.<\/p>\n The post What\u2019s New in WordPress 7.0? (Features & Screenshots)<\/a> first appeared on WPBeginner<\/a>.<\/p>","protected":false},"excerpt":{"rendered":" WordPress 7.0 is finally here \ud83e\udd73, and we\u2019ve been testing it since the early beta. It\u2019s the first major release of 2026, and it\u2019s a big one, with a brand-new AI Connectors screen, responsive block controls, and a refreshed admin experience that makes the dashboard feel like a modern web app. Whether you run a […]<\/p>\n","protected":false},"author":1,"featured_media":5173,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[1],"tags":[],"class_list":["post-5172","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-latest-news"],"jetpack_featured_media_url":"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/frontlinenewsng.org\/wp-content\/uploads\/2026\/05\/whats-new-wp-7-featured-TSFJAA.jpg?fit=680%2C380&ssl=1","jetpack_likes_enabled":true,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/posts\/5172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5172"}],"version-history":[{"count":0,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/posts\/5172\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=\/wp\/v2\/media\/5173"}],"wp:attachment":[{"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontlinenewsng.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
<\/ul>\n<\/li>\n
<\/ul>\n<\/li>\n
<\/ul>\n<\/li>\n
Connect WordPress to AI with the New Connectors Screen \ud83e\udd16 <\/h4>\n
![\"AI](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/03\/ai-connectors-wp-7.png?resize=640%2C378&ssl=1\")
<\/figure>\ndefine( 'WP_AI_SUPPORT', false );<\/code> to your wp-config.php<\/code> file. This turns off all LLM-related features across the site.<\/p>\n<\/div>\nA Refreshed Admin Experience \u2728<\/h4>\n
![\"WordPress](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/wp7-admin-design-refresh.png\")
![\"WP](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/wp7-admin-redesign.gif\")
Command Palette Is Now Available Everywhere<\/h5>\n
\u2318K<\/code> on Mac or Ctrl+K<\/code> on Windows\/Linux to open it from any screen.<\/p>\n![\"Command](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/03\/commandpalette.gif\")
Responsive Block Visibility by Device \ud83d\udcf1<\/h4>\n
![\"Hide](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/hide-block.jpeg\")
![\"Hide](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/hide-block-options.jpeg\")
\n
Smarter Visual Revisions \ud83d\udd53<\/h4>\n
\n
![\"Visual](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/visual-revisions.png\")
Custom CSS for Individual Blocks \u270f\ufe0f<\/h4>\n
![\"Block](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/04\/additional-css.jpeg\")
\n
block.json<\/code> if needed.<\/li>\n<\/ul>\nNew Blocks: Icons, Breadcrumbs, and Headings <\/h4>\n
Icons Block<\/h5>\n
![\"Icon](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/icon-library-wp70.png\"){kind=icon}
![\"Icons](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/icons-block-wp7.png\"){kind=icon}
Breadcrumbs Block<\/h5>\n
![\"Breadcrumbs](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/breadcrumbs-block-wp-7.png\")
Headings Block<\/h5>\n
Customizable Navigation Overlays <\/h4>\n
![\"Designing](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/navigation-mobile-overlay.png\")
navigation-overlay<\/code> template part area to give users even more control from the site editor.<\/p>\nPattern Editing Gets Smarter<\/h4>\n
![\"Pattern](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/pattern-isolate-mode.png\")
\nadd_filter( 'block_editor_settings_all', function( $settings ) {\n $settings['disableContentOnlyForUnsyncedPatterns'] = true;\n return $settings;\n} );\n<\/pre>\nGallery Lightbox Gets Navigation \ud83d\uddbc\ufe0f<\/h4>\n
![\"Image](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/03\/image-lightbox-navigation.png\")
Under the Hood Changes in WordPress 7.0 \ud83d\udd27<\/h4>\n
Pseudo-Element Support in theme.json<\/h5>\n
:hover<\/code>, :focus<\/code>, :focus-visible<\/code>, and :active<\/code> states directly in theme.json<\/code>\u00a0, with no custom CSS file needed. This works for blocks and style variations, giving you cleaner, more maintainable theme code. <\/p>\nPHP-Only Block Registration<\/h5>\n
Block Selectors API<\/h5>\n
selectors.css<\/code> entry in block.json<\/code> to tell WordPress exactly which CSS selector to use when applying Global Styles. This gives theme and plugin developers precise control over how styles are scoped, which is useful when a block\u2019s default CSS selector doesn\u2019t match the element you need to target.<\/p>\nFont Library Gets a Dedicated Page<\/h5>\n
![\"Font](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/fonts-library-classic-theme.png\")
WP-CLI 3.0<\/h5>\n
wp block<\/code><\/a> for read-only block entity access, and the new wp ability<\/code> commands for working with the AI Abilities API. <\/p>\nwp-env: phpMyAdmin on Playground Runtime<\/h5>\n
wp-env<\/code> local development tool now supports phpMyAdmin on the Playground runtime, reaching feature parity with the Docker runtime. Enable it by adding \"phpmyadmin\": true<\/code> to your .wp-env.json<\/code> file. <\/p>\nOPCache in Site Health<\/h5>\n
Iframed Editor<\/h5>\n
More Secure User Registration Defaults<\/h5>\n
default_role_dropdown_excluded_roles<\/code> filter to customize which roles are excluded.<\/p>\nPHP Requirements<\/h5>\n
\nMiscellaneous Enhancements in WordPress 7.0 <\/h4>\n
\n
![\"Video](\"https:\/\/mlcqvjhyzqda.i.optimole.com\/cb:UNMm.7bb\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/i0.wp.com\/www.wpbeginner.com\/wp-content\/uploads\/2026\/02\/cover-background-video.gif\")
\n
watch()<\/code> function<\/a> for cleaner side-effect patterns in interactive blocks.<\/li>\n@wordpress\/dataviews<\/code> should review the breaking changes.<\/li>\n<\/ul>\n
\nFinal Thoughts on WordPress 7.0<\/h4>\n