{"id":2565,"date":"2026-07-27T10:15:36","date_gmt":"2026-07-27T10:15:36","guid":{"rendered":"https:\/\/mailurdu.co.uk\/?p=2565"},"modified":"2026-07-27T10:15:36","modified_gmt":"2026-07-27T10:15:36","slug":"whats-coming-in-wordpress-7-1-features-screenshots","status":"publish","type":"post","link":"https:\/\/mailurdu.co.uk\/?p=2565","title":{"rendered":"What\u2019s Coming in WordPress 7.1? (Features &amp; Screenshots)"},"content":{"rendered":"<p class=\"wp-block-paragraph\">WordPress 7.1 beta is now available for testing, and we have been running it on our test sites for the past week.<\/p>\n<p class=\"wp-block-paragraph\">The official release is scheduled for August 19, 2026, timed with WordCamp US. <\/p>\n<p class=\"wp-block-paragraph\">While WordPress 7.0 rebuilt the admin and introduced the AI Client, 7.1 turns to the editor. For the first time, you can design for tablets and phones, and style hover and focus states, without writing a line of CSS.<\/p>\n<p class=\"wp-block-paragraph\">Let\u2019s take a look at what\u2019s coming in WordPress 7.1, with screenshots and examples of how each feature works.<\/p>\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"380\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/whats-coming-wp-7-1-featured.jpg\" alt=\"Overview of upcoming WordPress 7.1\" class=\"wp-image-410553\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/whats-coming-wp-7-1-featured.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/whats-coming-wp-7-1-featured-300x168.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\"><strong>TL;DR: What\u2019s coming in WordPress 7.1<\/strong><\/p>\n<ul class=\"wp-block-list\">\n<li>Notes get a major upgrade with @mentions, the ability to add notes to specific text, support for multiple discussion threads, and rich formatting.<\/li>\n<li>Responsive styling lets you control how blocks look on tablets and phones, directly in the editor, without custom CSS.<\/li>\n<li>A new image editor and smarter media handling, including HEIC support and uploads pause if your connection drops, then continue when you are back online.<\/li>\n<li>New Tabs and Playlist blocks, plus the admin toolbar now stays visible while you work in the editor.<\/li>\n<\/ul>\n<div class=\"wpb-alert style-grey\">\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> This beta release is for testing and development only. So, please do not install, run, or test this version of WordPress on your live website.<\/p>\n<p class=\"wp-block-paragraph\">Instead, we recommend using a <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-create-staging-environment-for-a-wordpress-site\/\" title=\"How to Easily Create a Staging Site for WordPress (Step by Step)\">staging site<\/a> or a local site. You can test WordPress 7.1 Beta by installing and activating the <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-beta-tester\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"WordPress Beta Tester\">WordPress Beta Tester<\/a> plugin.<\/p>\n<\/div>\n<div class=\"wp-block-aioseo-table-of-contents\">\n<ul>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-when-is-wordpress-7-1-coming-out-13\">When Is WordPress 7.1 Coming Out?<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-collaborate-better-with-the-upgraded-notes-14\">Collaborate Better With the Upgraded Notes<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-responsive-styling-without-writing-css-27\">Responsive Styling Without Writing CSS<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-style-hover-and-focus-states-for-buttons-36\">Style Hover and Focus States for Buttons<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-new-tabs-block-42\">New Tabs Block<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-new-playlist-block-48\">New Playlist Block<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-block-improvements-in-wordpress-7-1-94\">Block Improvements in WordPress 7.1<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-a-new-image-editor-in-wordpress-7-1-52\">A New Image Editor in WordPress 7.1<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-smoother-and-smarter-media-handling-59\">Smoother and Smarter Media Handling<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-the-admin-toolbar-now-follows-you-everywhere-72\">The Admin Toolbar Now Stays Visible When Editing<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-a-more-personal-more-navigable-admin-83\">A More Personal, More Navigable Admin<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-what-about-real-time-collaboration-105\">What Didn&#8217;t Make It Into WordPress 7.1?<\/a><\/li>\n<li><a class=\"aioseo-toc-item\" href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/#aioseo-under-the-hood-developer-performance-updates-111\">Under the Hood (Developer &amp; Performance Updates)<\/a><\/li>\n<\/ul>\n<\/div>\n<h4 class=\"wp-block-heading\">When Is WordPress 7.1 Coming Out?<\/h4>\n<p class=\"wp-block-paragraph\">WordPress 7.1 will be released on August 19, 2026, which is the final day of WordCamp US 2026. The date is still marked tentative on the <a href=\"https:\/\/make.wordpress.org\/core\/7-1\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"WordPress 7.1 release schedule\">official WordPress release schedule<\/a>, so it could shift if testing uncovers a serious bug.<\/p>\n<p class=\"wp-block-paragraph\">Before then, WordPress 7.1 will go through two release candidates, on August 5 and August 12. Those are near-final builds, so you will know exactly what is in the release by early August.<\/p>\n<h4 class=\"wp-block-heading\">Collaborate Better With the Upgraded Notes<\/h4>\n<p class=\"wp-block-paragraph\">The Notes feature arrived in <a href=\"https:\/\/www.wpbeginner.com\/news\/whats-new-in-wordpress-6-9\/\" title=\"What's New in WordPress 6.9\">WordPress 6.9<\/a> as a simple way to leave comments on blocks. WordPress 7.1 will turn it into a proper feedback system.<\/p>\n<p class=\"wp-block-paragraph\">The most useful addition is @mentions. Typing \u2018@\u2019 inside a note brings up a searchable list of collaborators to tag directly. This makes it much easier to direct feedback to the right person on your team.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"680\" height=\"342\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/note-mentions.jpg\" alt=\"Tag team members with @mentions\" class=\"wp-image-410555\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/note-mentions.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/note-mentions-300x150.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">Inline notes are new too. Instead of attaching a comment to an entire block, you can select a specific sentence or phrase and leave a note on just that text. The selection stays highlighted, so everyone can see exactly what the note refers to.<\/p>\n<p class=\"wp-block-paragraph\">This removes a lot of guesswork. Previously, a note saying \u201cplease rephrase this\u201d could apply to anything in a long paragraph. Now, it points at the exact words.<\/p>\n<p class=\"wp-block-paragraph\">Other Notes improvements include:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Multiple threads:<\/strong> More than one conversation can run on the same block, instead of folding every comment into a single thread.<\/li>\n<li><strong>Text formatting:<\/strong> Notes now support bold, italic, code, links, and emoji.<\/li>\n<li><strong>Show more \/ show less:<\/strong> Long notes collapse by default to keep the sidebar tidy.<\/li>\n<\/ul>\n<p class=\"wp-block-paragraph\">These changes make Notes genuinely useful for teams, agencies, and multi-author blogs.<\/p>\n<h4 class=\"wp-block-heading\">Responsive Styling Without Writing CSS<\/h4>\n<p class=\"wp-block-paragraph\">You can now define how a block looks at different screen sizes directly in the editor. <\/p>\n<p class=\"wp-block-paragraph\">For example, a smaller font size for headings on mobile, or different spacing for tablets, without writing a single line of CSS.<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"680\" height=\"352\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-styles-site-editor.jpg\" alt=\"Responsive styles in WordPress 7.1\" class=\"wp-image-410561\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-styles-site-editor.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-styles-site-editor-300x155.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">When you switch the editor preview to Tablet or Mobile, any style change you make applies only to that screen size.<\/p>\n<p class=\"wp-block-paragraph\">WordPress also shows a small badge in the block settings panel, so you always know which screen size you are styling.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"399\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-design-device-indicatiors.jpg\" alt=\"Responsive design and device indicators in site editor\" class=\"wp-image-410562\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-design-device-indicatiors.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/responsive-design-device-indicatiors-300x176.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">It works on two levels. Responsive styles set in Global Styles apply to every instance of a block across your site. Styles set on a single block apply only to that page.<\/p>\n<p class=\"wp-block-paragraph\">The editor canvas is also more flexible. Instead of being limited to the Desktop, Tablet, and Mobile preview presets, you can drag the canvas to any width and watch your blocks respond in real time.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/device-break-points-1.gif\" alt=\"Drag to adjust device breakpoints\" class=\"wp-image-410563\"\/><\/figure>\n<p class=\"wp-block-paragraph\">In our testing, this felt natural very quickly. Theme developers can even define their own breakpoints in theme.json, so the preview widths can match the theme you\u2019re actually using.<\/p>\n<p class=\"wp-block-paragraph\">If you style one block and then decide you want that look everywhere, applying the change to Global Styles brings up a quick review step. You can choose exactly which modified styles to apply globally and keep the rest as local overrides.<\/p>\n<h4 class=\"wp-block-heading\">Style Hover and Focus States for Buttons<\/h4>\n<p class=\"wp-block-paragraph\">Alongside responsive styling, WordPress 7.1 will introduce interactive state styling. A new \u2018States\u2019 dropdown lets you visually style how blocks respond to interaction.<\/p>\n<p class=\"wp-block-paragraph\">The most common use case is buttons: you can now set a different background color for hover, focus, or active states and preview the change live in the editor.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"354\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/interaction-states.jpg\" alt=\"Interaction styles in WordPress 7.1\" class=\"wp-image-410564\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/interaction-states.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/interaction-states-300x156.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">Until now, changing a button\u2019s hover color meant writing custom CSS, even though it\u2019s a tiny change. Now, it\u2019s a built-in design option.<\/p>\n<h4 class=\"wp-block-heading\">New Tabs Block<\/h4>\n<p class=\"wp-block-paragraph\">WordPress 7.1 will add a Tabs block that many users have been asking for.<\/p>\n<p class=\"wp-block-paragraph\">Tabs let you organize content into clickable panels instead of showing everything at once. They are great for product specifications, FAQs, or comparing options without making a page feel long.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"366\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-tab-block.jpg\" alt=\"The new Tabs block in WordPress 7.1\" class=\"wp-image-410565\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-tab-block.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-tab-block-300x161.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">Previously, you had to <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-add-tabbed-content-in-wordpress-posts-and-pages\/\" title=\"How to Add Tabbed Content in WordPress Posts and Pages\">add tabbed content using a plugin<\/a>. Just keep in mind that tabs you already built with a plugin will not convert to this core block automatically.<\/p>\n<h4 class=\"wp-block-heading\">New Playlist Block<\/h4>\n<p class=\"wp-block-paragraph\">The second new block in WordPress 7.1 will be the Playlist block. It lets you add a collection of audio files to any post or page. You can also show your track\u2019s title, artist, and cover art, plus a waveform graphic of the audio.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"337\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/playlist-block.jpg\" alt=\"New playlist block in WordPress 7.1\" class=\"wp-image-410566\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/playlist-block.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/playlist-block-300x150.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">This is most useful for musicians, churches, educators, and anyone else who publishes audio. If you <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/step-by-step-guide-how-to-start-a-podcast-with-wordpress\/\" title=\"How to Start a Podcast (and Make it Successful)\">run a podcast with WordPress<\/a>, then you can add a set of episodes to one player on a page. <\/p>\n<h4 class=\"wp-block-heading\">Block Improvements in WordPress 7.1<\/h4>\n<p class=\"wp-block-paragraph\">Several existing blocks will get meaningful upgrades in this release:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Background gradients and images work together:<\/strong> You can now layer a gradient over a background image in the Group block (and several other blocks) without the two conflicting. This is handy for keeping text readable over hero images.<\/li>\n<li><strong>Text shadows:<\/strong> Themes can now set a text shadow through theme.json, either globally, on specific blocks, or on elements like links. For now it only works in theme.json, so there is no setting in the editor yet.<\/li>\n<li><strong>Editable content inside the HTML block:<\/strong> The HTML block now supports editable <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-select-and-use-wordpress-nested-blocks\/\" title=\"How to Select and Use Nested Blocks in WordPress\">nested blocks<\/a>. This is especially useful when working with AI-generated layouts, which often arrive as custom HTML.<\/li>\n<li><strong>Mark images as decorative:<\/strong> A new toggle on the Image block lets you mark purely decorative images so that screen readers skip them. This is an easy <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-improve-accessibility-on-your-wordpress-site\/\" title=\"How to Improve Accessibility on Your WordPress Site\">accessibility win<\/a>, because decorative images with meaningless alt text are one of the most common accessibility mistakes.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"329\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/mark-image-decorative.jpg\" alt=\"Mark image decorative\" class=\"wp-image-410577\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/mark-image-decorative.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/mark-image-decorative-300x145.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<ul class=\"wp-block-list\">\n<li><strong>Smarter shortcode handling:<\/strong> Pasting or converting an embed shortcode now creates a proper Embed block instead of leaving raw shortcode text behind.<\/li>\n<li><strong>Grid transforms:<\/strong> Columns and Gallery blocks can now transform into Grid layouts while preserving their content.<\/li>\n<li><strong>Icon block upgrades:<\/strong> The Icon block, added in WordPress 7.0, now lets you flip and rotate icons. It also starts with a default icon instead of an empty placeholder, and the picker groups icons into collections so you can browse them more easily. Plugins and themes can now register their own icon sets, so expect branded icon libraries from your favorite plugins.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"257\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/icon-block-options.jpg\" alt=\"Icon block options\" class=\"wp-image-410579\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/icon-block-options.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/icon-block-options-300x113.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<h4 class=\"wp-block-heading\">A New Image Editor in WordPress 7.1<\/h4>\n<p class=\"wp-block-paragraph\">WordPress 7.1 will replace the old inline cropping tool with a dedicated Media Editor modal.<\/p>\n<p class=\"wp-block-paragraph\">The entry point stays familiar. You still click the Crop button on an Image block.<\/p>\n<p class=\"wp-block-paragraph\">But instead of the cramped inline controls, a full editing modal opens with freeform cropping, aspect-ratio presets, flip and rotate controls, and metadata editing in one place.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"335\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-image-editor.jpg\" alt=\"New image editor in WordPress 7.1\" class=\"wp-image-410567\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-image-editor.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/new-image-editor-300x148.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">The new editor also works with the Cover block, so you can crop a background image right where you use it.<\/p>\n<p class=\"wp-block-paragraph\">This won\u2019t replace a full photo editor. However, for the <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-crop-rotate-scale-and-flip-images-in-wordpress\/\" title=\"How to Do Basic Image Editing in WordPress (Crop, Rotate, Scale, Flip)\">basic image editing<\/a> most site owners actually do, it is a big usability win.<\/p>\n<h4 class=\"wp-block-heading\">Smoother and Smarter Media Handling<\/h4>\n<p class=\"wp-block-paragraph\">\u00a0In WordPress 7.1, your web browser does most of the work of processing images before they are uploaded to your server. It resizes, compresses, and converts them, and creates the smaller thumbnail sizes that WordPress needs.<\/p>\n<p class=\"wp-block-paragraph\">There are two benefits. Your server does much less work, which means fewer failed uploads on limited hosting plans. And WordPress can now handle more image formats, including HEIC, which is the default format on iPhones, plus UltraHDR, AVIF, and WebP. It can also convert animated GIFs into more efficient videos.<\/p>\n<p class=\"wp-block-paragraph\">HEIC is the biggest change here. Until now, HEIC photos have been converted on the server, but only if your web host runs a recent enough version of ImageMagick, the software WordPress uses to process images. Some iPhone users had to <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-add-heic-to-jpg-conversion-in-wordpress\/\" title=\"How to Add HEIC to JPG Conversion in WordPress (Easy Method)\">convert HEIC to JPG<\/a> before uploading.<\/p>\n<p class=\"wp-block-paragraph\">With 7.1, your browser does the converting instead. This works fully in Chrome and Edge. Safari can convert iPhone photos, but the resizing and thumbnail creation still happen on your server. In Firefox, WordPress passes the whole job back to your server.<\/p>\n<p class=\"wp-block-paragraph\">Uploads are also more reliable. If your internet connection drops mid-upload, the queue pauses and resumes automatically when you are back online. A progress indicator keeps you informed for batch uploads.<\/p>\n<p class=\"wp-block-paragraph\">There are smaller everyday improvements too:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Smarter galleries:<\/strong> A new dynamic Gallery mode can automatically pull in and sort media already attached to the current post.<\/li>\n<li><strong>Attached images in the inserter:<\/strong> After you upload images to a post, they appear in a new \u2018Attached images\u2019 section, so you don\u2019t have to dig through the whole Media Library.<\/li>\n<li><strong>Infinite scrolling:<\/strong> The Media Library grid now loads more items automatically as you scroll. You can turn this off in your user profile.<\/li>\n<\/ul>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"226\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/use-attached-images.jpg\" alt=\"Use attached images in Gallery block\" class=\"wp-image-410569\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/use-attached-images.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/use-attached-images-300x100.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">Together, these changes mean fewer upload errors and less load on your server. That\u2019s especially good news if you\u2019re on a budget WordPress hosting plan.<\/p>\n<h4 class=\"wp-block-heading\">The Admin Toolbar Now Stays Visible When Editing<\/h4>\n<p class=\"wp-block-paragraph\">WordPress 7.1 will make the admin toolbar stay visible in the Site Editor and the Block Editor, instead of disappearing when you start editing.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"345\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/consistent-admin-bar.jpg\" alt=\"Consistent admin bar in WordPress 7.1\" class=\"wp-image-410570\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/consistent-admin-bar.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/consistent-admin-bar-300x152.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\">The toolbar itself is also getting a design cleanup as part of this change:<\/p>\n<ul class=\"wp-block-list\">\n<li>A clear back button (chevron) replaces the confusing W logo that used to double as a back button.<\/li>\n<li>Your site icon now appears in the toolbar, and your profile avatar is a circle instead of a square.<\/li>\n<li>The old Dashicons icons are replaced with modern SVG icons.<\/li>\n<\/ul>\n<p class=\"wp-block-paragraph\">The toolbar stays hidden in Distraction Free mode, so you still get a clean writing canvas.<\/p>\n<h4 class=\"wp-block-heading\">A More Personal, More Navigable Admin<\/h4>\n<p class=\"wp-block-paragraph\">Beyond the toolbar, WordPress 7.1 will include a set of smaller admin improvements that add up.<\/p>\n<p class=\"wp-block-paragraph\"><strong>Command Palette improvements:<\/strong> The Command Palette (Ctrl+K on Windows, Command+K on Mac) now groups results into Recent, matching, and Suggestions sections. Your recently used commands are saved to your preferences, so they persist across sessions.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"347\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/command-palette-suggestions.jpg\" alt=\"Command palette contextual suggestions\" class=\"wp-image-410572\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/command-palette-suggestions.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/command-palette-suggestions-300x153.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\"><strong>Your admin color scheme in the Site Editor:<\/strong> The Site Editor now reflects your chosen admin color scheme instead of always using a fixed dark sidebar. This is a small thing, but it makes the whole admin area feel consistent.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/site-editor-matches-admin-color-scheme-1024x516.jpg\" alt=\"Site Editor matches the admin color scheme\" class=\"wp-image-410573\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/site-editor-matches-admin-color-scheme-1024x516.jpg 1024w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/site-editor-matches-admin-color-scheme-300x150.jpg 300w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/site-editor-matches-admin-color-scheme-768x387.jpg 768w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/site-editor-matches-admin-color-scheme.jpg 1508w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"\/><\/figure>\n<p class=\"wp-block-paragraph\"><strong>A dedicated Identity section:<\/strong> Site identity settings like your title, tagline, logo, and site icon now live in their own clearly labeled <strong>Design \u00bb Identity<\/strong> section in the <a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/wordpress-full-site-editing\/\" title=\"A Complete Beginner's Guide to WordPress Full Site Editing\">Site Editor<\/a>. You no longer need to hunt through Settings and templates to update these basics.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"345\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/identity-tab-site-editor.jpg\" alt=\"New 'Identity' tab in site editor\" class=\"wp-image-410574\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/identity-tab-site-editor.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/identity-tab-site-editor-300x152.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\"><strong>On This Day widget:<\/strong> A new dashboard widget resurfaces what you published on this date in past years. It\u2019s a fun nudge for long-running blogs, and useful for finding old content worth updating.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"259\" src=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/on-this-day-widget.jpg\" alt=\"New 'On This Day' widget\" class=\"wp-image-410576\" srcset=\"https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/on-this-day-widget.jpg 680w, https:\/\/www.wpbeginner.com\/wp-content\/uploads\/2026\/07\/on-this-day-widget-300x114.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\"\/><\/figure>\n<p class=\"wp-block-paragraph\"><strong>Change a comment\u2019s parent:<\/strong> The Edit Comment screen will add an editable \u2018In reply to\u2019 control, so you can finally re-thread a comment that ended up under the wrong reply. It works within a single post, not across posts.<\/p>\n<h4 class=\"wp-block-heading\">What Didn\u2019t Make It Into WordPress 7.1?<\/h4>\n<p class=\"wp-block-paragraph\">We want to be upfront: real-time collaboration will not ship in WordPress 7.1. If you followed our <a href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-0-features-and-screenshots\/\" title=\"What's Coming in WordPress 7.0\">WordPress 7.0 coverage<\/a>, then you may remember that Google Docs-style real-time collaboration has been in development for a while.<\/p>\n<p class=\"wp-block-paragraph\">The feature is enabled in the Gutenberg plugin, where multiple people can already edit the same post together.<\/p>\n<p class=\"wp-block-paragraph\">However, the core team is still working through big decisions, including how collaboration data should be stored and whether to ship the full feature or just the underlying architecture first.<\/p>\n<p class=\"wp-block-paragraph\">There is a dedicated community testing effort that will continue beyond the 7.1 cycle to get collaborative editing ready. Until it lands in core, you can <a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-add-document-collaboration-in-wordpress-block-editor-google-doc-style\/\" title=\"How to Add Collaboration in WordPress Block Editor (Google-Doc Style)\">add collaboration to the block editor with a plugin<\/a>. <\/p>\n<p class=\"wp-block-paragraph\">We think that caution is the right call. A collaboration feature that loses someone\u2019s work would be far worse than a delayed one.<\/p>\n<p class=\"wp-block-paragraph\">Similarly, support for Unicode (non-Latin) email addresses was originally planned for 7.1 but was pulled during beta testing. That work will continue in a community plugin for broader compatibility and security testing before it lands in core.<\/p>\n<h4 class=\"wp-block-heading\">Under the Hood (Developer &amp; Performance Updates)<\/h4>\n<p class=\"wp-block-paragraph\">WordPress 7.1 will also ship several technical improvements for developers and site performance:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>The post editor is always iframed:<\/strong> In WordPress 7.1, the editing area always runs inside an iframe. Until now, WordPress turned this off if the page contained a block built on an older version of the Block API This means the editing canvas is isolated from admin styles in every case. Blocks using Block API v2 or lower should be updated to v3 for compatibility, and until a third-party block\u2019s developer does that, it may not look or behave the same inside the editor. (<a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-api-versions\/block-migration-for-iframe-editor-compatibility\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Migrating Blocks for iframe Editor Compatibility\">Details<\/a>)<\/li>\n<li><strong>Icons API goes public:<\/strong> New functions like <code>wp_register_icon_collection()<\/code>, <code>wp_register_icon()<\/code>, and <code>wp_get_icon()<\/code> let plugins and themes register custom icon sets with server-side rendering and REST API endpoints. SVGs are sanitized against a strict allowlist. (<a href=\"https:\/\/make.wordpress.org\/core\/2026\/07\/24\/registering-and-rendering-svg-icons-in-wordpress-7-1\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Registering and rendering SVG icons in WordPress 7.1\">Dev note<\/a>)<\/li>\n<li><strong>Design system maturity:<\/strong> The <code>wordpress\/theme<\/code> package introduces design tokens and a stable React ThemeProvider for consistent UI theming. (<a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/76941\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Design system theming for WordPress 7.1\">Details<\/a>)<\/li>\n<li><strong>Connectors authentication:<\/strong> The Connectors framework will support username and application-password login in addition to API keys. (<a href=\"https:\/\/core.trac.wordpress.org\/ticket\/64850\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Connectors: Extend bridge for JS custom card rendering and non-API-key authentication support\">Details<\/a>)<\/li>\n<\/ul>\n<p class=\"wp-block-paragraph\">We are looking forward to the release of WordPress 7.1. It may not have a single blockbuster feature, but it fixes a long list of everyday annoyances, and that matters more for most website owners.<\/p>\n<p class=\"wp-block-paragraph\">Our favorite additions are the upgraded Notes and responsive styling. The ability to tag a teammate on an exact sentence brings WordPress much closer to a modern editorial tool.<\/p>\n<p class=\"wp-block-paragraph\">If you liked this article, then please subscribe to our\u00a0<a href=\"https:\/\/youtube.com\/wpbeginner?sub_confirmation=1\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Subscribe to WPBeginner YouTube Channel\">YouTube Channel<\/a>\u00a0for WordPress video tutorials. You can also find us on\u00a0<a href=\"https:\/\/twitter.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Follow WPBeginner on Twitter\">Twitter<\/a>\u00a0and <a href=\"https:\/\/facebook.com\/wpbeginner\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"Join WPBeginner Community on Facebook\">Facebook<\/a>.<\/p>\n<p class=\"wp-block-paragraph\">\n<\/p><p>The post <a href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-7-1-features-screenshots\/\">What\u2019s Coming in WordPress 7.1? (Features &amp; Screenshots)<\/a> first appeared on <a href=\"https:\/\/www.wpbeginner.com\/\">WPBeginner<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 7.1 beta is now available for testing, and we have been running it on our test sites for the past week. The official release is scheduled for August 19, 2026, timed with WordCamp US. While WordPress 7.0 rebuilt the <a class=\"read-more\" href=\"https:\/\/mailurdu.co.uk\/?p=2565\">\u0645\u0632\u06cc\u062f \u067e\u0691\u06be\u06cc\u06ba<\/a><\/p>\n","protected":false},"author":1,"featured_media":2566,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2565","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pakistan"],"_links":{"self":[{"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/2565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2565"}],"version-history":[{"count":0,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/2565\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=\/wp\/v2\/media\/2566"}],"wp:attachment":[{"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailurdu.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}