Help Test WordPress 7.0

WordPress 7.0 โ€” the first major releaseMajor Release A set of releases or versions having the same major version number may be collectively referred to as โ€œX.Yโ€ -- for example version 5.2.x to refer to versions 5.2, 5.2.1, and all other versions in the 5.2. (five dot two dot) branch of that software. Major Releases often are the introduction of new major features and functionality. of 2026 โ€” is coming fast. The official release will launch April 9, 2026.

With the launch of BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 1, itโ€™s time to start testing everything. Thatโ€™s the best way to make sure this WordPress is stable, reliable, and easy to use for users across the globe.

Early testing is critical.

It finds bugs, usability issues, and compatibility concerns while thereโ€™s still time to address them.ย 

Then at launch, youโ€™ll find your testing might have led to an improvement you can see and feel.

Got a few minutes? A few hours? Every bit of testing makes a big difference โ€” possibly, the difference between a new feature landing in 7.0 or not.

Stay informed!

The WordPress 7.0 release schedule page has everything you need to know about the latest pre-release builds and milestones.

For real-time updates, you can follow discussions and find collaboration opportunities in the #core-test and #core channels in the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. You might want to join both channels!ย 

Also, you are more than welcome at every upcoming release party, testing session, and test scrub throughout the release cycle and beyond.

Thank you!

Did you know youโ€™re already a hero? Anything you do โ€” even just reading this post โ€” helps shape WordPress 7.0 into the strongest, most polished release ever.ย 

And with the new features coming in 7.0, youโ€™ll help make it a blockbuster release for the entire community.

๐Ÿงช Testing Tips

You donโ€™t need to be a certified software tester or QA professional, or any kind of expert, to help test WordPress.ย 

Simply use WordPress as you would every day (on a test installation, of course!)

Run WordPress hard. Take it through processes that mimic your projects, workflows, and experiments. Try to break things.

Notice something unexpected? Run into a bug? Is a feature not behaving the way you thought it would? Please consider reporting it.

Not sure what the expected behaviour should be? No problem! Join the conversation in the `#core-test` channel on the Making WordPress Slack, where contributors and developers are always happy to help. If youโ€™re comfortable with the ticket system, you can also create a ticket on WordPress TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/..ย 

New tester? You have the global WordPress community at your service. Everyone in it is happy to welcome and support you. ๐ŸŒ

Again, every report, question, or observation you submit makes a difference and helps improve WordPress for hundreds of millions of users.

Recommendations for Testing WordPress Beta/RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. Versions:

  • Test the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Features that Matter to You:ย  Use your site the way you usually do. For instance, if youโ€™re a blogger, running a social platform, or managing an e-commerce store, run your tests through those specific scenarios.
  • Set up a staging site (ask your hosting provider if this is new to you). Do not test or update your live site with a beta version for testing; your users might see any issues that come up.
  • Update WordPress in the staging environmentStaging Environment A staging environment is a non-production copy of your site. This is a private place to build the site -- design, copy, and code -- until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment.. Keep using your site as normal.ย 
  • Take note of anything you experience after the update.ย 
  • Use the General Checklist below to verify everything works as youโ€™d expect.

How to test WordPress Beta Versionsย 

You can test WordPress Beta versions in several ways. Some are fast and easy; some let you run sophisticated tests on the latest backend features.

All of them keep your live websites safe from the effects of any issues you find:

WP-Playground

Playground is a fast and easy way to spin up a test site โ€” without setting up a full environment. Get started at WordPress Playground.

A Local Site on your computerย 

Software like Local or wp-env lets you build a full WordPress site on your computer โ€” no internet required.

How to set up your site:

  1. Download and install Local.
  2. Create a new WordPress site.
  3. Once your site is up and running, install and activate the WordPress Beta Tester pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party., which lets you install pre-release versions of WordPress.
  4. Switch to the development or beta version of WordPress:
    1. Navigate to Tools > Beta Testing.
    2. Choose between Bleeding Edge or Point ReleaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. Nightlies, depending on what you want to test.
    3. Click Save Changes, andย 
    4. Update your WordPress version.

Follow this guide for more detailed instructions.

WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/

Are you most at home in the command line? WP-CLI lets you install a WordPress beta version in record time.

Steps:

  • Create a local WordPress site, however you like to do it. Wait for the notification that your site is ready.
  • Open your terminal and navigate to the root directory of your WordPress installation.

Run the following command to update to the latest beta version:

wp core update --version=7.0-beta1

Or

wp core update --version=7.0-RC1

(Replace the version number as needed, such as โ€“ -version=7.0-beta2.)

With WP-CLI, you can install several different versions and switch between them on the fly. That makes it much easier to test specific builds and compare them.

A Staging Site on your host

You can build a staging site for your production/live site and test it with the WordPress beta/RC version โ€” without affecting your live site.

That way, youโ€™ll be sure everything works the way it should โ€” long before WordPress 7.0 lands in your production/live environment.

Testing Patches

Maybe you donโ€™t need to test an entire version of WordPress, but you do need to test one or more patches.

In that case, youโ€™ll need a specific local WordPress development environment.

Follow these instructions to set it up.

Testing tickets in the browserย 

Do you have a particular PR in the `wordpress-develop` or `gutenberg` repo that youโ€™d like to test in the browser?ย 

You can use Playground for that, and test any Core tickets you like โ€” without installing any software on your system. Just use these links:

General Testing Checklist

If you want to quickly test the updated WordPress versionโ€™s compatibility with your site, please verify the following checks:

First, update your WordPress to the Beta/RC version, enable debugging in wp-config.php, and update your theme and plugins.

  • Ensure plugins and themes didnโ€™t deactivate automatically after the update.
  • Check the WordPress Site Health tool for any new warnings or issues.
  • Confirm there are no layout breaks or misaligned elements.
  • Test links and permalinks to ensure there are no 404 errors.
  • Verify that posts, images, and media are displayed correctly.
  • Ensure the sitemap and robots.txt files are functioning properly.
  • Ensure full access to the admin dashboard without errors.
  • If your site has custom blocks, create content in a new blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and edit existing content.
  • Create a new post: add content, copy-paste text, and manually add media files. Save the post and observe the console for any issues.
  • Create a new page, add content, and check its display in different browsers.
  • Open the browserโ€™s developer console and check for any errors, warnings, or notices.
  • Open the error log file and check for notices, warnings, and fatal errors.
  • Review user roles and permissions to ensure they remain intact.
  • Verify that any scheduled posts or automated tasks (like backups) still function as intended.
  • Ensure all integrated services (like payment gateways or analytics) are operational.
  • Open your site in different browsers and verify that all functionalities work as expected.
  • Check site performance and loading speed after the update.
  • Verify accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) basics such as keyboard navigation, contrast, and screen reader behavior where possible.
  • Test form submissions (contact forms, checkout forms, login forms, etc.).
  • Confirm media uploads, image editing, and gallery functionality work properly.
  • Test theme customization settings (CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your siteโ€™s appearance settings. or Site Editor) for stability.

WordPress continues to work reliably for the diverse global community that depends on it.

If anything fails here, it can directly impact revenue, so prioritise fixing these issues before updating production.

๐Ÿ‘‰ Key Features to Test

Visual RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.

Visual revisions in WordPress 7.0 let you see and restore past versions of a post directly inside the editor, with clear visual highlights of what changed. You get a new โ€œRevisionsโ€ view instead of being taken to a separate screen, with a timeline/slider to move between older and newer revisions. The content canvas shows visual diffs where added text is highlighted in green, removed text in red, and formatting changes like links or bold in yellow, while changed, added, and deleted blocks are visually marked so you can quickly see which parts of the page changed. In this mode, you can inspect and restore a revision, but you cannot edit content directly, keeping the experience focused on review and recovery.

Testing Steps

  1. Create content and revisions
    • Create a new post or page.
    • Add a few different blocks (Paragraph, Heading, List, Image).
    • Make several changes and click Update each time (add text, remove text, change formatting, add/remove blocks).
  2. Open the inโ€‘editor revisions view
    • In the editor, open the post sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. (Document/Settings).
    • Click the Revisions link/count.
    • Confirm you stay in the editor and see a dedicated revisions headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitorโ€™s opinion about your content and you/ your organizationโ€™s brand. It may also look different on different screen sizes. and slider.
  3. Use the slider/timeline
    • Move the slider to older and newer revisions.
    • Confirm the canvas updates to show the selected revision and that the current revision is clearly indicated.
  4. Check visual diffs
    • Verify:
      • Added text is highlighted in green with an underline.
      • Removed text is highlighted in red with strikethrough.
      • Pure formatting changes (e.g., turning a word into a link, making it bold) are shown in yellow (outline/underline).
    • Confirm that changed/added/deleted blocks are visually distinguished from unchanged blocks.
  5. Scroll markers/navigation
    • Look for markers along the scroll area that show where changes exist.
    • Click a marker and confirm the view jumps roughly to the changed area.
  6. Selection and nonโ€‘editing
    • Click on blocks in the revision view.
    • Confirm you can select and inspect them, but cannot type, add new blocks, or move blocks around.

If you encounter any issues or unexpected behaviour while testing, please log them here. Follow #74742 for more details.

Font Library Support for More Theme Types

WordPress previously introduced the Font Library to allow users to upload, manage, and apply fonts directly within WordPress without relying on themes or additional plugins. With updates targeted for WordPress 7.0, this functionality is expanding beyond block themes to better support classic themes as well.

This enhancement means site owners using classic themes can now access font management features in a more consistent way, similar to how media assets are handled. A dedicated Fonts page now appears under Appearance โ†’ Fonts for classic themes (not just block themes), where users can upload, activate, and manage fonts centrally.

Once added, these fonts become available within block editor typography controls โ€” for example, selecting a font family from the Paragraph block settings โ€” helping provide a more unified typography experience across different theme types.

Testing Stepsย 

Verify Font Library Availability in Classic Theme

  1. Install and activate a classic theme (e.g., Twenty Twenty-One or similar).
  2. Navigate to Appearance โ†’ Fonts.

Expected:

  • The fonts page should appear even with a classic theme.
  • No UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing. breakage or missing styles.

Upload Custom Fonts

  1. Go to Appearance โ†’ Fonts.
  2. Upload a supported font file.
  3. Activate the uploaded font.

Expected:

  • Font uploads successfully.
  • The font becomes available in the library.
  • No errors in console or server logs.

Use Fonts in Block Editor

  1. Create or edit a post/page.
  2. Add a block (e.g., Paragraph).
  3. Open Typography settings โ†’ Font Family.
  4. Select the uploaded font.

Expected:

  • Font appears in the dropdown.
  • Font applied correctly in editor preview.

Frontend Rendering Check

  1. Publish/update the post.
  2. View on frontend.

Expected:

  • The selected font displays correctly.
  • No fallback or styling conflicts.

Responsive editing mode

The Responsive Editing Mode introduces enhanced control over how content appears across different device sizes directly within the block editor. This feature allows users to selectively hide blocks based on screen type โ€” desktop, tablet, or mobile โ€” helping create more tailored and optimized viewing experiences without requiring custom CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. or theme-level adjustments.

With this capability, site owners and content creators can better manage responsive layouts, ensuring that specific content elements display appropriately depending on the userโ€™s device. This is especially useful for optimizing readability, improving mobile usability, and delivering cleaner layouts across varying screen sizes.

Testing Stepsย 

  1. Go to the WordPress dashboard and click on Page/Post.
  2. Open the page where you want to modify block visibility.
  3. Click on the specific block that you want to hide for a particular screen size.
  4. Click the three dots (โ‹ฎ) icon in the block toolbar to open additional options.
  5. From the dropdown menu, choose the Hide option.
  6. Select the device type (Desktop, Tablet, or Mobile) where the block should be hidden, then save the page.
  7. View the page on the frontend and confirm that the block is hidden on the selected screen size.
  8. Verify Using List View
    • Click the List View icon in the top toolbar.
    • Locate the block in the list.
    • A crossed eye icon will indicate that the block is hidden on one or more devices.
  9. Modify Hide Settings (If Needed)
    • Click the block with the crossed eye icon.
    • The Hide Block Settings panel will open, allowing you to review or adjust visibility preferences.

If you encounter any issues or unexpected behaviour while testing, please log them here. Follow #73776 for more details.

New Admin Improvements

WordPress 7.0 includes a visual refresh of the admin interface aimed at modernizing wp-admin, improving consistency with the block editor design system, and enhancing overall usability. This update focuses primarily on styling and UI polish without major functional changes, so testing should emphasize visual consistency, plugin compatibility, accessibility, and regression checks.

Testing Stepsย 

  1. Review major admin screens such as Dashboard, Posts/Pages list, editor screens, Settings, Media Library, and Plugins/Themes pages to check visual consistency, spacing, typography, button alignment, and notice styling.
  2. Test plugin compatibility by activating commonly used plugins (e.g., WooCommerce, SEO plugins, form plugins, or custom admin plugins) and verify that admin layouts, buttons, tables, and forms display correctly.
  3. Verify core workflows like creating/editing posts or pages, uploading media, updating settings, and navigating across admin sections to ensure no functional regressions.
  4. Perform accessibility checks, including colour contrast, keyboard navigation, focus states, readability, and screen reader behaviour.
  5. Test responsive admin behaviour by resizing the browser or testing on tablet/mobile widths, ensuring menu collapse, tables, and buttons remain usable.
  6. Observe performance aspects such as admin page load time, layout shifts, console errors, or unusual delays.
  7. Conduct regression checks by comparing behaviour with previous WordPress versions to confirm workflows, settings, and media functionality remain stable.
    (Tip: Open a new Playground instance with an older version of WordPress, like 6.9 and compare )
  8. Report any issues such as broken layouts, plugin conflicts, accessibility regressions, inconsistent styling, or performance concerns.

Follow #64470 for more details.

Customizable overlay for the navigation block

WordPress 7.0 introduces Customizable Navigation Overlays, a new feature that provides greater control over mobile navigation menus directly within the block editor. Previously, mobile menu overlays offered limited customization options, often restricting users to default layouts and styling.

With this enhancement, users can design fully customized navigation overlays using blocks and patterns โ€” allowing them to add branding elements, calls-to-action, images, and tailored navigation structures. These overlays are saved as reusable template parts, enabling consistent design across themes while also allowing theme authors to provide predefined overlay designs.

Testing Steps

  1. Insert a Navigation block on a Template.
  2. Select the Navigation block and look for the โ€˜Settingsโ€™ inside the right panel.
  3. Look for the โ€˜Overlayโ€™ customisation controls and create a โ€˜Custom Overlayโ€™.
  4. Preview it in the Editor.
  5. View it on the Frontend in mobile view.

If you encounter any issues or unexpected behaviour while testing, please log them here. Follow #73084 ย for more details.

Real-time Collaborationย 

Real-time collaboration is the crowning feature of the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses โ€˜blocksโ€™ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ Project phase 3, and this is the first iteration to land in Core. You can call it RTC for short.

But before it can get there, RTC needs you! (And your friends!) Every part of this groundbreaking functionality, from front-end usability to literal php functions, plus database calls, APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. endpoints, and more, needs to run this first implementation through its paces.

In short, please ride this hard. Try to break everything! Thatโ€™s how the folks whoโ€™ve been working on this will know itโ€™s good enough to be in Core.

Testing steps

  • Install WordPress 7.0 Beta 1 on a server that somebody else can reach.ย 
  • This should probably be a new installation. maybe on a local network or on a staging server, or something in betweenโ€”not a production server, but also not a local installLocal Install A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer. on a single machine.
  • In the plugin, navigate to Settings > Writing and toggle on โ€œEnable real-time collaboration.โ€
  • Open a post for editing. Start with a regular post, of course, but remember that pages are also posts, and custom post types are posts too! There are some exceptions, which youโ€™ll find below.ย 
  • Invite a friend or colleague (or two or ten!) to edit the same post.
    • Consider joining a video call and sharing your screens so you can each see both experiences.
    • Or, collaborate with yourself! To do that, open your install in a separate tab and log in as someone else. See if you can edit as both people!
    • Another option: open your site on two machines on the same network.
  • If you have some, use real contentโ€”real text and images, other data sources and other media. See if you can use your usual workflows.

What to expect

  • Real-time collaboration only works when youโ€™re editing posts in the block editor and site editor. It wonโ€™t function on other admin screens.
  • Classic post metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes do not sync. Using these boxes still works, but your collaborators will not see updates in real time. They might even overwrite each otherโ€™s changes.
    • Without looking at the code, itโ€™s not always obvious whether a post meta box is Classic (persisted using a save_post hook) or modern (integrated with the Gutenberg data store). Many plugins still use Classic post meta boxes.
  • Most blocks are compatible. Blocks are synced via their attributes, which means that most blocks support real-time collaboration by default. Some blocks might use local state when working with user input, which can result in issues during real-time collaboration.
  • Plugins that integrate with the block editor might have issues. Behavior with plugins is some of the most important feedback you can give.ย 
  • Collaborator cursors disappear in the Show Template view.
  • Collaborating on the same block can have issues. Please test it anyway, but expect quirkiness around cursor placement. Your feedback may well speed up the fix!
  • Syncing happens over HTTPHTTP HTTP is an acronym for Hyper Text Transfer Protocol. HTTP is the underlying protocol used by the World Wide Web and this protocol defines how messages are formatted and transmitted, and what actions Web servers and browsers should take in response to various commands. polling, so itโ€™s not instant. It could feel laggy sometimesโ€”please report this! As well, if it feels much smoother at some points than at others, please report that. Performance will directly affect how the community takes to RTC long-term.

What to notice

About overall functionality:

  • Did real-time collaboration work the whole time?ย 
  • Did you get disconnected? Did it ever feel unresponsive to the point that it interrupted your work?
  • Did you lose any content? How about duplication?

In real-life workflows, could you collaborate:

  • On custom blocks?
  • Inside a pluginโ€™s UI?
  • In the site editor?
  • On a large document?
  • If you added more than one user?

How did RTC do on accessibility? Did it work:

  • Only using the keyboard?
  • With a screen reader?
  • On a mobile device?

If you encounter any issues or unexpected behaviour while testing, please log them here. Follow #52593ย for more details.

New blocks & updates

WordPress 7.0 adds some new blocks:

  • Icon
  • Breadcrumbsย 

The Icon block lets you add one or more icons and style them in limited ways, with more options to come in the future.

Testing steps

  1. Open a post or page.
  2. Insert the Icon block.
  3. Try out the options you see.ย 

The Breadcrumbs block ships with two options: to show the Home link and select the separator. For now, the block only works with hierarchical post types.

Testing steps

  1. Open a hierarchical post (like a page)
  2. Insert the Breadcrumbs block.
  3. Toggle the option to show the Home link. Does it show up on the page?
  4. Toggle the Home link off. How does that work?
  5. Experiment with choosing separator options.ย 
  6. Report your findings.

Plus, three blocks are getting updates:

  • The Gallery box adds a lightbox to switch between images.
  • The Cover block will support external video.
  • The Grid block is getting new controls.

Client side Media processing in the browser

WordPress 7.0 introduces Client-side media processing, leveraging the browserโ€™s capabilities to handle tasks, like image resizing and compression, for smoother image processing. This enables the use of more advanced image formats and compression techniques, and reduces demand on the web server, providing a more efficient media handling process for both new and existing content, and supporting smoother media workflows.

With so many options and enhancements in WordPress 7.0 Beta 1, this is still only the beginning. You can expect future releases to be even better.

You can check the following details for clear and helpful test instructions.

PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php Compatibility Update in WordPress 7.0ย 

WordPress 7.0 raises the minimum supported PHP version to 7.4, which means sites still running PHP 7.2 or 7.3 will not receive this major update and will remain on the 6.9 branch. To stay current and secure, site owners should plan to upgrade their PHP version with their hosting provider (ideally to PHP 8.3+) and test their site on staging before updating to WordPress 7.0. This change helps WordPress take advantage of newer PHP features and performance improvements while keeping support focused on actively maintained PHP branches; you can read more details in the official announcement here:ย 

Dropping support for PHP 7.2 and 7.3 โ€“ Make WordPress Core

What to Notice

While testing, keep an eye on:

  • Could you find all the features? Could you figure out how to use them just from the interface?
  • How did the workflows feel? Smooth and logical? Or were some slow, confusing, or broken?
  • Did youย  notice visual regressions in the editor, admin screens, or frontend?
  • How did patterns, templates, and site editor changes behave when you changed style variations, or themes?
  • Did you test any assistive devices or on-device accessibility settings (focus order, keyboard traps, missing labels, reducedโ€‘motion, contrast settings)? How did the feature work under those conditions?
  • Do you see PHP notices, warnings, or deprecations in logs or the debug console that werenโ€™t there before? Did any show up on the front end, where visitors might see?

Make notes of anything that feels offโ€”even if youโ€™re not sure itโ€™s a bug.

Where to Report Feedback

Please share everything that stood outโ€”as a problem or a plus, or anything in betweenโ€”issues, suggestions, and whatever else you found significant.

Choose any of these options:

  • Post in the #core-test & #core channel in the Making WordPress Slack to discuss issues in real time.
  • Create a trac ticket at https://core.trac.wordpress.org/ for WordPress Core issues.
  • Open a GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ issue in the Gutenberg repository for editorโ€‘related bugs.

Include as much detail as you can in your report:

  • WordPress version (e.g. 7.0โ€‘beta1 or 7.0โ€‘RC1).
  • PHP version and database type/version.
  • Theme and active plugins.
  • Exact steps to reproduce the issue.
  • Screenshots, screen recordings, and any error messages/logs you could capture.

Changelog

1.0.0 โ€“ Initial Post

1.0.1 โ€“ Removed Tab Block Details

Props to @marybaum for working on the New Blocks and Real-time Collaboration sections.
Props to @anveshika for working on Customizable Overlay and Responsive Editing Mode sections.
Props to @amykamala, @muddassirnasim, and @wildworks for the pre-publish review of this post.

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"

Help Test WordPress 6.9

๐Ÿ“… Mark your calendars! WordPress 6.9 is scheduled for release on December 2, 2025. As the final major releaseMajor Release A set of releases or versions having the same major version number may be collectively referred to as โ€œX.Yโ€ -- for example version 5.2.x to refer to versions 5.2, 5.2.1, and all other versions in the 5.2. (five dot two dot) branch of that software. Major Releases often are the introduction of new major features and functionality. of 2025, 6.9 will deliver key improvements to site editing, new developer tools, and performance refinements, all aimed at making WordPress more powerful and delightful to use.

Why test early? The sooner bugs are caught, the smoother the upgrade will be for millions of users. Whether you can spare five minutes or an afternoon, your efforts in testing BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. and RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. builds make a direct impact. Every report helps polish WordPress before launch, and every contribution makes a difference!

๐Ÿ’ช Letโ€™s shape WordPress 6.9 together!

Stay up to date with milestones on the WordPress 6.9 Release Schedule. For real-time updates and discussions, join the #core-test Slack channel. Engage in the testing community by participating in weekly scheduled team meetings and test scrubs.

Release focus:ย  WordPress 6.9 turns its attention to enabling collaborative content creation through notes(formerly โ€œblockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. level commentโ€ / inline comments), new blocks, extending developer capabilities with updates to the Interactivity APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. and the introduction of the Abilities API, and improving performance with faster page transitions and smarter resource handling.ย 

๐Ÿ“ Notably, there will not be a new default theme in 6.9; a decision shaped by the pace of this release and the maturity of block themes over recent years.

Testing Tips

WordPress doesnโ€™t require you to be a certified software tester or professional QA to contribute to testing. Simply use WordPress as you normally would for your own needs. If you encounter any issues or feel that something isnโ€™t working as expected, you can report them.ย 

Not sure about the expected behaviour? No worries! Join the conversation on WordPress Slack, or create a ticket on Trac, where a helpful global WordPress community is always ready to assist.

Recommendations for Testing WordPress Beta/RC Versions:

  • Test CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Features that Matter to You:ย  Use your site for the purpose it was created. For instance, if youโ€™re a blogger, running a social platform, or managing an e-commerce store, set up a staging site (ask your hosting provider if youโ€™re unfamiliar with the staging site). Update WordPress in the staging environmentStaging Environment A staging environment is a non-production copy of your site. This is a private place to build the site -- design, copy, and code -- until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment. and continue using your site as usual. This will help you identify any issues that may affect your regular workflow. Take note of any issues or troubles you experience after the update.ย 

๐Ÿšซ Do not test or update your live site with a beta/rc version for testing purposes.

  • Use the General Checklist provided in the post below to verify everything functions as expected after the update. โœ…

Ways to Test WordPress Beta Versions

There are multiple ways to test WordPress development or beta versions, as explained below. There is no right or wrong way; feel free to choose the method you are most comfortable with or that is most convenient for you.

Playground

Playground is the easiest and fastest way to test beta or release candidateRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. versions of WordPress without setting up a full environment.ย 

Local Hosted Site

You can make use of software like Local or wp-env to create a local WordPress site. Once the site is ready, you can install the Beta Tester plugin to switch to the beta version of WordPress.

Setup Steps:

  1. Download and install Local.
  2. Create a new WordPress site.
  3. Once your site is up and running, you can use the WordPress Beta Tester pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. to switch it to the development or beta version of WordPress. This plugin makes it easy to install pre-release versions of WordPress. To use the plugin:
    1. Install and activate the WordPress Beta Tester plugin.
    2. Navigate to Tools > Beta Testing.
    3. Choose the Bleeding Edge or Point releaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. with Nightlies option, depending on what you want to test.
    4. Click on Save Changes
    5. After the changes are saved, you should receive the update notification. Kindly update your WordPress version.

For more detailed instructions, follow this guide.

Via WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/

If you prefer working with command-line tools, use WP-CLI to install a WordPress beta version quickly.ย 

Steps:

  1. Create a local WordPress site using your preferred method.
  2. Once the site is set up, open your terminal and navigate to the root directory of your WordPress installation.
  3. Run the following command to update to the latest beta version:

wp core update --version=6.9-beta1 Or wp core update --version=6.9-RC1

(Keep updating the version number as needed.)

The Pros of this method are that it helps you to switch between different versions quickly, making it easier to test specific builds.

Using a Staging Site

Create a staging site for your live production siteProduction Site A production site is a live site online meant to be viewed by your visitors, as opposed to a site that is staged for development or testing. and update it to the WordPress beta or release candidate (RC) version. This allows you to safely test the new version without affecting your live site. Verify that everything functions as expected before applying the updates to your production environment.

Testing Patches

If you plan to test patches, follow these instructions to set up a WordPress development version locally.

Using Playground โ€“ with Playground, you can also easily test individual Core tickets without installing any software in your system, and this is the fastest way to test any PRs.

If there is a specific PR in the wordpress-develop or gutenberg repo that youโ€™d like to test in the browser, you can do so using the following links. Simply enter the PR number, and the rest will be taken care of.

General Testing Checklist

If you want to quickly test the updated WordPress versionโ€™s compatibility with your site, please verify the following important checks. Enable debugging in wp-config.php to capture the warnings, errors or notices.

  1. Update your theme and plugins to the latest versions.
  2. Switch to the Beta/RC/Night build you want to test.
  3. Check Site Health to see if there are any new errors or warnings.
  4. Confirm there are no layout breaks or misaligned elements.
  5. Test links and permalinks to ensure there are no 404 errors.
  6. Verify that posts, images, and media are displayed correctly.
  7. Ensure the sitemap and robots.txt files are functioning properly.
  8. Ensure full access to the admin dashboard without errors.
  9. If your site has custom blocks, create content in a new block and edit existing content.
  10. Create a new post:ย 
    1. Add content
    2. Copy-paste text
    3. Manually add media files.ย 
    4. Save the post
    5. Observe the console for any issues.
  11. Create a new page:
    1. Add content
    2. Verify its display in different browsers.
    3. Verify its display in responsive mode.
    4. Verify the functional part is working as expected, regardless of any browser or device type.
  12. Keep the browserโ€™s developer console open and check for any errors, warnings, or notices.
  13. Open the error log file and check for notices, warnings, and fatal errors.
  14. Review user roles and permissions to ensure they remain intact.
  15. Verify that any scheduled posts or automated tasks (like backups) still function as intended.
  16. Ensure all integrated services (like payment gateways or analytics) are operational.
  17. Open your site in different browsers and verify that all functionalities work as expected.

๐Ÿ‘€ What to Notice While Testing?

  • Was everything intuitive and easy to use?
  • Did you notice any performance issues, such as slow loading or lag?
  • Were there any visual inconsistencies or layout issues across different browsers or devices?
  • Did the drag-and-drop functionality work as expected, especially in patterns?
  • Did the preview mode accurately reflect how the content appeared once published?
  • Did what you created in the editor match what you saw on your site?
  • Did you observe any other accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) issues, like โ€“
    • Colour contrast or focus management?
    • Did it work properly using only a keyboard?
    • Did it work with a screen reader?
  • Did it function smoothly on a mobile device?
  • What aspects of the experience did you find confusing or frustrating?
  • What did you especially enjoy or appreciate?
  • What would have made site building and content creation easier?

Key Features to test

Notes

The Notes feature (formerly โ€œblock level commentโ€ / inline comments) allows users to attach feedback directly to individual blocks in the editor. Initially introduced as an experiment in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses โ€˜blocksโ€™ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ 19.6, it now includes indicators, a sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. for managing threads, and support for published posts, with ongoing refinements for usability and accessibility.

๐ŸŒŸBonus point: Aki has built a plugin called Block Notes Data Generator. This plugin adds test users and test block comments to make it easier to test the Notes feature.

Test Steps

  1. Navigate to Dashboard.
  2. Open to page/post.
  3. Insert any block.
  4. Click on the block settings dropdown from the block toolbar.
  5. Click the Add Note from the toolbar settings, and observe that the note modal is opening in the sidebar.
  6. Add the note.
  7. Confirm that the note is added successfully.
  8. Verify the additional scenarios
    1. Note on empty block: Notes should not be allowed on an empty block.
    2. Editing and deleting notes:
      • Edit an existing note and confirm the changes are saved and displayed correctly.
      • Delete a note and ensure itโ€™s removed from the sidebar and block indicator.
    3. Resolve and Reopen the notes:ย 
      • Resolve note: Confirm that when the note is marked as resolved, it shows the resolved state.
      • Reopen the resolved note (if the option exists) and confirm it restores correctly.
    4. Threaded notes: Add a follow up reply to an existing note to confirm threading works properly.
    5. Indicator visibility: Check that the note indicator appears only on blocks that have comments.
    6. Switching blocks: Move focus to a block without notes and verify the sidebar updates accordingly.
    7. Saving the post: Save or update the post and confirm that all notes persist after reload.
    8. Published Post: Publish the post, and notes should remain accessible.
    9. Accessibility: Navigate via keyboard and screen reader to verify the note sidebar and indicators are usable.

Testing Instructions


If you encounter any issues or unexpected behaviour while testing, please log them here. Follow #66377 for more details.

Ability to hide the blocks

WordPress 6.9 introduces the option to hide individual blocks from the siteโ€™s public view while keeping them editable in the editor. This gives creators more flexibility when preparing content or layout. For example, testing alternate designs, saving space for future sections, or holding back pieces of content that arenโ€™t finalised yet.

Unlike deleting or removing a block, hiding it is a non-destructive action: the block remains in place, can be edited at any time, and can be quickly shown again when needed. This approach makes content editing safer and better suited for collaborative workflows.

Test Steps

  1. Navigate to the post, page, or template.
  2. Select the block and click on the โ€œHideโ€ control from the toolbar settings.
  3. Observe that the block is no longer visible and the โ€œShowโ€ control should be toggled on.
  4. Check the front, and the block should be hiddenย .
  5. Now, turn off the hide setting.
  6. The block should reappear in the editor and the front end.
  7. Nested blocks: Place a few blocks inside a Group/Columns block and hide the parent.
    1. Confirm that all inner blocks are hidden.
  8. Multiple instances: Hide different blocks across the page and verify that only the chosen ones are excluded from the frontend.

Testing Instructions


Follow #71203 PR for more details. If you observe any related issues, please feel free to report them here.

๐Ÿ“ˆPerformance / Asset Check:

Hidden blocks should not appear on the frontend, and their related CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site./JS should no longer be actively used. Optionally, you can verify this via the Network tab or CSS Coverage in DevTools. Visible blocks must continue loading normally. On small pages, coverage differences may be subtle; the key point is that hidden blocks do not add frontend markup or assets. Check #9213 PR for more details. If you like to verify the same, follow this comment for the steps.

allowedBlocks support & UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing.

This enhancement enables users to visually control which child blocks can be inserted within a group block, something previously possible only through code. The update adds a Manage allowed blocks option in the Advanced panel of the block inspector, allowing users to enable or disable block types through a modal interface. This helps streamline content control, prevent unwanted block insertions, and sets the foundation for broader use across other container blocks.

Testing Steps

  1. Navigate to Dashboard.
  2. Open a Post/Page.
  3. Insert a Group block.
  4. With the Group block selected, open the block inspector.
  5. Expand the Advanced panel of the Group block.
  6. Locate the Manage allowed blocks button.
  7. Click on it. Observe that a new modal appears listing different types of blocks.
  8. In that modal:
    1. Confirm you can search the blocks.
    2. Deselect some blocks e.g. disable โ€œParagraphโ€, โ€œImageโ€.
    3. Click on the Apply button and the modal should be closed.
  9. Now, Inside the Group blockโ€™s container area, attempt to insert child blocks:
    1. Try to insert blocks that are allowed and they should appear and work properly.
    2. Try to insert blocks that are disabled and they should not appear in the inserter.

Testing Instructions


If you observe any related issues, please feel free to report them here.

Command Palette everywhere

WordPress 6.9 introduces an expanded Command Palette, which is available across both the Editor and the Dashboard. It provides a fast, universal way to navigate different areas of your site and perform actions without relying on sidebar menus or multiple clicks. Simply type in the Command Palette to search, jump to specific screens, or trigger actions directly.

The Command Palette is enabled by default, so no additional configuration is required.

Test Steps

  1. Navigate to Dashboard.
  2. Open the Command Palette.
    1. Use the keyboard shortcut (Cmd + K on Mac / Ctrl + K on Windows).
    2. Confirm it opens regardless of which screen youโ€™re on (Dashboard, Posts, Pages, Site Editor, Templates, etc.).

Various Use Casesย 

  1. Search for Navigation Targets
    • Start typing e.g. โ€œPostsโ€, โ€œPagesโ€, โ€œPluginsโ€, โ€œTemplatesโ€.
    • Confirm you can directly navigate to those areas.
  2. Trigger Actions
    • Type commands such as โ€œAdd new postโ€, โ€œAdd new pageโ€, or โ€œEditorโ€.
    • Confirm the action executes without going through sidebar navigation.
  3. Context Awareness
    • From the Site Editor: check commands relevant to template editing.
    • From a post editing screen: check commands like โ€œPreview in new tabโ€
    • Confirm results adapt based on any different context.
  4. Role and Permission
    • The Administrator-only command should not appear in the search results for the Editor(other) role(s) to ensure the Command Palette respects WordPress capabilities/permissions filtering.
  5. UI & Usability
    • Confirm the palette is responsive and visually consistent with other WordPress UI.

Testing Instructions


If you observe any related issues, please feel free to report them here.

Refining content creation

Drag and drop โ€“ Move block instead of drag chip

This enhancement replaces the โ€œdrag chipโ€ (ghost placeholder) with direct movement of the actual block during drag-and-drop. While dragging, the actual block shrinks slightly (scaled down) and moves smoothly with your cursor, and animates while being dragged, providing a smoother, more intuitive visual experience.

Test Steps

  1. Navigate to Dashboard.
  2. Open a post/page.
  3. Add a combination of Paragraph, Heading, Image, Quote block, etc.
  4. Now, drag a block using its drag handle to a new position in the main editor canvas.
  5. Release the block to a different position.
  6. Observe that :
    1. The block moves smoothly with animation.
    2. While dragging the block gets slightly scalded down.
    3. Visual styles and animation preserved.
    4. No flicker or jump effect.
  7. Verify Undo/Redo functionality after the block(s) move.
  8. Verify that drag functions smoothly with nested blocks as well.

Testing Instructions


The goal is to create a more natural, accurate, and modern drag-and-drop experience, improving overall usability and aligning with WordPressโ€™s effort to refine the editing flowFlow Flow is the path of screens and interactions taken to accomplish a task. Itโ€™s an experience vector. Flow is also a feeling. Itโ€™s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.. Follow #67470 PR for more details, and if you notice any visual glitches, misalignment, or unexpected behaviour while dragging blocks, you are encouraged to report the issue with steps to reproduce here.

New Blocks

To broaden design possibilities and strengthen customisation options, WordPress 6.9 introduces several new blocks, such as Accordion, Terms Query, Stretchy Type, Math Block etc. These additions aim to give users richer ways to structure content and align layouts with modern design needs, making it easier to create expressive and flexible sites without relying on third-party solutions.

Accordion Block

The Accordion block allows users to organise content into collapsible sections, making it easier to present FAQs, lists, or grouped information compactly.

When added, the Accordion block creates two Accordion Items by default. Each item contains an Accordion Heading and an Accordion Panel where any block can be inserted. Users can add, remove, reorder, and style items, as well as nest different blocks within the content. On the frontend, items can be expanded or collapsed for interactive display.

Test Steps

  1. Navigate to Post/Page
  2. Insert an Accordion block
  3. Confirm that the Accordion Item is added with an Accordion Heading and an Accordion Panel.
  4. Edit item placeholders and add content inside the Accordion Panel
  5. Save and confirm items expand/collapse as expected
  6. Verify Reordering
    1. Move Accordion Items up or down.
    2. Confirm the order updates correctly in both the editor and the frontend.
  7. Styling & Settings
    1. Apply block-level style settings (colors, typography, background, etc).
    2. Confirm styles are reflected in all items consistently.
  8. Verify the duplicate of the accordion block.
  9. Remove an existing item and ensure the block continues to function as expected.

Testing Instructions


If you encounter any related issues, please report them here.

Terms Query Block

This new Terms Query Block is similar to the Query block, but for terms rather than posts. It is designed to contain a new Terms Template block, which holds inner blocks with term data for displaying each term. Unlike the simpler Terms List block, it enables advanced layouts, nested content, and dynamic term rendering.ย 

Term Name Block

This block is mainly developed for use in the Terms Query block to display the term name and allows for more layout flexibility. This also provides an option to add a link to the term.

Term Count Block

This block is primarily for use in the Terms Query block to display the term count.

Test Steps

  1. Navigate to Dashboard.
  2. Insert the Terms Query block in a template.
  3. Observe Term Name and Term count are added by default.
  4. Verify that the inspector controls render correctly.
  5. Configure different taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. selections (E.g. Categories, tags, custom taxonomy)
  6. Terms Query
    1. Verify that the Make term name a link setting is present and works as expected.
  7. Term Count
    1. Verify that the correct term count is displayed.
    2. Verify that you can change the bracket type.
    3. Make sure the count and bracket type show in the editor and on the front end.
  8. Ensure the template can be saved successfully with the block.
  9. Verify the additional scenarios to ensure it works as expected.
    1. Test Nested Layouts.
    2. Test empty terms toggle.
    3. Test different styling options for both Term Name and Term Count.

Testing Instructionsย 


If you encounter any related issues, please report them here.

Math Block with Inline Math format

WordPress 6.9 introduces native math support through a new Math block and inline math format. This feature lets users add accessible mathematical formulas either as standalone blocks or embedded within text. Formulas are stored in MathML for better accessibility and compatibility, while preserving the original LaTeX input for easy editing. It provides a built-in solution for educational or technical content without needing third-party plugins. Although it slightly increases the editorโ€™s bundle size, it greatly improves flexibility and accessibility for authors working with mathematical expressions.

Testing Steps

  1. Navigate to Dashboard.
  2. Open a Page/Post.
  3. Add a new Math block.
  4. Type the LaTeX-style expression: \frac{d}{dx}(x^3 + 2x^2 - 5x + 7) and click outside the block.
  5. Observe: the editor should render the expression as a formatted formula. Also, the front end should render the formula correctly.
  6. Try editing the expression with a new one and confirm that it renders correctly both in the editor and the front end.
  7. Verify Inline math rich-text format
    1. In the same post, insert a Paragraph block.
    2. Type: The Euler identity is then apply the inline math format (select the inline math option from the format toolbar) and enter e^{i\pi} + 1 = 0.
    3. Click outside to confirm inline rendering within the sentence.
    4. Save and preview on the front-end. Confirm the inline math displays in-line and does not break the surrounding text flow.

Testing Instructionsย 


If you find any issues while testing, please report them here.

Paragraph and Heading blocks with Fit Text

The Paragraph and Heading blocks now support Fit Text, enabling text to dynamically scale and fit within its container. This provides a flexible way to create attention-grabbing headings or stylized paragraphs without manually adjusting font size.

Test Steps

  1. Navigate to Dashboard.
  2. Open the Page/Post.
  3. Insert a Paragraph block.
  4. From the Inspector settings, tap on the Typography panel.
  5. Confirm that a Fit Text toggle or control is available.
  6. Enable Fit Text and add some text in the block.
  7. Observe that the text automatically resizes to fill the available width of the container.
  8. Resize the browser window or adjust the block width and verify that the text continues to adapt dynamically.
  9. Repeat the same steps for a Heading block and confirm identical behavior.
  10. Also confirm that on the front end text scaling persists correctly.

Testing Instructions


If you find any issues while testing, please report them here.

Time to read block

The time to read block was first introduced with the Gutenberg 15.3 release, and this block is now stabilised. This stabilization ensures that the Time to Read block behaves predictably in both the editor and the frontend, providing a reliable estimated reading time for posts and pages.

Test Steps

  1. Navigate to Dashboard.
  2. Add a new Page/Post.
  3. Insert Time to read block.
  4. Observe that the time is displayed as a range by default.
  5. Confirm that you can switch between a time block, a word count block using the settings provided in the sidebar.
  6. Preview or publish the post.
  7. Confirm that the same value appears on the frontend.
  8. Verify Updates When Editing:
    1. Add or remove paragraphs.
    2. Watch as the block updates in real-time.
    3. Save and reload the editor.
    4. The displayed time/words updates dynamically when content changes and remains accurate after reload.

Testing Instructions


If you find any issues while testing this new block, report them here.

Border radius size presets

WordPress 6.9 introduces border radius size presets (added in Gutenberg 21.5), a theme tool that lets developers define a set of named radius values that users can apply to blocks supporting border radius.ย 

For full details and examples, refer to Border radius size presets in WordPress 6.9 on the WordPress Developer Blog.

This feature enables theme authors to define reusable border-radius presets via theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML., which show up in the block editor and can be applied per corner. Be aware of the notable limitation stated in the blog post. Check this ticket for more details about the same.

This enhancement allows developers to register custom social icons in the Social Icons block using block variations. Previously, adding custom social icons required custom code or third-party plugins. With WordPress 6.9:

  • Developers can easily register new social icons like Ko-fi, IMDb, Letterboxd, Signal, YouTube Music, Dropbox, etc.
  • Users can select and display these custom icons in the Social Icons block.
  • This reduces the effort of writing custom blocks or relying on plugins while ensuring consistent styling and behaviour across icons.

For a detailed implementation guide, see the WordPress Developer Blog on registering custom social icons.

Test Steps:

  1. Register the custom Social Link variation. Follow this article.
  2. Create a post.
  3. Add Social Links and your custom variation that you registered.
  4. Save the post and preview it.
  5. Confirm that the custom variation is rendered correctly both in the editor and in the front end.

Testing Instructions


If you observe any related issues, please feel free to report them here

Developer updates

Updates to DataViews and DataForm

Updates to the DataViews and DataForm components include new field types and new filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. operators.

While these are foundational changes that do not expose specific breaking changes, they may have impacted screens that already use these components, specifically the Site Editorโ€™s Pages, Patterns, and Templates screens.ย 
If you test the functionality of these screens and encounter any issues, please log them to the Gutenberg repository. It will also be helpful to link them to the DataViews & DataForm iteration for WordPress 6.9 tracking issue.

Introducing the Abilities API

The Abilities API provides a registry of callable Abilities with defined descriptions, inputs, and outputs. Itโ€™s designed to make WordPress functionality accessible to AI systems, particularly developers alike, through a unified registry of resources.
As this is a developer API, testing can be done using a custom plugin like this one: https://github.com/wptrainingteam/wp-abilities-test.

Test Steps

Test Custom Abilities in PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php

  1. Create a custom ability using wp_register_ability (docs)
  2. Fetch all registered abilities using wp_get_abilities (docs)
  3. Fetching a custom ability using wp_get_ability (docs)
  4. Execute the custom ability using the abilityโ€™s execute method (docs)

Testing Abilities REST endpoints (docs)

The Abilities API routes all require an authenticated user. For local tests, we suggest using an application password with an admin user.

  1. List all Abilities (docs)
  2. Retrieve an Ability (docs)
  3. Execute an Ability(docs)

For testers who use Postman, here is a Postman collection that can be used for local testing. Replace the {{baseURL}} variable in the request URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org field with the URL of your local WordPress installation, and the {{applicationUsername}} and {{applicationPassword}} variables in the Authorization tab with your username and application password.

Test the core Abilities shipping with 6.9

  • core/get-site-info โ€“ Returns site information configured in WordPress. By default returns all fields, or optionally a filtered subset.
  • core/get-user-info โ€“ Returns basic profile details for the current authenticated user to support personalization, auditing, and access-aware behavior.
  • core/get-environment-info โ€“ Returns core details about the site\โ€™s runtime context for diagnostics and compatibility (environment, PHP runtime, database server info, WordPress version).

Test listing, fetching, and executing the three core abilities in PHP (docs) and using the REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think โ€œphone appโ€ or โ€œwebsiteโ€) can communicate with the data store (think โ€œdatabaseโ€ or โ€œfile systemโ€) https://developer.wordpress.org/rest-api/ (docs).

Interactivity API Improvements

Support new styles and script modules on client-side navigation.

This update enhances Interactivity API client-side navigation with a new stylesheet manager, a script module manager supporting multiple importmaps, and restored full-page navigation sharing logic with region-based nav. It also fixes missing styles during navigation between pages with different blocks.

Testing Instructions

  1. In the site editor, go to the home template.
  2. Ensure the โ€œForce page reloadโ€ setting is disabled in the Query block.
  3. Add an image block inside the Post Template.
  4. Change its style and make the image rounded.
  5. Visit a page of the home that doesnโ€™t exist (e.g., page 2) so it shows the โ€œNo Resultsโ€ block.
  6. Click on the Previous Page link.
  7. Images should appear rounded.

Interactivity API iterations for WordPress 6.9

This tracking issue contains a series of smaller bug fixes and quality-of-life improvements to the Interactivity API.ย 

Testing instructions

  1. Open the tracking issue, and select one of the linked issues marked as completed or pull requests marked as merged.
  2. Follow the testing instructions in the issue/pull request to test the fix.

Updates to Block Bindings

The key features that will be ready for 6.9 are the following:

To test each of these updates, follow the testing instructions in each of the linked GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ Pull Requests.ย 

Updates to HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. API

These updates include internal updates to HTML API as well as improvements to how WordPress Core handles and processes HTML, by implementing the HTML API.

This affects the following WordPress Core functions:

It is therefore useful to test these functions before and after the HTML API updates, to ensure they still work as expected.

WordPress 6.9 also includes a new WP_Block_Processor, which navigates through block markup in a similar way to how the WP_HTML_Tag_Processor navigates through HTML. See the related PR for the WP_Block_Processor class inline documentation.

Where to Report Feedback

If you find any issues but arenโ€™t sure if itโ€™s a bug or where best to report the problem, share them on the alpha/beta forums of WordPress. If you are confident that you found a bug in WordPress Alpha/Beta/RC, report it on Core Trac for rollback auto-updates and the Gutenberg GitHub repo for every other feature.ย 

For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook and review the Core Team guidelines for Reporting Bugs.

Change log

1.0.0 โ€“ Initial Post

1.0.1 โ€“ Removed a duplication of the Command Palette everywhere testing steps, as well as the Abilities API JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a userโ€™s browser. https://www.javascript.com client

1.0.2 โ€“ Removed the Block Bindings Editor UI

Props to @wildworks, @bph, @annezazu, @ellatrix, @akshayar @muddassirnasim, and @mobarak for pre-publish review and @psykroย for collaborating on this post.

#call-for-testing, #core-test, #release-field-guide

Help Test WordPress 6.8

Mark your calendars! WordPress 6.8 is set to launch on April 15, 2025. WordPress 6.8 will be the first major release of 2025 and will focus primarily on being a polished and bug-fix release. Get ready for a more refined and seamless WordPress experience than ever before!ย 

Testing early means fewer surprises for users down the line! Whether you have a few minutes or a few hours, your help in catching bugs early during the release cycle ensures a smoother upgrade experience for millions of users after the stable release. Every contribution counts and is deeply appreciated.ย 

Letโ€™s work together to refine WordPress 6.8! ๐Ÿ’ช

Stay up to date with the latest pre-release builds by checking the WordPress 6.8 Release Schedule. For real-time updates and discussions, join the #core-test Slack channel. Engage in the testing community by participating in weekly scheduled team meetings and test scrubs.

Table of Contents:

Testing Tips

WordPress doesnโ€™t require you to be a certified software tester or professional QA to contribute to testing; use WordPress as you normally would for your own needs. If you encounter any issues or feel something isnโ€™t working as expected, please report them.ย 

Not sure about the expected behaviour? No worries! Join the conversation on WordPress Slack or create a ticket on Trac, where a helpful global WordPress community is always ready to assist.

Recommendations for Testing WordPress BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process./RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. Versions:

  • Test CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Features that Matter to You:ย  Use your site for the purpose it was created. For instance, if youโ€™re a blogger, running a social platform, or managing an e-commerce store, set up a staging site (ask your hosting provider if youโ€™re unfamiliar with the staging site). Update WordPress in the staging environmentStaging Environment A staging environment is a non-production copy of your site. This is a private place to build the site -- design, copy, and code -- until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment., and continue using your site as you would daily. This will help you identify any issues that may affect your regular workflow. Take note of any issues or troubles you experience after the update. Do not test or update your live site with a beta version for testing purposes.
  • Use the General Checklist provided in the post below to verify that everything functions as expected after the update.

Ways to Test WordPress Beta Versions

There are multiple ways to test WordPress development or beta versions:

Playground

Playground is an easy and fast way to test beta or release candidateRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. versions of WordPress without setting up a full environment. You can quickly spin up a test environment using WordPress Playground.

Local Hosted Site

You can make use of software like Local or wp-env to create a local WordPress site. Once the site is ready, you can install the Beta Tester plugin to switch to the beta version of WordPress.

Setup Steps:

  1. Download and install Local.
  2. Create a new WordPress site.
  3. Once your site is up and running, you can use the WordPress Beta Tester pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. to switch it to the development or beta version of WordPress. This plugin makes it easy to install pre-release versions of WordPress.
    To use the plugin:
    1. Install and activate the WordPress Beta Tester plugin.
    2. Navigate to Tools > Beta Testing.
    3. Choose the Bleeding Edge or Point releaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. with Nightlies option, depending on what you want to test.
    4. Click on Save Changes
    5. After the changes are saved, you should receive the update notification. Kindly update your WordPress version.

For more detailed instructions, follow this guide.

Via WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/

If you prefer working with command-line tools, use WP-CLI to install a WordPress beta version quickly.ย 

Steps:

  1. Create a local WordPress site using your preferred method.
  2. Once the site is set up, open your terminal and navigate to the root directory of your WordPress installation.
  3. Run the following command to update to the latest beta/RC version:
wp core update --version=6.8-beta1

OR

wp core update --version=6.8-RC1

(Keep updating the version number as needed. E.g. โ€“version=6.8-beta2)

This method helps you to switch between different versions quickly, making it easier to test specific builds.

Using a Staging Site

Create a staging site for your live production siteProduction Site A production site is a live site online meant to be viewed by your visitors, as opposed to a site that is staged for development or testing. and update it to the WordPress beta/RC version. This lets you safely test the new version without impacting your live site. Make sure everything functions as expected before applying updates to your production environment.

Testing Patches

If you plan to test patches, follow these instructions to set up a WordPress development version locally.

Using Playground, you can also easily test individual Core tickets without installing any software in your system, and this is the fastest way to test any PRs.

If there is a specific PR in the wordpress-develop or gutenberg repo that youโ€™d like to test in the browser, you can do so using the following links. Enter the PR number, and the rest will be taken care of.

General Testing Checklist

If you want to quickly test the updated WordPress versionโ€™s compatibility with your site, please verify the following important checks. Enable debugging in wp-config.php to capture the warnings, errors or notices.

  1. Update your theme and plugins to the latest versions.
  2. Switch to the Beta/RC/Night build you want to test.
  3. Check Site Health to see if there are any new errors or warnings.
  4. Confirm there are no layout breaks or misaligned elements.
  5. Test links and permalinks to ensure there are no 404 errors.
  6. Verify that posts, images, and media are displayed correctly.
  7. Ensure the sitemap and robots.txt files are functioning properly.
  8. Ensure full access to the admin dashboard without errors.
  9. If your site has custom blocks, create content in a new blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and edit existing content.
  10. Create a new post:ย 
    1. Add content
    2. Copy-paste text
    3. Manually add media files.ย 
    4. Save the post
    5. Observe the console for any issues.
  11. Create a new page:
    1. Add content
    2. Verify its display in different browsers.
    3. Verify its display in responsive mode.
    4. Verify that the functional part is working as expected regardless of browser or device type.
  12. Keep the browserโ€™s developer console open and check for any errors, warnings, or notices.
  13. Open the error log file and check for notices, warnings, and fatal errors.
  14. Review user roles and permissions to ensure they remain intact.
  15. Verify that any scheduled posts or automated tasks (like backups) still function as intended.
  16. Ensure all integrated services (like payment gateways or analytics) are operational.
  17. Open your site in different browsers and verify that all functionalities work as expected.

Key Features to test

Editor

New default rendering mode for editor via post type supports

The GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ PR #69286 introduces a new approach to setting the default rendering mode in the WordPress block editor based on post-type support. This enhancement allows developers to define how content is rendered in the editor by specifying parameters within the support property of a post type.

Test Steps:

  1. Install and activate any block theme. E.g 2025
  2. Open a new page
  3. Verify that it renders in a template-locked state.
  4. Now, disable the โ€œShow Templateโ€ in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. and reload the page.
  5. Verify that it uses โ€œpost-onlyโ€ as the default rendering mode.
  6. Re-enable โ€œShow Templateโ€ from the sidebar bar.
  7. Open a post and confirm that it still renders in โ€œpost-onlyโ€.
  8. Now, switch to a classic theme. E.g. 2011
  9. Confirm that posts and pages both are loading correctly without showing the template.

Design Improvements

The design focus is refinement and fixing issues requiring design feedback. Letโ€™s check them one by one.

Stylebook improvement for classic theme

The Style Book now provides a more structured layout, making it easier to preview and understand site colours, typography, and block styles.

Support is available for classic themes that either support editor styles via add_theme_support( 'editor-styles' ) ย or have a theme.json file.ย 
Each block example and style group is labelled for better clarity. For classic themes, the Style Book now supports site patterns, which have been relocated to Appearance > Design > Patterns for a more intuitive experience. Previously, patterns were listed under Appearance > Patterns.

Testing Instruction:

Please help identify potential issues and suggest areas for improvement by logging your feedback on #68036. Follow PR 66851 for more details about this fix.

Reset Button for Color Control

A new Reset button has been added to the colour control, allowing users to quickly revert the color changes.

Testing Instruction:

Test Steps:

  1. Create a page and a paragraph block.ย 
  2. Add text/background/link colors to the paragraph.
  3. Observe the change in the color.
  4. Now, hover/focus on the element and observe the presence of the reset(-) button.
  5. Clicking on the reset button resets the applied color.

If you encounter any issues or have suggestions, feel free to drop your feedback in this ticket #41866.

Zoom-Out Mode Enhancements

Users can now apply different section styles and designs directly from the toolbar.

Testing Instruction:

Test Steps:

  1. Navigate to Appearance > Editor
  2. Edit the page and choose the pattern.
  3. Enter into zoom-out mode.
  4. Observe the toolbar with a newly added icon.
  5. Verify that there should be no shuffle button present and that the change design option should be visible.
  6. Click on the icon, and it will change color based on the different styles.

Follow PR #67140 for a detailed understanding of the implementation path.

Improved Font Picker Previews

The font family list in Global Styles now previews each font directly in the dropdown. This provides a better visual indication of how the font will look before applying it.
Testing Instruction:

Check #67118 for more information.

Success notices for image editing with Undo link

The outcome of the Image manipulation method is now better communicated in the block editor. The success notices are now displayed at the bottom of the editor. The notices also come with a handy Undo link to revert to the original if necessary.

Testing Instruction:

Test Steps:

  1. Create a post or page, insert the Image block and select an image.
  2. Try different editing options for Image โ€“ edit, zoom, crop, rotate.
  3. A correct message should be displayed after processing the media.
  4. Also, confirm you can easily undo changes using the snack bar action.

Both these changes are part of different PRs #67314 and #67312ย 

Additional changes as part of design:

Post Comments Link: Add Border Support. (#68450)

Post Template: Add Border and Spacing Support. (#64425)

Query Total: Add Border Support. (#68323)

Background supports: Add default controls supports. (#68085)

Block supports: Show selected item in font family select control. (#68254)

Fix: Ensure consistency in editor tools for navigation buttons and delete options. (#67253)

Global Styles: Fix handling of booleans when stabilizing block supports. (#67552)

Support for Speculative Loading

We are excited to announce that WordPress 6.8 includes native support for speculative loading, a feature designed to enhance site performance by enabling near-instant page load times.ย 

What is Speculative Loading?

Speculative loading leverages the Speculation Rules API to automatically prefetch or prerender certain URLs on a page based on user interactions, such as hovering over a link. This proactive approach allows subsequent pages to load more quickly when users navigate to them.ย 

Default Configuration

WordPress 6.8 configures the speculative loading feature by default to prefetch URLs with a conservative eagerness setting. This means the browser will prefetch resources only when there is a strong indication that the user intends to navigate to a particular link, balancing performance benefits with resource usage.ย 

Testing Instruction: Customisation via Filters

While there are no options or user interface controls to modify the behaviour of speculative loading as we have in the Speculative loading plugin, developers do this by customising its functionality using the newly added filters with different combinations of values.ย 

Please check this comment for a more detailed explanation of how to test.

Use a browser that supports the Speculation Rules APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. (e.g., Chrome 108+, Edge 108+) because not every browser supports it. Please refer to caniuse.com for a comprehensive support overview of speculation rules.

Impact on Existing Plugins

With the integration of speculative loading into the WordPress core, the existing Speculative Loading plugin that provides similar functionality will be updated to use the core implementation. The plugin will continue to use its approach to prerender URLs with moderate eagerness, now by adjusting the default configuration set by Core.ย 

We encourage developers and site administrators to test this new feature in their environments and provide feedback. Your insights are invaluable in ensuring that speculative loading enhances performance effectively across the diverse WordPress ecosystem.ย 

Please check this ticket #62503 for more information about this enhancement. Feel free to comment and share your feedback/queries/issues regarding performance and speculative loading integration.

Polishing the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop

Fix: Sticky Posts Not Working with Default Query Type

Previously, sticky posts did not appear at the top when using the default query type in the editor. This issue has now been fixed.

Testing Instruction:

Test Step:

  1. Have at least one sticky post on the blog
  2. Open the template using the editorโ€™s query loop block (index, archive, etc.).
  3. Notice that the sticky post is at the top.
  4. Open the front of the site and see the sticky post at the top.

Please refer to this #68570 ticket for more details about this fix.

ย โ€œIgnoreโ€ Option for Sticky Posts

A new โ€œIgnoreโ€ option for Sticky Posts has been added to the Query Loop block, giving users more control over including or excluding sticky posts in the query. It adds a new option for the Query blockโ€™s sticky post setting: โ€œIgnore,โ€ which doesnโ€™t prepend sticky posts at the top but displays them in the natural order of the query.

Testing Instruction:

Test Steps:

  1. Have at least one sticky post on the blog.
  2. Create a page and add a simple Query block.
  3. Confirm that the sticky post is displayed at the top by default.
  4. Change the sticky post setting to โ€œIgnoreโ€.
  5. Confirm that itโ€™s now displayed in natural order.

If you find any issues while testing this enhancement, please feel free to share your findings here in issue #66221

Set Depth Limit for Query Loop

The Query Loop block retrieves posts from all levels, and there is no built-in option to filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. only top-level posts as they do not have a parent field that can be set to 0.ย 

The current solution partially addresses the issue by allowing โ€œparentsโ€: [0] to be set programmatically but not providing a UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing. option. This PR includes an example Query markup for testing. As for the UI, the Parent filter will be updated once a suitable design proposal is available.
Please share your feedback by commenting here on the issue #68620

Removal of Redundant Sticky State

The redundant sticky state in the Query Loop block has been removed for a more streamlined user experience.

Testing Instruction

Test Steps:

  1. Insert a Query Loop and select a pattern with some posts.
  2. Open the inspector controls of the block.
  3. Verify that the Post Type field is working as expected:
    1. The โ€œSticky Postsโ€ field is visible when โ€œPost Typeโ€ is โ€œPostโ€œ
    2. The โ€œSticky Postsโ€ field is hidden when โ€œPost Typeโ€ is โ€œPageโ€œ

Query Total: Add interactivity.clientNavigation block support

With RC1 we have introduces the support for interactivity.clientNavigation within the Query Total block. This enhancement enables the Query Total block to interact seamlessly with client-side navigation, ensuring that the displayed total number of query results updates dynamically as users navigate through content without requiring the full page reloads.โ€‹

Testing Instruction:

Test Steps:

  1. Create a page
  2. Add Query Loop block
  3. Within the Query Loop, insert a Query Total block.
  4. In the Query Loop block, toggle off โ€œReload full pageโ€ from right sidebar.
  5. In the Query Total block, change display type to โ€œRange displayโ€.
  6. Save the change and open the page in the front end
  7. Observe that client navigation is now working as expected.

Please refer to the PR #69661 for more details.

Refining Data Views

โ€œRefining Data Viewsโ€ allows the customisation and improvement of how data is displayed and managed within the WordPress editor, particularly by utilising the โ€œData Viewsโ€ feature which allows users to filter, sort, and organise content more effectively through various options and settings, ultimately leading to a cleaner and more efficient workflow when working with large amounts of data on a website.

WordPress 6.8 release comes with additional improvements and fixes, as mentioned below.

Unify layout behaviour

This update aims to improve the user experience by providing a more intuitive interface. The implementation includes adjustments to the existing components to integrate the new media field seamlessly. This enhancement is part of the ongoing efforts, and to keep up with the progress, please check this issue #67391

Testing Instruction:

Test Steps:

  1. Open the different data views for Pages, Templates, and Patterns
  2. Check the design of the different layouts for List, Grid and Table
  3. Check how the โ€œpropertiesโ€ menu works with the different layout

Add confirm dialogue before delete

The existing โ€˜Permanently Deleteโ€™ action lacked clarity and did not include essential safeguards, such as a confirmation modal. This absence increased the risk of accidental deletions. To improve the user experience and minimize errors, this PR introduces a confirmation modal, ensuring users confirm their intent before deleting selected posts.

Testing Instruction:

Test Steps:

  1. Go to the WordPress admin dashboard area.
  2. Go to Appearance > Editors > Pages
  3. Click on the page that you want to delete
  4. The page will move to the TrashTrash Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days.
  5. Now, select the trashed page and use the โ€œPermanently Deleteโ€ option.
  6. Confirm the deletion in the modal dialogue.
  7. Observe the success or error notices appearing for both individual and bulk deletion options.

Please check PR #67824 for more details.

Density option in table layout

This PR #67170 introduces a density option to the table layout while allowing layouts to define specific controls. Instead of a generalized density abstraction, this approach ensures better clarity and avoids confusion for table layouts.

Testing Instruction

Test Steps

  1. Go to the WordPress admin dashboard area.
  2. Go to Appearance > Editors > Pages
  3. Go to Pages/Templates/Patternsย 
  4. Change the layout to Table View
  5. Now, click on the settings icon
  6. Observe the newly added Density option
  7. Please play around with all three options, โ€œComfortable, Balanced, and Compact,โ€ and share your feedback if you have it.

Use badge component in data view grids

This update improves consistency in the Site Editor by using a standardised badge for synced patterns. It ensures a uniform look while keeping the existing functionality unchanged. The new Badge component is integrated into the DataView grids to enhance consistency and maintainability.

Testing Instruction:

Testing Steps:

  1. Navigate to the WordPress dashboard
  2. Go to Appearance > Editors > Patterns
  3. In the Patterns list, identify any patterns labelled as โ€œsyncedโ€.
  4. Confirm that these โ€œsyncedโ€ patterns display a badge utilizing the new Badge component, ensuring consistency in design and functionality.

For more details, follow this PR #68062

WP Core now has a new toggle set under the settings for the post. If a feature image is not set for the post, enabling the toggle control will set the selected image as the feature image for that post. Follow the steps mentioned below.

Testing Instruction

Test Steps:

  1. Create a new post.
  2. Add an image block.ย 
  3. Enable the โ€œSet this image as featured imageโ€ toggle from the settings.
  4. Verify that the selected image is set as the postโ€™s featured image.

For more details, visit PR #65896

API launches and iterations

New withSyncEvent() function in Interactivity API

As the first step of running Interactivity API event listener callbacks asynchronously by default (see #64944), a utility function called withSyncEvent is introduced. Developers should use this function to wrap event handlers that require synchronous access to event data or methods, such as event.preventDefault(). For other event handlers that donโ€™t need synchronous event data, the system can defer their execution, enhancing overall performance by reducing the load on the main thread.

Follow the testing instructions mentioned here in the description of PR #68097

Block HooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. API

The Block Hooks API is an extensibility mechanism that allows you to dynamically insert blocks into block themes. In WordPress 6.8, work will continue on improvements to Block Hooks.

  • Filtered post content is truncated in post-content block
    • This release also includes a fix for the Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that pluginโ€™s metabox. block to display an extra โ€œ>โ€ character at the beginning of the excerpt when no custom excerpt is set and the Query Loop block is added to a page. Additionally, for sticky posts without a custom excerpt, the beginning characters of the excerpt are missing.
    • Please follow the testing instructions mentioned here in issue #68903
  • We have also updated the document of the block hooks section of the block registration reference guide. Please check issue #65454 for more details on what has been updated.

Security enhancements

The underlying algorithm used to hash and store user passwords in the database has been changed in WordPress 6.8 from phpass portable hashing to bcrypt. Application passwords, user password reset keys, personal data request keys, and the recovery mode key will switch from using phpass to the cryptographically secure but fast BLAKE2b hashing algorithm via Sodium. The full details of this change can be found in the announcement post.

These changes should work and should be invisible to users. Passwords and security keys that were saved in prior versions of WordPress should continue to work after updating to 6.8. Users donโ€™t need to change or reset their passwords; logged-in users should remain logged in, and their sessions should remain valid.

Here are some testing steps that can be taken:

Remaining logged in after the update

  • Ensure you have remained logged in to your account after updating to 6.8
  • Confirm that logging out and back in again works as expected
  • Confirm that the user_pass field for your user account in the wp_users table in the database has been updated โ€” after logging out and back in again it should be prefixed with $wp$2y$ instead of $P$

Password resets

  • Start with the โ€œLost your password?โ€ link on the login screen and initiate a password reset
  • Click the confirmation link sent to your email inbox
  • Follow the process of resetting your user password
  • Confirm you can log in with your new password

Personal data requests

  • Log in as an Administrator
  • Initiate a data export from Tools -> Export Personal Data
  • Click the confirmation link sent to the email address and confirm that the export gets triggered as expected

Remaining logged in after the update

  • Ensure you have remained logged in to your account after updating to 6.8
  • Confirm that logging out and back in again works as expected
  • Confirm that the user_pass field for your user account in the wp_users table in the database has been updated โ€” after logging out and back in again, it should be prefixed with $wp$2y$ instead of $P$

Password resets

  • Start with the โ€œLost your password?โ€ link on the login screen and initiate a password reset.
  • Click the confirmation link sent to your email inbox
  • Follow the process of resetting your user password
  • Confirm you can log in with your new password

Personal data requests

  • Log in as an Administrator
  • Initiate a data export from Tools -> Export Personal Data
  • Click the confirmation link sent to the email address and confirm that the export gets triggered as expected

Additional performance improvements

The additional performance improvements are also part of the WordPress 6.8 release, and details are provided in their respective issues/PRs, as explained below.

What to Notice

  • Was everything intuitive and easy to use?
  • Did you notice any performance issues, such as slow loading or lag?
  • Were there any visual inconsistencies or layout issues across different browsers or devices?
  • Did the drag-and-drop functionality work as expected, especially in patterns?
  • Did the preview mode accurately reflect how the content appeared once published?
  • Did what you created in the editor match what you saw on your site?
  • Did you observe any other accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) issues like โ€“
    • Colour contrast or focus management?
    • Did it work properly using only a keyboard?
    • Did it work with a screen reader?
  • Did it function smoothly on a mobile device?
  • What aspects of the experience did you find confusing or frustrating?
  • What did you especially enjoy or appreciate?
  • What would have made site building and content creation easier?

Where to Report Feedback

If you find any issues but arenโ€™t sure if itโ€™s a bug or where best to report the problem, share them on the alpha/beta forums of WordPress. If you are confident that you found a bug in WordPress Alpha/Beta/RC, report it on Core Trac for rollback auto-updates and the Gutenberg GitHub repo for every other feature.ย 

For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook and review the Core Team guidelines for Reporting Bugs.

Changelog

1.0.0 โ€“ Initial Post

1.1.0 โ€“ Update the post for โ€œQuery Total: Add interactivity.clientNavigation block supportโ€ (as part of RC1)

Props to @joemcgill @flixos90 @jeffpaulย @ankit-k-gupta @desrosj for peer review and a big thanks to @pavanpatil1 for preparing the visuals for testing instructions! ๐Ÿ™Œ

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"

Help Test WordPress 6.7

Get Ready to Test the Future! WordPress 6.7 is just around the corner, and we need your help to make this release the best yet! With the official launch set for November 12, 2024, now is the perfect time to start testing.
By catching bugs early, youโ€™ll be saving countless users from potential headaches when they upgrade. Whether you have a few minutes or a few hours to contribute, every bit of testing counts and is deeply appreciated. Your efforts directly contribute to ensuring a smooth and reliable release for millions of WordPress users.
Letโ€™s make WordPress 6.7 flawless together!

One of the highlights in this release is the new default theme, Twenty Twenty-Five, offering flexibility with a variety of patterns for categories like services, landing pages, and more. Focused on simplicity and adaptability, it includes stunning typography and global-ready color palettes.

Stay up to date with the latest pre-release builds by checking the WordPress 6.7 Release Schedule. For real-time updates and discussions, join the #core-test SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/ channel and participate in the release party and test scrubs.

Table of Contents:

Testing Tips

WordPress doesnโ€™t require you to be a certified software tester or professional QA to contribute to testing. Simply use WordPress as you normally would for your own needs. If you encounter any issues or feel that something isnโ€™t working as expected, you can report.ย 

Not sure what the expected behavior should be? No worries! Join the conversation on WordPress Slack, or create a ticket on Trac, where a helpful global WordPress community is always ready to assist.

Recommendations for Testing WordPress BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process./RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. Versions:

  • Test CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Features that Matter to You:ย  Use your site for the purpose it was created. For instance, if youโ€™re a blogger, running a social platform, or managing an e-commerce store, set up a staging site (ask your hosting provider if youโ€™re unfamiliar with staging site). Update WordPress in the staging environmentStaging Environment A staging environment is a non-production copy of your site. This is a private place to build the site -- design, copy, and code -- until your client approves it for production or live. Sometimes used in addition to, or as a Development Environment., and continue using your site as you would daily. This will help you identify any issues that may affect your regular workflow. Take note of any issues or troubles you experience after the update. Do not test or update your live site with a beta version for testing purposes.
  • Use the โ€˜General Checklistโ€™ provided in the post below to verify everything functions as expected after the update.

Ways to Test WordPress Beta Versions

There are multiple ways to test WordPress development or beta versions:

Playground

Playground is an easy and fast way to test beta or release candidateRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. versions of WordPress without setting up a full environment. You can quickly spin up a test environment using WordPress Playground.

Local Hosted Site

You can use software like Local or wp-env to create a local WordPress site. Once the site is ready, you can install the Beta Tester pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. to switch to the beta version of WordPress.

Setup Steps:

  1. Download and install Local.
  2. Create a new WordPress site.
  3. Once your site is up and running, switch it to the development or beta version of WordPress using the WordPress Beta Tester plugin. This plugin makes it easy to install pre-release versions of WordPress.
    To use the plugin:
    1. Install and activate the WordPress Beta Tester plugin.
    2. Navigate to Tools > Beta Testing.
    3. Choose the โ€œBleeding edgeโ€ or โ€œPoint releaseMinor Release A set of releases or versions having the same minor version number may be collectively referred to as .x , for example version 5.2.x to refer to versions 5.2, 5.2.1, 5.2.3, and all other versions in the 5.2 (five dot two) branch of that software. Minor Releases often make improvements to existing features and functionality. nightliesโ€ option, depending on what you want to test.
    4. Click Save Changes and update your WordPress version.

For more detailed instructions, follow this guide.

Via WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/

If you prefer working with command-line tools, you can use WP-CLI to quickly install a WordPress beta version.ย 

Steps:

  • Create a local WordPress site with your preferred method.
  • Once the site is set up, open your terminal and navigate to the root directory of your WordPress installation.

Run the following command to update to the latest beta version:

wp core update --version=6.7-beta3

Or

wp core update --version=6.7-RC1

(Replace the version number as needed, such as โ€“version=6.7-beta2.)

This method allows you to switch between different versions quickly, making it easier to test specific builds.

Using a Staging Site

You can create a staging site for your production/live site and update it to the WordPress beta/RC version. This allows you to safely test the new version without affecting your live site. Ensure that everything works as expected before applying updates to your production/live environment.

Testing Patches

If you are planning to test patches, you can follow these instructions to set up a WordPress development version locally.

Using Playground โ€“ with Playground, you can also easily test individual Core tickets without installing any software in your system. If you have a particular PR in the `wordpress-develop` or `gutenberg` repo that youโ€™d like to test in the browser? you can do so through the following links:

General Testing Checklist

If you want to quickly test the updated WordPress versionโ€™s compatibility with your site, please verify the following checks:

First, update your WordPress to the Beta/RC version, enable debugging in wp-config.php, and update your theme and plugins.

  • Ensure plugins and themes didnโ€™t deactivate automatically after the update.
  • Check the WordPress Site Health tool for any new warnings or issues.
  • Confirm there are no layout breaks or misaligned elements.
  • Test links and permalinks to ensure there are no 404 errors.
  • Verify that posts, images, and media are displayed correctly.
  • Ensure the sitemap and robots.txt files are functioning properly.
  • Ensure full access to the admin dashboard without errors.
  • If your site has custom blocks, create content in a new blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and edit existing content.
  • Create a new post: add content, copy-paste text, and manually add media files. Save the post and observe the console for any issues.
  • Create a new page, add content, and check its display in different browsers.
  • Open the browserโ€™s developer console and check for any errors, warnings, or notices.
  • Open the error log file and check for notices, warnings, and fatal errors.
  • Review user roles and permissions to ensure they remain intact.
  • Verify that any scheduled posts or automated tasks (like backups) still function as intended.
  • Ensure all integrated services (like payment gateways or analytics) are operational.
  • Open your site in different browsers and verify that all functionalities work as expected.

Key Features to Test

New default theme โ€“ Twenty Twenty-Five

With WordPress 6.7, the Twenty Twenty-Five theme brings a perfect balance of simplicity and flexibility. Designed with inspiration from nature and history, the theme offers a wide array of patterns and templates to suit various use cases, from personal blogs to complex portfolios. It includes rich colour palettes, and a diverse range of blog templates, making it adaptable for global audiences, for more details about this new theme read the introduction post.ย 

Patterns

The Twenty Twenty-Five theme introduces a wide range of pre-built patterns that help users create pages efficiently. These patterns cover various categories such as services, about pages, and calls to action and others. They are designed to offer flexibility and interoperability, allowing users to quickly build out intentional and cohesive page layouts.


Testing Steps:

  1. Navigate to Appearance > Editor to open the Site Editor.
  2. Open any template or create a new page.
  3. Click the โ€œ+โ€ icon to add a new block.
  4. Go to the Patterns tab in the block inserter.
  5. Select patterns from different categories such as Services, About, Calls to Action, or Gallery.
  6. Insert the patterns and check if they are displayed correctly.
  7. Test the interoperability of these patterns by combining multiple patterns on a single page.
  8. Adjust and customize the patterns as needed and ensure that they are responsive across different devices.
  9. Ensure that the layout in the Site Editor matches the layout on the Frontend.ย 

Color Palettes & Styles

The theme offers a diverse range of colour palettes and style variations, allowing users to customize their siteโ€™s appearance with ease. The theme includes multiple color palettes and typography pairings designed for global use, ensuring high-quality support across various languages and regions. These options give users the flexibility to match their siteโ€™s aesthetic to their unique style while maintaining a cohesive and visually appealing look.


Testing Steps:

  1. Navigate to Appearance > Editor to open the Site Editor.
  2. Click on the Styles button (the half-moon icon) in the top-right corner.
  3. Choose different color palettes and typography pairings to apply to your site.
  4. Observe how the colors and fonts change across the site when a new palette or style is selected.
  5. Save the changes and preview the site on the frontend to confirm that the new styles are applied correctly across all pages.

Templates

Twenty Twenty-Five offers a range of adaptable blog templates, including text-focused blogs with sidebars and visually-driven photo blogs. It fully integrates with the Site Editor and utilizes new design features like the Grid block and Pattern/Section Styles.

Alternative Template Designs


The theme includes four sets of alternative designs: a text-only blog, a photo blog, a news blog, and a blog with a vertical headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitorโ€™s opinion about your content and you/ your organizationโ€™s brand. It may also look different on different screen sizes.. These designs are built as patterns that replace the content of the template.

To test the photo blog design, follow these steps:

  1. Go to Appearance > Editor.
  2. Select the menu option Templates.
  3. Choose the template you want to test, such as Single Post, Page, Archive, or Blog Home.
  4. In the editor, open the Settings sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme..
  5. Select the Template tab.
  6. In the Template tab, locate and expand the Design panel.
  7. The Design panel displays previews of the available designs:
    • Hover over a preview to see the design name.
    • Click on the preview to replace the content of the template with the chosen design.
  8. Ensure that the layout in the Site Editor matches the layout on the front end

Section Styles

The Twenty Twenty-Five theme introduces four unique section styles, designed to change the colors of Group and Columns blocks. These styles offer flexibility in creating visually appealing layouts. Testing involves ensuring that the new styles are applied correctly in both the editor and the frontend, with a focus on usability and readability.


Testing Steps:

  1. Create a new post or page in the dashboard.
  2. Insert a Group block or Columns block.
  3. Inside the Group or Columns block, add some blocks like heading, paragraph, etc.
  4. Open the Settings Sidebar, and select the Block tab.
  5. Open the Styles tab and find the Styles panel at the top.
  6. Select one of the alternative styles. Repeat for each style to test them all.
  7. Ensure the design looks the same in both the editor and on the frontend.
  8. Verify the color combinations are readable, including the background, text, links, and buttons.

If you encounter any issues or have suggestions, feel free to create an issue here.ย 

Refining Data Viewsย 

Ability to Set the Density of Information in the Grid Layout

In WordPress 6.7, users gain the ability to adjust the density of grid layouts, offering a more customizable and responsive viewing experience. This update brings a new UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing. control in the grid view, enabling users to select their preferred density. For more details about changes related to this, please follow the discussion.




Testing Instructions:

  1. Open the Site Editor from the dashboard.
  2. Navigate to the Pattern section.
  3. Click on the settings icon to open the appearance and settings panel.
  4. Adjust the grid density option from โ€˜Preview Sizeโ€™.
  5. Observe how patterns display.

Option to Hide/Show the Filters in the User Interface



Looking for more details about this change, refer this ticket #63203

Ability to Customize the Column Order in Table Views

WordPress 6.7 introduces the ability to customize the column order in table views, offering more flexibility in how data is displayed. This feature allows users to move table columns left or right to create a more personalized layout when managing templates, patterns, or pages.


Testing Instructions:

  1. Open any table data view (Templates, Patterns, or Pages) in WordPress.
  2. Click the headers of the columns to see available actions.
  3. Select โ€œMove leftโ€ or โ€œMove rightโ€ to reorder the columns.
  4. Verify that the columns adjust accordingly and maintain the new order across page refreshes.

Please refer to ticket #63416 for more details about this change.

Graduate Data View Options Out of a Menu to Allow More Design Expression

The data view options have been improved for better design flexibility. A new โ€œView Optionโ€ setting has been added with a gear icon. This opens an โ€œAppearanceโ€ popover, allowing users to manage view preferences such as items per page and sorting options like โ€œSort byโ€, โ€œOrder by.โ€, Preview size, items per pages, etc. More details: #64175


Testing Instructions:

  1. Open any data view (Templates, Patterns, or Pages) in the site editor.
  2. Click on the gear icon to reveal the โ€œView Optionโ€ setting.
  3. Open the โ€œAppearanceโ€ popover to explore the available options.
  4. Adjust the items per page and sort options (e.g., โ€œSort byโ€ and โ€œOrder byโ€).
  5. Verify that the settings are applied and reflected in the data view.

Polishing the Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loopย 

The Query Loop block, a key component for site building in WordPress, is undergoing refinements to enhance its usability and intuitiveness. While it remains a powerful and versatile block, the focus of these improvements is on making customization more straightforward. Key changes include better context detection and clearer settings copy to ensure users can easily create and manage complex queries.ย 

Testing Instructions:

  1. Open the WordPress dashboard and create a new page or post.
  2. Insert a Query Loop block into page or post.
  3. Review the settings in the sidebar, paying attention to the descriptions.
  4. Customize the Query Loop and ensure that the changes are intuitive and easy to apply.
  5. Save your changes and check the front-end output for accuracy.

Follow this iteration issue for more information about changes.ย ย 

Zoom Out to Compose with Patterns

WordPress 6.7 is introducing a new โ€œZoom Outโ€ feature to enhance how users interact with patterns while building and editing their sites. This feature offers a high-level editing view, allowing users to focus on patterns rather than granular block-by-block adjustments. Key aspects include a zoomed-out interface for inserting patterns, creating new pages with an emphasis on patterns, and managing them (moving, deleting, etc.) via a vertical toolbar. Users can toggle between zoomed-out and detailed block editing, enhancing the overall user experience with improved pattern manipulation and advanced content-only editing.

Build with Patterns



Testing Instructions:

  1. Navigate to the Site Editor and Insert patterns into a page or post.
  2. Use the Zoom Out button to switch to a zoomed-out view.
  3. Verify that the overall structure of the page is visible, allowing for easier manipulation of patterns.
  4. In the zoomed-out view, try moving, deleting, and rearranging patterns using the new vertical toolbar.
  5. Ensure the patterns respond accurately to drag-and-drop actions and are placed correctly without shifting unexpectedly.
  6. Check that the zoom option functions as expected, allowing you to zoom in for detailed block edits and zoom out for a broader view of the page.
  7. Observe whether there are any UXUX UX is an acronym for User Experience - the way the user uses the UI. Think โ€˜what they are doingโ€™ and less about how they do it. issues or inconsistencies when interacting with patterns in the zoomed-out mode.
  8. Exit the zoomed-out mode and ensure that all changes remain intact and display correctly in the standard block editor.

Explore Zoomed-out with Style Variations


Testing Instructions:

  1. Open Appearance > Editor to access the Site Editor.
  2. Select the canvas to begin editing the blog home template.
  3. Open Styles and select Browse styles to view the various style variation options. This will automatically trigger the zoomed-out view.
  4. Scroll through the different style options and explore how the zoomed-out view functions.
  5. Toggle between entering and leaving the zoomed-out view by turning the Style block on and off, switching style blocks, and returning to the style variations for comparison.

Please refer to ticket #64197 for more details about this change.

Media Improvements

WordPress 6.7 introduces significant media improvements, enhancing how media is handled and displayed. Key updates include support for HEIC image uploads with automatic conversion, automatic sizing for lazy-loaded images, and expanded background image functionality. Users can now set background images at the block and global levels, with new options like fixed backgrounds. Additionally, a more streamlined modal interface has been introduced for managing background images. These improvements optimize media handling and elevate site design flexibility.

Support HEIC Image Uploads

HEIC image uploads are automatically converted to JPEG on the server, ensuring compatibility with all browsers. The original HEIC image can still be downloaded from the attachment page. If the server doesnโ€™t support HEIC conversion via Imagick, WordPress will prompt users to manually convert the image.


Testing Instructions:

  1. Upload a HEIC image in the Media Library.
  2. Confirm the image is converted to JPEG.
  3. Check if the original HEIC is available for download on the attachment page.
  4. Verify Imagick HEIC support in Tools โ†’ Site Health โ†’ Info โ†’ Media Handling.
  5. Ensure a warning appears if the server lacks HEIC support.
  6. Confirm the image displays correctly in posts and pages across different browsers.

Please refer to this detailed post about this feature.

Auto Sizes for Lazy-loaded Images.ย 

This feature automatically adds the auto value to the beginning of the sizes attribute for any image that is lazy-loaded. This enhancement improves image responsiveness by helping browsers to determine the appropriate image size automatically.ย 


Testing Instructions:

  1. Enable lazy loading for images on your WordPress site (this may be enabled by default).
  2. Upload or insert an image into a post or page.
  3. Open the browserโ€™s developer tools and inspect the image tag.
  4. Check that the sizes attribute begins with auto for any lazy-loaded image.
  5. Save and preview the post or page to ensure proper image loading behavior on the front end.

Please refer to ticket #61847 for more details about this change.

Block-Level Background Images in Global Styles

WordPress 6.7 introduces the ability to set background images for blocks at a global style level, giving users greater control over the appearance of their site. This new feature allows users to apply background images across all instances of a specific block type, such as the Quote block, while also maintaining the flexibility to override the default background at the individual block level. This adds another layer of customization to WordPress themes, allowing for more cohesive and visually appealing designs.


Testing Instructions:

  1. Open the Site Editor from the Appearance > Editorย 
  2. Select a template and navigate to Styles > Blocks.
  3. Search a block and set a background image for a block at the global style level, for example, for the Quote block.
  4. Check that all Quote blocks now have the default background image applied.
  5. Verify that the global and individual block-level settings are working correctly without any issues.

Please refer to ticket #60100 for more details about this change.

Add Support for Background Attachments (fixed backgrounds)

WordPress 6.7 introduces a new feature that allows you to toggle the background attachment behavior for blocks and site backgrounds. Users can now choose whether the background image scrolls with the page or remains fixed. This enhances design flexibility for block and site backgrounds. Please refer to ticket #61382 for more details.


Testing Instructions:

  1. Add a background image to the block.
  2. Confirm that the background image scrolls with the page by default.
  3. Toggle the โ€œFixed backgroundโ€ option on.
  4. Verify that the background image is now fixed.
  5. Save the changes and check the frontend to confirm the behavior.
  6. In the Site Editor, under Styles > Layout, add a site background image.
  7. Test the same scroll and fixed behavior for the site background.

Update Background Image Support to Use a Modalย 

This update introduces a flyout sidebar panel that allows users to add, upload, or reset background images. The popover provides easier access to background image controls, ensuring seamless adjustments to background image properties like position, size and more. Please refer to ticket #60151 for more details.


Testing Instructions:

  1. Navigate to the block settings in the sidebar and add a background image.
  2. Verify thatย  clicking on the background image in the sidebar triggers the modal popover.
  3. Use the controls within the popover to adjust the background image properties (e.g., position, size).

Design toolsย 

The design tools have been significantly enhanced with expanded block support, offering more flexibility and creative control for designers and themers. Key updates include the long-awaited shadow support for Group blocks, as well as added support for borders, colors, padding, and backgrounds across various blocks like Buttons, Galleries, and Paragraphs. These improvements aim to streamline customization, allowing for more sophisticated designs directly within the block editor.

Click here to see details about each change

  • Buttons: Add border, color, and padding block supports. (63538)
  • Categories: Add border support (63950)
  • Column: Enable border-radius support. (63924)
  • Comment Template: Add Border Block Support. (64238)
  • Gallery: Add border block support. (63428)
  • Group: Add block support for shadow. (63295)
  • Heading: Add border support. (63539)
  • Image: Adopt margin block support (63546)
  • Latest comments: Add color block support (63419)
  • List Item: Add color support (59892)
  • Media Text: Add border support (63542)
  • Paragraph: Add border support (63543)
  • Post Comments Form: Add Border Block Support. (64233)
  • Post Content: Add background image and padding support (62499)
  • Post Date: Add border support (64023)
  • Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that pluginโ€™s metabox.: Add border support (64022)
  • Post Terms: Add border support (64246)
  • Post Title: Add border support (64024)
  • Quote: Add border support (63544), add spacing supports (63545), add background image and minimum height support (62497)
  • Search: Add margin support. (63547)
  • Site Tagline: Add border support (63778)
  • Site Title: Add border support (63631)
  • Social Links: Add border block support (63629)
  • Term Description: Add border block support (63630)

Continuing to Improve PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php 8.x Support

WordPress 6.7 continues to enhance compatibility with PHP 8.x by removing code that was specific to older, unsupported PHP versions. This ensures better performance, security, and stability for sites running on the latest versions of PHP.

Testing Instructions:

  1. Update your WordPress site to PHP 8.x.
  2. Performs tests as described in the โ€œGeneral Testingโ€ section above.
  3. Monitor for any warnings, notices, or errors in the siteโ€™s functionality.
  4. Check the error log to ensure no deprecated or removed functions are in use.
  5. Verify that the admin dashboard and frontend load without issues.

APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. Launches and Iterations

This release includes two new APIs designed to simplify developersโ€™ workflows:

Template Registration API ย 

This feature simplifies template registration for plugins by introducing a new API. Previously, plugins had to hook into multiple filters, but now they can register templates more easily and efficiently.

Testing Instruction:
Please refer to the testing steps outlined in ticket #61577 to verify this feature.

Preview Options APIย ย 

This API allows for greater flexibility in preview functionality, enabling plugin developers to seamlessly integrate custom preview options into the WordPress editor. It addresses the need for varied publishing flows and tools.

Testing Instruction:
Please refer to the testing steps outlined in ticket #64644 to verify this feature.

Interactivity API

WordPress 6.7 introduces enhancements to the Block API, including new features aimed at improving interactivity. Currently, the focus is on testing the UI and functionality of the Lightbox Support feature.ย 

Testing Instructions:

  1. Add a Gallery block to a post or page.
  2. Upload and insert a few images.
  3. For each image, select the โ€œLinkโ€ option and choose โ€œClick to expandโ€ to enable the lightbox. (See reference: Image)
  4. Save the page and view it on the front end.
  5. Test that clicking on the images opens the lightbox and ensure it supports keyboard accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility).

Block Bindings API

The Block Binding API allows developers to bind custom metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. and dynamic data from plugins to blocks. This API simplifies the integration of post meta fields and custom data into block attributes, enabling dynamic content rendering of blocks without changing the existing codebase. This test focuses on verifying that post meta can be successfully registered, updated, and displayed in the front end using various blocks.

Testing Steps:

  1. Add the below code to your theme or plugin file to register the post meta and simulate dynamic plugin data.
add_action('init', function () {
	// Register custom post meta.
	register_meta(
		'post',
		'block_binding_meta_test',
		[
			'label'   		=> __( 'My Custom Post Meta', 'text-domain' ),
			'show_in_rest'  => true,
			'single'        => true,
			'type'          => 'string',
			'default'       => '',
		]
	);
	// END Register custom post meta.

	// Register dynamic data binding.
	$blockBindingCallback = function () {
		return sprintf( __( 'Current Time: %s', 'your-text-domain' ), date_i18n( 'r' ) );
	};

	if (function_exists('register_block_bindings_source')) {
		register_block_bindings_source( 'my-plugin/current-time', [
			'label'					=> __( 'Current Time', 'text-domain' ),
			'get_value_callback' 	=> $blockBindingCallback
		] );
	}
	// END Register dynamic data binding.
});

2. Create a new post and add a Paragraph block.

3. In the block settings, select Attributes and click Content. You should see the option to select My Custom Post Meta.

4. Enter a value for the post meta and save the post.

5. On the front end, check if the custom post meta value is displayed.

6. Add another Paragraph block and ensure the previously entered custom meta value is automatically populated.

7. Repeat the steps with other blocks like Image, Heading, and Button.

8. Now manually add another Paragraph block using the below code.

<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->

9. Verify that you can see the current time output on the front end.

HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. API

The HTML API, introduced in WordPress 6.2, is designed for block developers to provide better control and flexibility when working with HTML within blocks. This API enables support for custom HTML tags and attributes within the block editor. You can learn more about the HTML API in this WordPress Core post.

Testing Steps:

  1. If youโ€™re a block developer, explore the support for new HTML tags and functions.
  2. Refer to this GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the โ€˜pull requestโ€™ where code changes done in branches by contributors can be reviewed and discussed before being merged by the repository owner. https://github.com/ issue for further details on how to test the new functionality.

If youโ€™re a developer eager to dive in, check out the details in the API section of this post to give these exciting features a try!

What to Notice

  • Were all the features easily accessible and intuitive to use?
  • Did you notice any performance issues, such as slow loading or lag during editing?
  • Were there any visual inconsistencies or layout issues across different browsers or devices?
  • Did the drag-and-drop functionality work as expected in patterns?
  • Did you encounter any accessibility issues beyond screen readers and keyboard navigation, like color contrast or focus management?
  • Did the preview mode accurately reflect how the content appeared once published?
  • Did the experience handle large or complex pages smoothly without freezing or crashing?

Where to Report Feedback

If you find any issues but arenโ€™t sure if itโ€™s a bug or where best to report the problem, share them on the WordPress.org alpha/beta forums. If you are confident that you found a bug in WordPress Alpha/Beta/RC, report it on Core Trac for rollback auto-updates and the Gutenberg GitHub repo for every other feature.ย 

For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook and review the Core Team guidelines for Reporting Bugs.

Changelog

1.0.0 โ€“ Initial Post

1.0.1 โ€“ Updates for Beta-2

1.0.2 โ€“ Updates for Beta-3

1.0.3 โ€“ Updates for RC-1

1.0.4 โ€“ Updates for RC-3

A big thank you to @poena, @5um17 for contributing and @oglekler for reviewing this post.

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"

Help test WordPress 6.6

Roll up your sleeves, itโ€™s time to help test WordPress 6.6 ahead of the July 16th, 2024 release date. Finding a bug now will help the millions of folks who upgrade later and this testing period is a critical part of what helps ensure smooth releases for all. Please know that any help you can provide to test this next release, whether itโ€™s 10 minutes or 10 hours, is very much appreciated.

Changelog

June 6th: Updated the section on โ€œMix and match typography and color palettes from all styles variationsโ€ in light of changes to the feature to make it more blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme author focused.

Testing setup

You can test the latest development version, or a specific BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process./RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. with the WordPress Beta Tester Plugin on any development siteDevelopment Site You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment. youโ€™d like (donโ€™t use in production). You can also set up a local WordPress environment or create another site on your hosting environment to test.ย 

If you are planning to test patches, you can follow these instructions to set up a WordPress development version locally; or if you want to test just what is already in the release, use WordPress Playground or install WordPress in your local environment and use the WordPress Beta Tester Plugin.ย 

For more detailed steps about the Beta Tester PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party., follow this link for complete instructions. With Playground, you can also easily test individual Core tickets.

General testing

These are general steps to take after updating. For more specific features, please read on:

  1. Update your theme and plugins to the latest versions.
  2. Switch to the Beta/RC/Night build you want to test.
  3. Check Site Health to see if there are already some issues that will be unrelated to the update.
  4. Check for Errors, Warnings and Notices
    • Turn on the debug log by adding settings to your wp-config.php. (Note that SCRIPT_DEBUG can change the behaviour of scripts, so it is recommended to test this constant both on and off.)
    • Run a spider against your site to process all the available pages.
    • Open the developer console in the browser.
    • Try to create a new post, add some content and save it, especially try to copy and paste content from another source, add comments, add media files of different types and do other usual actions in the admin. While doing it, pay attention to the information in the console to see if there are any issues.
      Note: Sometimes some issues are not visibly affecting any of the site functionality and sometimes it can be tricky to decipher where they are coming from.ย 
    • Check special functionality, go through the most important logic of your site: if you have an e-commerce store, place an order; perform a search; etc.
    • Open your site in different browsers and try the same things.
  5. Check the debug log to see if something is reported there.
    Note: Things that occur in the theme or a plugin need to be addressed to its developer. Additional information about your environment and site setting is in the Site Health information. Check information for any sensitive data before publishing it in any forum or other public space.
  6. Check Site Health to see if some issues were not present before.
    Note: depending on the message, the steps you should take can be quite different. For example, if you have a low PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php version (this issue should be present before testing the upcoming version) this can and should be changed on the hosting. So, for most of these issues, your hosting provider or a site developer will be the first person to go to.
  7. If errors appear in the log, check the paths to where these issues occurred, and contact the theme/plugin developer, or ask in the Forums (or your local native language Forum). But firstly check if this is already reported by someone else. In our case, multiple reports are not making things more important but only creating additional work for contributors who are triaging tickets. And read the sticky post first to find out how to work and communicate in the Forums.

Data Views

Data Views is the new and improved experience of navigating and viewing information in the Site Editor as part of the groundwork for phase 3. This release focuses on bringing a new side by side layout, consolidating patterns and template part management, surfacing general management views sooner across the experience for easier access, and a wide range of refinements.ย 

Testing instructions

  1. Open Appearance > Editor and select Pages.
  2. In this view, youโ€™ll see the new layout called โ€œlistโ€ that shows a side by side view.ย 
  3. Underneath โ€œAdd New Pageโ€ select the View Options icon.ย 
  4. Change the layout of the view by selecting โ€œLayoutโ€ and explore changing other options, like sort by or what fields are displayed.ย 
  5. Click the back arrow to return to the overall Design section and select โ€œTemplatesโ€.
  6. Underneath the โ€œAdd New Templateโ€ select the View Options icon.ย 
  7. Change the layout of the view by selecting โ€œLayoutโ€ and explore changing other options, like sort by or what fields are displayed.ย 
  8. Click the chevron back arrow to return to the overall Design section and select โ€œPatternsโ€.
  9. Explore creating new patterns and template parts before exploring how the two are presented in the same section. For example, view the โ€œAll template partsโ€ and โ€œAll patternsโ€, try using different sorting options, and different layouts.ย 

You can continue testing as you see fit by creating different types of content (patterns, template parts, templates, and pages in various states) and changing how that content is then displayed in each management section (Patterns, Templates, Pages).ย 

Overrides in synced patterns

Building upon the power of synced patterns, overrides allow you to ensure a synced layout and style across patterns while enabling each instance of the pattern to have customized content. This provides consistency in design across different pieces of content. For instance, consider a user creating a โ€˜Recipeโ€™ pattern. With the enhanced feature, the user can insert this pattern into multiple posts, ensuring that the layout and styling components, such as the overall design of the recipe card, remain consistent across instances. Meanwhile, the content, such as Ingredients and Steps, would be local to each post, allowing for individual customization. Additionally, folks would then be able to revisit and modify the design of the recipe pattern without affecting the content in existing instances.

Testing instructions

Create a synced pattern with overrides

  1. Create a new post.
  2. Insert a mixture of blocks that include paragraphs, headings, buttons, images, and optionally other blocks too.
  3. Select the blocks, and โ€˜Create a patternโ€™ from the block options menu.
  4. Give the pattern a name and make it โ€˜syncedโ€™.
  5. Once the pattern has been created, note that the content is locked and uneditable.
  6. Click the โ€˜Edit originalโ€™ button on the toolbar, this will take you into an isolated view for editing the pattern.
  7. Select a paragraph block in the pattern, and in the block settings sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. expand the Advanced section. Check the โ€˜Enable overridesโ€™ option and give the override a name.
  8. Set overrides for a few blocks within the pattern, ideally including a heading, paragraph, button, and image block.ย ย 
  9. Click โ€œSaveโ€ and then use the โ€˜Backโ€™ button in the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitorโ€™s opinion about your content and you/ your organizationโ€™s brand. It may also look different on different screen sizes. area of the editor to go back to the post.

Editing the instances

  1. Select the pattern and duplicate it from the block options menu.ย 
  2. Now click the paragraphs for which you checked โ€˜Enable overridesโ€™ and notice you can edit them. The updates donโ€™t sync across instances of the pattern; the changes are local to the pattern.
  3. Click โ€œSaveโ€ and confirm both Posts and Patterns are checked in the saving flowFlow Flow is the path of screens and interactions taken to accomplish a task. Itโ€™s an experience vector. Flow is also a feeling. Itโ€™s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it., and confirm Save.
  4. View the post, the frontend should match the editor.

Add the pattern with overrides to another page

  1. Create a new page and add the newly created pattern with overrides to it.
  2. Make local changes to the pattern based on what blocks are able to be overridden.ย 
  3. Hit save when done.
  4. Click the โ€˜Edit originalโ€™ button on the toolbar, this will take you into an isolated view for editing the pattern.

Remove override option

  1. Select one of the blocks with overrides turned on and in the block settings sidebar expand the Advanced section.
  2. Select โ€œDisable overridesโ€ and confirm your choice in the warning modal (read the modal and give feedback!).ย 
  3. Select save and use the โ€˜Backโ€™ button in the header area of the editor to go back to the page.
  4. Confirm you can no longer edit the previous override that was just disabled and that the content matches the original pattern once more.

Inserter shows all blocks

Previously, when selecting a block with the Inserter open, only the blocks that were allowed to be added to the selected block were shown often resulting in a confusing experience with an emptier than expected Inserter. With 6.6 when a block is selected, thereโ€™s now a list of blocks that can be inserted at the selected block, and a list with remaining blocks. This helps show both whatโ€™s allowed to be inserted within the selected block alongside the remaining blocks someone can still add. When you select a block outside of the allowed blocks, itโ€™s inserted below the current block selection.ย 

Testing instructions

  1. Open Appearance > Editor to open the Site Editor.ย 
  2. Select Pages and โ€œAdd new pageโ€ to create a new page.
  3. Open the Inserter and add a List block. Notice that all blocks should still appear below the List Item block thatโ€™s allowed.
  4. Select the List Item block to add a list item.
  5. Select a different block, like a heading, and ensure it is inserted below the list.ย 
  6. Try this process a few times adding different blocks, like a Buttons block or Quote block.ย 

Unified and refreshed publish flow

The publish flows for both the post and site editor have been unified, bringing with it a new design and experience. Because publishing is such a critical part of the WordPress experience, itโ€™s a key part to explore and find the edges of.ย 

Testing instructions

Create a page in the Site Editor

  1. Open Appearance > Editor to open the Site Editor.ย 
  2. Select Pages and โ€œAdd new pageโ€ to create a new page.
  3. Add some content and publish the page by changing the options in Block Settings under Page.ย 
  4. Please test further by adding a featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts., changing the author, changing the date, etc.ย 

Create a post with the Post Editor

  1. Open the command palette with either Cmd+k on Mac or Ctrl+k on Windows and type โ€œAdd new postโ€ before selecting the option that matches.ย 
  2. This will take you to a new post in the Post Editor.
  3. Repeat the process of adding some content and publishing.ย ย 
  4. Please test further by adding a featured image, changing the author, changing the date, adding categories, adding tags, setting an excerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that pluginโ€™s metabox., etc.ย 

You can continue testing as you see fit by going through the publish flow in each experience again, testing against different plugins, editing the template used, and exploring different post/page states (draft, pending, private, etc).ย 

Create color OR typography only style variations [technical]ย 

To build on the design possibilities of a block theme with style variations, 6.6 adds the ability to target color or typography only variations and offers them as presets, alongside style variations. These new color only and typography only presets offer narrower changes, making it easier to offer broader color and typography options out of the box without larger changes to the design. To use this new option, theme authors will need to create color or typography only variations, meaning variations that only contain changes to one or the other option. For any style variations that only contain color and typography only changes, these will now automatically appear in this separate preset flow.

Testing instructions

These testing instructions can only be followed if you are testing after the release of beta 2 as there are changes in place after the initial release in beta 1 in light of this discussion.

  1. Create a new style variation that only contains changes to color OR typography settings and add this to your block theme under the same styles folder.
  2. Head to Appearance > Editor and open Styles.
  3. If you create a typography only variation, open Typography and you should see the variation under the heading โ€œPresetsโ€ towards the bottom. If you create a color only variation, open Colors > Palette and you should see the preset available under โ€œPalettesโ€.
  4. Select your variation and ensure it updates as expected.
  5. Save changes.

Section styles and changes to CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. specificity [technical]ย 

6.6 introduces the ability for theme authors to define style options for sections of multiple blocks, including inner blocks, that then appear in the Inspector in the same format as a block style variation. With just a few clicks, folks using block themes that add this functionality can quickly change just a section of a page or template to predefined styles that a theme author provides, like a light or dark version of a section.ย 

Important note:

As part of this work, changes were made to limit the specificity of global styles CSS output to make overriding coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. styles easier and enable the extension of block style variations. This was accomplished by wrapping all the specificity leveled rules in :root. These changes keep specificity mostly the same across the board except for some of the more complex selectors for layout styles and block style variations. You can read the full breadth of the discussion here.ย 

Testing instructions

Please try registering a few different section styles using one of the following methods. For examples of each, please review the PR that implemented this feature.ย 

  • Programmatically via `wp_register_block_style()`
  • By standalone theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. partials within a themeโ€™s /styles directory alongside a themeโ€™s style variations.
  • Via theme style variations defining block style variations under styles.blocks.variations.

Grid layout

Grid is a new layout variation for the Group block that allows you to display the blocks within the group as a grid, offering new flexibility. There are two options for the Grid layout:

  • โ€œAutoโ€ generates the grid rows and columns automatically using a minimum width for each item.ย 
  • โ€œManualโ€ allows specifying the exact number of columns.

Within the experience, thereโ€™s also a visual resizer that matches the text color set for the blocks to ensure itโ€™s easy to see and use.

Testing instructions

  1. Open Appearance > Editor to open the Site Editor.ย 
  2. Select Pages and โ€œAdd new pageโ€ to create a new page.
  3. Add a grid block.ย 
  4. Explore adding 3-5 blocks within the grid. For example, a set of headers or images or some combination.
  5. Use the drag handles on an individual block to change the row and column span. Try this a few times!ย 
  6. Select the overall grid block and open block settings.
  7. Under โ€œLayoutโ€, explore changing the various options between manual and auto, along with minimum column width.
  8. Return the settings to auto and change the column span of a few of the items either by using the drag handles or through the block settings under Dimensions for each individual item.ย 
  9. Once done, use the preview option to preview the grid layout in different screen sizes to check whether the layout remains responsive.ย 
  10. Continue making changes: add new blocks, change the column and row span, transform into/out of grid, etc.ย 

Note: The only responsive styles in place for Grid are when there are multi-column spans in auto mode which is why there are intentional steps to test this in steps 8 & 9.ย 

New patterns experience for Classic themes

After adding easy access to patterns with a new Patterns tab under Appearance, Classic themes are slated to have access to the pattern experience baked into the Site Editor in this release. This will provide an upgraded, modern experience of managing and creating patterns, including all of the work thatโ€™s gone into data views.

Testing instructions

Create some patterns

  1. Open Appearance > Editor to open the Site Editor.ย 
  2. Select Patterns and create a few patterns. As a tip to move quickly, you can always create a pattern and add in a current pattern from Inserter with a few customizations to make it your own.ย 
  3. Return to the admin dashboard by clicking the back chevron twice.ย 

Switch to a Classic theme

  1. Open Appearance > Themes.
  2. Install and activate a Classic theme. For example, Twenty Twenty-One or Twenty Twenty.ย 
  3. After activating, open Appearance > Patterns. You should see a more confined Patterns experience matching what youโ€™d find in the Site Editor.
  4. Create a new pattern in this new experience and publish it. Ensure it shows up correctly.ย 

Access new patterns page

  1. Return to the admin dashboard by clicking the back chevron twice and create a new post under Posts > Add New.ย 
  2. Within this post, open the command palette with either Cmd+k on Mac or Ctrl+k on Windows and search for โ€œPatternsโ€. Ensure it takes you to this new patterns experience.ย 
  3. Return to the post, open options and select โ€œManage patternsโ€. Ensure it takes you to this new patterns experience.
  4. Return to the post, create or insert a synced pattern and, select the three dot menu in the block toolbar and choose โ€œManage patternsโ€. Ensure it takes you to this new patterns experience.

Negative margins

A long-requested feature has finally arrived: you can now set negative margin values. As a guardrail, this option can only be added manually to prevent people from accidentally adding negative values they didnโ€™t intend using the slider control.ย 

Testing instructions

Margin support is included on the following commonly used blocks: Group, Paragraph, Columns, Code, Cover, Separator, Spacer, Gallery. For a full list, please refer to this chart.ย 

  1. Open Page > Add New.ย 
  2. Open the Inserter > Patterns and add a few patterns.ย 
  3. Select or add blocks with margin support within those patterns.ย 
  4. Open block settings > open the styling section > head to Dimension settings.
  5. In the margin controls, manually enter a negative number and try making a few changes.ย 
  6. Publish and view on the front end to ensure it matches the editor.ย 
  7. Repeat this process with more blocks!

Rollback Auto-Updates

To further protect websites and increase confidence in automatic plugin updates, 6.6 includes the ability to perform rollbacks when fatal errors occur during attempted plugin auto-updates by default. This allows you to enjoy the ease of auto-updates with the safety of rollbacks if anything goes wrong.ย 

Testing instructions

Please follow the testing instructions outlined in this merge proposal post:

  1. Ensure youโ€™re using trunk or WordPress nightly.
  2. Install version 0.1 of the test plugin.
  3. Activate the test plugin and enable auto-updates.

The WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ update APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. will serve the version 0.2 version of the plugin, which will cause a PHP fatal error. To confirm a rollback is successful, data is written to the error.log at every point in the auto-update process, creating an audit trail the user can use to discern the flow and results of rolling back an auto-update. This logging is only intended for testing purposes.

Of note, any plugins or themes, other than the test plugin, should also update properly and only the active plugins will undergo the loopback testing.ย 

What to notice:

  • Did the experience crash at any point?
  • Did the saving experience work properly?ย 
  • What did you find particularly confusing or frustrating about the experience?
  • What did you especially enjoy or appreciate about the experience?ย 
  • What would have made this experience easier for site building and for writing new content?
  • Did you find that what you created matched what you saw on your site?
  • Did it work using Keyboard only?
  • Did it work using a screen reader?
  • Did it work while using just a mobile device?

Where to report feedback

If you find any issues but arenโ€™t sure if itโ€™s a bug or where best to report the problem, share them on the WordPress.org alpha/beta forums. If you are confident that you found a bug in WordPress Alpha/Beta/RC, report it on Core Trac for rollback auto-updates and the Gutenberg GitHub repo for every other feature.ย 

For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook and review the Core Team guidelines for Reporting Bugs.

Please share feedback as soon as you can before the final release on July 16th, 2024.

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"

Help Test WordPress 6.5 Beta 3

This post is not covering all important features for testing in WordPress 6.5 BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. 3, more will come. The previous call with general instructions for testing can be found here.

If you want to help in testing but are not sure how to start, join the #core-test channel in SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/ and ask for guidance. Seasoned testers will gladly point you in the right direction and share interesting stuff to play with.ย 


WordPress 6.5 RC1 is coming on 5 March 2024 which means String freeze โ€“ no new strings should be added or changed in the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. to give Polyglots the ability to translate strings into different languages before the release. This is the time to pay careful attention to new strings. If you know English by heart, please test new features and check out the language.

Table of contents

Key features to test

I18n โ€“ Translations performance

WordPress Core contributorsCore Contributors Core contributors are those who have worked on a release of WordPress, by creating the functions or finding and patching bugs. These contributions are done through Trac. https://core.trac.wordpress.org put great efforts into localization performance, and we can see significant improvement in translation loading.

TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. ticket: #59656

Detailed information about the project:

Not all the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party.โ€™s features went into the Core and the plugin is still useful with translations from PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php-files that can benefit with OPcache.

Testing instructions

Special request to developers who maintain multilingual sites to test WordPress 6.5 with real data on staging versions of the real sites. Do it now and be confident when the time will come to update sites on production and benefit from this improvement.

General checks

  • Front end theme translations
  • Back end translations
  • Memory usage
  • Site speed
  • Compatibility with different plugins, including plugins for multilingual sites and plugins with huge amounts of strings
  • MultisiteMultisite Multisite is a WordPress feature which allows users to create a network of sites on a single WordPress installation. Available since WordPress version 3.0, Multisite is a continuation of WPMU or WordPress Multiuser project. WordPress MultiUser project was discontinued and its features were included into WordPress core. Advanced Administration Handbook -> Create A Network. translations
  • Absence of errors with different PHP versions (more: supported versions, recommendations)

Notes:

  • WordPress 6.5 has new or changed strings that are not available for translation until RC1. WordPress, themes and plugins can also have untranslated strings in languages you choose to test with. If you want to translate WordPress, follow the guidance in the Translator Handbook.
  • If you find an issueย file a new ticket on Tracย under the I18N component.
  • If you find an issue with a plugin or theme, please, report it to its developer.
  • The Query Monitor plugin is an active observer and can make an impact on the result as well.
  • Some strings can lack translation, and, in this case, they will be absent in 6.4 as well as 6.5 (with some exceptions as โ€˜Activateโ€™ after plugin installation that looks the same but actually is a different string).
  • At this stage, the solution is working fine at first glance, and you have to be creative, notice details and take bold actions to get into every possible corner and dig deep to be sure that there are no hidden holes.

Fresh installations

  • Install 6.4 and 6.5 latest Beta/RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. with English default language keeping everything else the same.
  • Install Query Monitor plugin on both sites to check memory usage and execution time.
  • Debug settings
  • Change the default site language to another language
    • Check that translations are working in the Admin
    • Check that translation work on the front end (you will have by default Twenty Twenty-Four theme and it has strings for the front end)
    • Check that in general each 6.5 admin page uses less memory than 6.4 pages
    • Check that JS translations work, for example by clicking on the Apply button on the plugin page without selecting any plugins, install plugin, install theme, use Quick/Bulk Edit and change post/page attributes
  • Change the user language to another one adding a third language. If you know the RTL language, please check it and mix with LTR.
  • Install a lot of languages to check that the system will still be quick with this number of languages.
  • Install plugins that have translations in chosen languages (one of the most popular will most likely be one of them) and check that translations are identical.
  • Install a classic theme and check its translations.

If we missed some aspects that should be checked, please leave a comment below this post.

Plugin dependencies

Logic of installing, activation, deactivation and removal of plugins was reworked. This is a significant enhancement in addition to already existing safeguards during plugins installation for compatibility and errors checks.ย 

To get detailed information and find previous test calls, please, read Merge announcement.ย 

Testing instructions

Environment

  • Install WordPress 6.5 latest Beta/RC version
  • Debug settings
    • Enable Debug and Debug log
    • Keep Console open to notice JS and ajax/REST request errors
  • Remove all plugins
  • Install Query Monitor plugin and keep it active (it will show PHP errors if they will accrue)
  • Pay attention to details during the process

General checks

Plugins without dependencies should be installed, activated, deactivated, uninstalled, enabled/disabled to auto-updates as before (single or bulk).ย 

  • Install several plugins
  • Activate plugin
  • Activate several plugins using Bulk action
  • Install old versions of plugins via file upload
  • Update one plugin
  • Update several plugins using Bulk action
  • Try to install plugin that will cause fatal error (invent nonexistent function, for example)
  • Deactivate one plugin
  • Deactivate several plugins using Bulk action
  • Delete a plugin
  • Delete several plugins using Bulk action
  • Did the same with Enable/Disable auto-updates

Test dependencies

  • Installation: Dependents can only be installed via Plugins > Add New if their dependencies are installed.
  • Activation: Dependents anywhere (Plugins > Installed plugins / Plugins > Add New / modals / WP-CLIWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/ / after installing via ZIP) can only be activated if their dependencies are activated first.
  • Deactivation: Dependencies can only be deactivated on Plugins > Installed plugins (single or bulk), if their dependents are deactivated first.
  • Deletion: Dependencies can only be deleted on Plugins > Installed plugins (single or bulk), if their dependents are deleted first.

Steps to follow

Prepare several plugins and zip them into own archives to install via admin

  1. my-hello-dolly/my-hello-dolly.php
<?php

/**
* Plugin Name: My Hello Dolly
* Requires Plugins: hello-dolly
*/
  1. my-car/my-car.php
<?php

/**
* Plugin Name: My Car
*/
  1. my-car-trailer/my-car-trailer.php
<?php

/**
* Plugin Name: My Car Trailer
* Requires Plugins: my-car
*/
  1. game-stone/game-stone.php
<?php

/**
* Plugin Name: Game Stone
* Requires Plugins: game-scissors
*/
  1. game-paper/game-paper.php
<?php

/**
* Plugin Name: Game Paper
* Requires Plugins: game-stone
*/
  1. game-scissors/game-scissors.php
<?php

/**
* Plugin Name: Game Scissors
* Requires Plugins: game-paper
*/
ActionExpected behaviour
1. Install โ€˜My Hello Dollyโ€™ plugin via Plugins > Add New
โ€“ Activate plugin
Plugin is installed
Error message
Dependency is not installed automatically
2. Install โ€˜My Car Trailerโ€™ plugin via Plugins > Add NewPlugin is installed
3. Activate โ€˜My Car Trailerโ€™ pluginPlugin is not activated
Error message
4. Install and activate โ€˜My Carโ€™ plugin
โ€“ Activate โ€˜My Car Trailerโ€™ plugin
Plugins are activated
โ€˜My Carโ€™ plugin has no link to deactivate
5. Deactivate โ€˜My Car Trailerโ€™ plugin
โ€“ Deactivate โ€˜My Carโ€™ plugin
Plugins are deactivated
โ€˜My Carโ€™ plugin has no link to delete
6. Delete โ€˜My Car Trailerโ€™ plugin
โ€“ Delete โ€˜My Carโ€™ plugin
Plugins are deleted
7. Install and activate โ€˜My Carโ€™ plugin
โ€“ Install and activate โ€˜My Car Trailerโ€™ plugin
โ€“ Manually delete โ€˜My Carโ€™ plugin in the wp-content folder
โ€“ Open Plugins page in admin
โ€˜My Carโ€™ plugin will be deactivated due to its absence
โ€˜My Car Trailerโ€™ will still be active
Notice message
8. Add plugins โ€˜Game Paperโ€™, โ€˜Game Scissorsโ€™, โ€˜Game Stoneโ€™ into wp-content folderWarning on the plugin page about invalid requirementsย 

These are only expected behaviour.

Now it is time to be creative and think about other possible scenarios. Write them down before actually testing and check if your expectations are matching what is happening.

Remember to check the Test Dependencies section above so that your expectations meet the current status of the feature.

Other improvements

Focus styles updated for full WCAGWCAG WCAG is an acronym for Web Content Accessibility Guidelines. These guidelines are helping make sure the internet is accessible to all people no matter how they would need to access the internet (screen-reader, keyboard only, etc) https://www.w3.org/TR/WCAG21/. compliance

Trac ticket #51870

The focus style for form inputs, buttons, and links styled as buttons, which was first introduced in WordPress 5.3 (#34904), has been fully updated in WordPress 6.5. In WordPress versions prior to 6.5, the focus styles were inconsistent across different elements like inputs, buttons, and links.

This update modifies the focus styles for all interactive elements to be consistent with the styles introduced in WordPress 5.3, in order to meet WCAG accessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both โ€œdirect accessโ€ (i.e. unassisted) and โ€œindirect accessโ€ meaning compatibility with a personโ€™s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) standards for minimum colour contrast ratios.

Please help test consistency of focus styles for form inputs, buttons and links styled as buttons with this video to guide you.

Fixing inappropriate pointer cursor on disabled form controls in WordPress

Trac ticket #59733

WordPress 6.5 introduces a fix for an issue where disabled form controls in WordPress were still showing a pointer cursor instead of the default cursor.

Previously, WordPress set all form controls and their label elements to use cursor:pointer to highlight that they are interactive. However, when a control is disabled or has `aria-disabled=โ€trueโ€`, using a pointer cursor is inappropriate and doesnโ€™t follow web standards.

The issue affected disabled checkboxes, radio buttons, and other form controls throughout WordPress, including in the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses โ€˜blocksโ€™ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ editor. While WordPress traditionally hides disabled controls rather than disabling them, there were still instances of improper cursor styling.

To address this, the change makes sure labels and disabled form controls, including those with aria-disabled, use the default platform-dependent cursor. This follows web accessibility standards and fixes the confusing pointer cursor on disabled controls. Interactive controls will still use a pointer for consistency with WordPressโ€™ prior styling.

Testing instructions

  • Go to Settings > Reading
  • Make sure โ€˜Your homepage displaysโ€™ is set to โ€˜Your latest postsโ€™.
  • Hover the mouse on the โ€˜Homepage:โ€™ and โ€˜Posts page:โ€™ disabled select elements.
  • Observe the mouse cursor is the default one.
  • Hover the mouse on the disabled select elements labels.
  • Observe the mouse cursor is the default one.
  • Install and activate the Link Manager plugin.
  • Add a new link.
  • In the form to create a new link, check the checkbox at another web address of mine.
  • Observe all the following checkboxes and radio buttons get disabled.
  • Hover the mouse on all radio boxes, checkboxes, and their labels.
  • Observe the mouse cursor is always the default one.

Media: AVIF support enabled

Trac ticket #51228

WordPress 6.5 introduces native support for uploading, editing, and saving images in the AVIF (AV1 Image File) format, provided the server has the required AVIF libraries installed.

The AVIF image format utilises the intra-frame encoding techniques of the AV1 video codec to offer drastically improved compression ratios compared to older image formats like JPEG, PNG, and even newer ones like WebP.

By incorporating AVIF encoding and decoding into the media functions, WordPress 6.5 allows users to upload AVIF files and take advantage of the file size savings, typically around 30-50% over JPEG/PNG for equivalent visual quality. Edited AVIF images can also be resaved while preserving alpha transparency and colour profiles.

Testing instructions

  • Verify your WordPress install supports AVIF โ€” check Tools-> Site Health -> Info tab -> (expand) Media Handling section. Either GD or Imagick must have โ€œAVIFโ€ listed.
  • Upload an AVIF image to a post or the media library. Some test images are available in the libavif repository.
  • Test features like cropping and rotating in the media library and the editor
  • Test viewing post in all supported browsers (Browserstack would be great for that)
  • Test using the image_editor_output_format filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. to output AVIFโ€™s for uploaded JPEGs, noting JPEG/AVIF file sizes with/without the filter.

The order of loading the import map and script modules has been changed. Now, the import map is loaded first, followed by the script modules. This fixes an issue where incremental import maps would fail if loaded after the script modules.

In classic themes, the import map and script modules are now loaded in the footer rather than the head. This is because the proper order (import map first) canโ€™t be guaranteed when printing in the head in classic themes.

Testing instructions

Create a plugin with a dependency between two script modules and an import map. You can either follow the instructions below to create a test plugin, or simply download this test plugin.

Create a new plugin with three files:

test-plugin/test.php

<?php
/*
* Plugin Name: Test Script Modules
* Version: 1.0.0
*/

wp_register_script_module( 'bar', plugins_url( '/bar.js', __FILE__ ) );
wp_enqueue_script_module( 'foo', plugins_url( '/foo.js', __FILE__ ), array( 'bar' ) );

test-plugin/foo.js

import bar from 'bar';
bar();

test-plugin/bar.js

export default function bar() {
โ€‚console.log( 'bar' );
}
  • Upload the plugin on your test website.
  • Activate the plugin.
  • Open your site (frontend).
  • Check that โ€œbarโ€ was printed in the console.

To check that this fixes the positioning of the scripts/link in the classic themes:

  • Load a blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. theme (Twenty Twenty-Four or another)
  • Check that the scripts with type=โ€importmapโ€ and type=โ€moduleโ€, and the link with rel=โ€modulepreloadโ€ are printed in the head.
  • Load a classic theme (Twenty Fourteen)
  • Check that the scripts with type=โ€importmapโ€ and type=โ€moduleโ€, and the link with rel=โ€modulepreloadโ€ are printed in the footer.

Please share feedback as soon as you can before the final release on March 26, 2024.

What else you can do

  • Share this post to advise other WordPress developers, DevOps, QA specialists, and site owners to join efforts in testing.
  • Ask your localย meetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for โ€˜WordPressโ€™ on meetup.com will help you find options in your area.ย organizers to make a meetup about testing, QA, and release cycles.ย 
  • Subscribe to theย Test Team blogย to get further information and updates. You may also subscribe to theย Core Team blogย to stay in theย loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loopย with Core updates, including the latestย โ€œWeek in Coreโ€ posts.
  • Join our regular Test Team meetings in theย #core-test Slack channel, where you can get real-time updates, get help with testing, or discuss tricky cases. Participate in team meetings and test scrubsย every week to engage in the testing community.
  • Do you have suggestions for how this post can be improved? Please leave a comment below.

A big thank you toย @oglekler, @lumiblog,ย @vipuljnext,ย @swissspidy,ย @costdev,ย @ankit-k-gupta andย @webtechpoojaย ย for contributing to this post.

#6-5, #release-field-guide, #test

Help Test WordPress 6.5 Beta 1

Itโ€™s time for the next big release in the WordPress world! WordPress 6.5 is planned for March 26, 2024, and we need your help to make it the best it can be. New features and improvements make this release a game-changer as always.ย 

This is the second Call for Testing post for the 6.5 release after the early call that highlighted new Editor features.ย 

Table of Contents:

Why should you test the upcoming WordPress version

Are you a professional QA specialist, developer, business owner or blogger? You can easily test WordPress Betas, Release Candidates and the development version at any given moment to be sure that your site, theme and plugins are fully compatible with the upcoming version and there are no complications with server settings, certain data in the database or other things that can be almost unique for your site. This way you can be sure that when a new version is launched, you can easily update your site, or your theme/pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. users will be happy when they update their sites.ย 

Do you find something that does not match up but you are not sure? Report it in the Forums (details below).

This is also a great way for you to contribute to WordPress and become a part of the worldwide open-source community improving the CMS you are using in your day-to-day business that benefits your business as well.ย 

Get ready

This is quite simple. You can test the latest development version, or a specific BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process./RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. with the WordPress Beta Tester Plugin on any site you want, but please only test on a development siteDevelopment Site You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment. and not on a production/live site. You can use any local environment and run WordPress locally or launch another site on your hosting. Some hosting companies provide a simple way to launch a staging site alongside your main site, so check what options you have. And please consider the security of your staging site by avoiding the use of simple passwords or leaving the installation process halfway through.

Test Environment installation

If you are a developer or a QA specialist and are planning to test patches, you can follow these instructions to set up a WordPress development version locally; or if you want to test just what is already in the release, use a Playground or install WordPress in your local environment and use the WordPress Beta Tester Plugin.ย 

For more detailed steps about the Beta Tester Plugin, follow this link for complete instructions.

With Playground, you can also easily test individual Core tickets.

What to test

Each release introduces a lot of new features, improvements and bug fixes. Most of them do not require any additional actions from you, but in some cases, something might need to be changed. This is why testing is a good practice as well as following along with the release to see if something can require actions from your side or provide you new opportunities.

If you missed the previous call for testing, you can start with Early Opportunities to Test WordPress 6.5.

To make your testing experience as smooth as possible and save your time, follow the instructions:ย 

General testing

  1. Update your theme and plugins to the latest versions.
  2. Switch to the Beta/RC/Night build you want to test.
  3. Check Site Health to see if there are already some issues that will be unrelated to the update.
  4. Check for Errors, Warnings and Notices
    • Turn on the debug log by adding settings to your wp-config.php. (Note that SCRIPT_DEBUG can change the behaviour of scripts, so it is recommended to test this constant both on and off.)
    • Run a spider against your site to process all the available pages.
    • Open the developer console in the browser.
    • Try to create a new post, add some content and save it, especially try to copy and paste content from another source, add comments, add media files of different types and do other usual actions in the admin. While doing it, pay attention to the information in the console to see if there are any issues.
      Note: Sometimes some issues are not visibly affecting any of the site functionality and sometimes it can be tricky to decipher where they are coming from.ย 
    • Check special functionality, go through the most important logic of your site: if you have an e-commerce store, place an order; perform a search; etc.
    • Open your site in different browsers and try the same things.
  5. Check the debug log to see if something is reported there.
    Note: Things that occur in the theme or a plugin need to be addressed to its developer. Additional information about your environment and site setting is in the Site Health information. Check information for any sensitive data before publishing it in any forum or other public space.
  6. Check Site Health to see if some issues wereย not present before.
    Note: depending on the message, the steps you should take can be quite different. For example, if you have a low PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. https://www.php.net/manual/en/preface.php version (this issue should be present before testing the upcoming version) this can and should be changed on the hosting. So, for most of these issues, your hosting provider or a site developer will be the first person to go to.
  7. If errors appear in the log, check the paths to where these issues occurred, and contact the theme/plugin developer, or ask in the Forums (or your local native language Forum). But firstly check if this is already reported by someone else. In our case, multiple reports are not making things more important but only creating additional work for contributors who are triaging tickets. And read the sticky post first to find out how to work and communicate in the Forums.

If this looks complicated, just do what you can and take it easy. If you didnโ€™t find anything, most likely everything is working for you just like it should.

Check the WordPress 6.5 Release Schedule to see which pre-release build can be tested now.

Advanced testing

Ready to get started to dive deeply into testing? Be creative and think out of the box.ย 

Tips:

  • Test across different browsers.
  • Test in different languages.
  • Compare features on different screen sizes, including tablets and mobile.
  • Use just your keyboard to navigate, or use a screen reader.
  • Test with both blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and classic themes.
  • Try to make everything the wrong way.

Key Features to Test

There are a lot of new features mentioned in the 6.5 Beta 1 release post. Each feature needs to be properly tested in all possible ways, noticing nuances and details. Start with the Font library, it will be a lot of fun to explore and will be useful for you shortly. If you are a plugin developer or a plugin user who has issues with plugin dependencies from time to time, try Plugin dependencies to see how it is working and if this meets your expectations. And there are even more new options and enhancements in the Editor. Forget about testing and spend some time admiring the great workโ€ฆ Not really, test them while having fun.

New translation system

WordPress 6.5 changes how translations are being loaded, replacing the existing localization system with a more lightweight and much faster mechanism. This is mostly an invisible change which has been extensively tested before via the Performant Translations plugin. If you are using WordPress in a language other than English (US), you should verify whether translations are still loaded everywhere as expected. Especially if you are using any kind of multilingual/translation plugin. Make sure that all your translations are up-to-date on Dashboard -> Updates as well. More information about this new translation system will be published in a dedicated developer note soon.

Where to report feedback

If you find any issues but are not sure that is actually a bug or where should be reported, share them on the WordPress.org alpha/beta forums. If you are certain that you found a bug in WordPress Alpha/Beta/RC and donโ€™t have an issue with something else, report it on Core Trac. And the Test Reports plugin will help you in creating detailed reports. Please search for an existing report first.ย 

For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook. Also, see the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Team guidelines for Reporting Bugs.

Please share feedback as soon as you can before the final release on March 26, 2024.

What else you can do

  • Share this post to advise other WordPress developers, DevOps, QA specialists and site owners to join efforts in testing.
  • Ask your local meetupMeetup All local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for โ€˜WordPressโ€™ on meetup.com will help you find options in your area. organizers to make a meetup about testing, QA and release cycles.ย 
  • Subscribe to the Test Team blog to get further information and updates. You may also subscribe to the Core Team blog to stay in the loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop with Core updates, including the latest โ€œWeek in Coreโ€ posts.
  • Join our regular Test Team meetings in the #core-test Slack channel, where you can get real-time updates, get help with testing or discuss tricky cases. Participate in team meetings and test scrubs every week to engage in the testing community.
  • Do you have suggestions for how this post can be improved? Please leave a comment below.

A big thank you to @vipuljnext, @lumiblog, @swissspidy, @ironprogrammer, @ankit-k-gupta, @webtechpooja and @annezazu for contributing to this post.

Changelog

2024-02-15

  • Initial Post

#6-5, #release-field-guide

Help Test WordPress 6.4

Get ready for the next big release in the WordPress world! WordPress 6.4 is set to launch on November 7, 2023, and we need your help to make sure itโ€™s the best it can be. With exciting new features and improvements, this release promises to be a game-changer for WordPress users everywhere.

Stay up to date with the latest pre-release builds by checking the WordPress 6.4 Release Schedule for availability. For real-time updates and discussions, join the #core-test Slack channel. Engage in the testing community by participating in weekly scheduled team meetings and test scrubs.

Table of Contents:

Testing Environment ๐Ÿ’ป

Please only test on a development siteDevelopment Site You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment. and not on a production/live site. You can follow these instructions to set up a local installLocal Install A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer. or use a tool like this to set up a development site.

Once your development site is set up, please install and activate the WordPress Beta Tester Plugin. After activation:

  • Navigate to Tools > BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. Testing.
  • Set the update channel to โ€œBleeding Edgeโ€ and click Save Changes.
  • Set the stream option to โ€œBeta/RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. onlyโ€ and click Save Changes again.
  • Navigate to Dashboard > Updates and click the Update to latestโ€ฆ button.

For more detailed steps, click this link for complete instructions.

Testing Tips ๐Ÿ’ก

At a high level, here are a few tips to keep in mind to get the most out of helping to test:

  • Test across different browsers.
  • Test in different languages.
  • Compare features on different screen sizes, including tablets and mobile.
  • Use just your keyboard to navigate, or use a screen reader.
  • Test with both blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and classic themes.

Key Features to Test ๐Ÿ”‘

Style

Global Styles RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.

This release introduced a handy feature that allows you to reset global styles back to their default settings with ease (52965). With this enhancement, you can effortlessly reset any changes made to global styles back to their original state. To try out this feature, simply make a few revisions to the global style and then open the revision panel. Youโ€™ll see a list of all the revisions, and at the bottom, thereโ€™s an option called โ€œReset to Default.โ€ Click on it to return to the original settings.ย  Now, you only need to go through one revision check instead of two (53281). Previously, the revision panel was only available after two styles of revisions were saved in the database.

Please help test global style revisions with this video to guide you:

Twenty Twenty-Four Default Block Theme

Twenty Twenty-Four default theme is set to launch in 6.4. The theme for the year 2024 will use new design tools to make websites look better and be easier to edit. It will have special designs for three groups of people: entrepreneurs and small businesses, photographers and artists, and writers and bloggers. Here, you can find Related Gutenberg Issues and PRs.

Please help test the default Twenty Twenty-Four theme, this is the demo video:

Interface

Write with Ease

In this release, ongoing efforts are being made to ensure a smooth and enjoyable writing experience in WordPress(#53305). These enhancements include the addition of new keyboard shortcuts and improvements in copying and pasting text from other sources.ย The Link preview feature (53566) now includes a convenient โ€œOpen in new tabโ€ control, making it simpler to enable or disable this option. Additionally, toolbars for List, Quote, and Navigation blocks have been enhanced to make your writing and editing process more efficient.(#53699, #53697). Please help test using keyboard shortcuts and copying and testing text from other sources.

Please help test the improved writing experience for list items with this video to guide you:

Please help test the capture toolbar in the quote block with this video to guide you:

Please help test the โ€˜Open in New Tabโ€™ feature with this video to guide you:

Improvements to List View

The List View in WordPress has undergone some great enhancements. Now, managing your content is even more straightforward and user-friendly. You can easily rename Group blocks using a handy options menu that pops up. When dealing with gallery and image blocks, you can now see previews of your media to make sure everything looks just right. Additionally, resizing and duplicating blocks have become much more efficient, with keyboard shortcuts available for quick actions. The List View now allows the escape key to deselect blocks if blocks are selected(48708). These improvements in the List View make organizing and editing your content in WordPress a breeze.

This video is showcasing the use Escape to deselect blocks feature:

Please help test by renaming group blocks in the list view with this video guide:

This image showcases a media preview for the gallery and image blocks:

An image showcasing media preview for gallery and image blocks


Please help test by using keyboard shortcuts for duplicating blocks with this video to guide you:

ย Improvements to the Command Paletteย 

The Command Palette has undergone several changes and improvements since its first introduction in WordPress 6.3. For example, you can now do more with blocks using new commands, including block transforms and the options to duplicate, copy, remove, and insert after/before. The Command Palette also looks different with a fresh design. Plus, it now supports adding commands without icons. If youโ€™re using WordPress on a small screen, like a mobile phone, the Command Palette will work better for you. It also uses more consistent language and actions, making it easier to use. Lastly, there are improvements in snackbar motion, making your experience smoother. These changes make managing your WordPress site even easier and more user-friendly.

Please help test adding blocks by commands and registering commands without icons with this video to guide you:

This image shows you registering commands without icons.

This video is showing some improvement for the command palette on smaller screens:

Test with tweak and add more consistent commands:

This video displays snackbar motion, and you can test this feature by similarly giving commands.

Please check out more improvements to the recent updates made to the Command Palette.

Blocks

Block HooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same. (Previously Auto-inserting Blocks)

Introducing the Block Hooks feature, a reimagined approach to the earlier concept of Auto-inserting Blocks. Basically, Block Hooks is an APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. that developers can use to make websites more flexible. It allows one block to attach itself to another block and show its content before or after that block. You can also attach a block to a parent block and make it appear at the beginning or end of the list of child blocks inside it. (53987)ย 

Even though Block Hooks is mainly for developers, it also gives a nice experience to the endย users by automatically inserting a block into a specific location. It lets developers place blocks where they want them to be and gives room for customization. The goal is to make block themes more adaptable with the help of plugins.

One thing to keep in mind is that the block using this API will only be auto-inserted if the original template or part hasnโ€™t been changed by the user. This is done to respect the userโ€™s choice. This API can only be applied with block patterns, template parts, and templates that come from the block theme files. It doesnโ€™t alter anything the user has already created or changed on a website.ย 

Note: This feature is a more technical item to test. Check out this for a more detailed guide.

Query LoopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop Block Pagination Enhancementsย 

Now, you no longer need a full page reload when you navigate between pages in a Query Loop block. Thereโ€™s a new setting that prevents full page reloads. This improved way of moving between pages is made possible by a special version of the Interactivity API, and it makes browsing smoother. Plus, you can also decide how many pages you want to show using the Query Page Numbers block for even more control. Query block: Client-side pagination (53812), make mid-size parameter settable for Query Pagination block. (#51216).

Please help test adding pagination in your query block. This video guides you through the pagination in the query block.

Client Side Pagination

List Block Enhancementย 

In the List Block, a new feature has been introduced that allows you to merge consecutive lists instead of keeping them as individual blocks. This enhancement streamlines your editing experience by combining lists that appear one after another, making it easier to manage and format your content seamlessly. (52995)

Group Block Enhancements

Now, you can easily rename Group blocks to organize your content better (53735). This feature makes it simpler to identify and manage different sections of your page, streamlining your editing experience. Additionally, the introduction of background images for Group blocks brings more creativity and customization to your layouts. These enhancements empower you to create more organized and visually appealing content in WordPress. (53934)

Background image support to the Group block

Please help test by renaming the group blocks using this video guide.

Add Aspect Ratio to the Image Blockโ€™s placeholder

Aspect ratio controls to the Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. block were introduced in the 6.3 version, and now, these helpful controls have been extended to the placeholder of the Image block. This enhancement offers greater flexibility, particularly when designing wireframe-style patterns that establish a layout for users to fill in with their content.

You can select the default coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./navigation-link variant within the core/navigation block, offering more flexibility and customization options for your navigation menus (50982)

Please test by adding navigation block and start customizing it with this video to guide you.

Add Lightbox Functionality for your Images

WordPress 6.4 introduces an improvement to the image experience with the new Image Lightbox feature. Recognizing the need for clarity in the user interface (UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing.), a dedicated Settings panel has been instituted for the image block. Within this panel, users can easily locate the Lightbox toggle, available both in Global Styles and Block settings.Display your pictures in an engaging way using the brand-new lightbox functionality. This cool feature will work with image blocks, so you can click on an image and see it in a bigger size right on top of your existing content. (51132)

General Block Improvements

  • Preformatted: Add margin and padding support. (45196)
  • Social Links: Add Threads Icon. (52685)
  • Verse: Enable line breaks. (52928)
  • Details: Add block gap support. (53282)
  • File: Add margin and padding support. (45107)
  • Column: Add stretch alignment (53325).
  • Image: Keep image size upon replacing an image (49982).
  • Buttons: Allow using a button element for button blocks (54206).
  • Post Content: Add block gap support (54282).
  • Post Content: Add color control support (51326).
  • Footnotes: Add link, background, and text color support (52897).
  • Footnotes: Add typography, dimensions, and border block supports (53044).

Patterns

Create your own Pattern Categories

Now, you can neatly group your patterns by categories when you create them. These categories are handy because you can use them to organize and find your patterns easily. You can also edit these categories in the sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. when youโ€™re editing a pattern.

To ensure this feature functions smoothly, here are the steps to follow: Begin by adding various user patterns, both synced and unsynced, assigning categories to each (remember to hit โ€˜enterโ€™ or add a โ€˜,โ€™ after each categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging.). Then, navigate to the site editor patterns page and verify that the categories appear in the left navigation panel. Confirm that selecting a category displays the corresponding patterns accurately and that theme patterns continue to appear as expected. Check that all patterns are accessible under โ€˜All Patternsโ€™ and that the search function operates seamlessly. Lastly, duplicate a theme pattern and ensure that the new pattern inherits the same category. Additionally, when adding a user pattern with the โ€˜Footerโ€™ category, make sure it displays alongside the theme Footer patterns, taking into account the category slug distinction (theme patterns use โ€˜footerโ€™ while the user category name should match this).
To make things even simpler, all patterns, whether theyโ€™re synced or not, are listed together in one place. Thereโ€™s no need to look in different tabs for synced patterns; theyโ€™re all in the same section. (53837)

Please help test creating categories, adding synced and unsynced patterns, and assign them categories with this video to guide you:

Import/Export Patterns as JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. files.

To maintain compatibility with Reusable blocks, you can now import and export patterns as JSON files, providing a straightforward way to transfer custom patterns between websites. (54337)ย 

Please help test import and export patterns with this video to guide you:

Where to Report Feedback ๐Ÿ—ฃ

If you find any issues, itโ€™s best to share them on the WordPress.org alpha/beta forums, or, if you are more technically savvy and comfortable, on Core Trac. For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook.

Please share feedback as soon as you can before the release on November 7, 2023.

A big thank you to @annezazu,@annebovelett @coachbirgit, @ironprogrammer, and @rashiguptaa for reviewing and contributing to this post.

Changelog ๐Ÿชต

2023-11-01

  • Changed Query loop enhanced pagination name to Force Page Load.

2023-10-06

  • Removed Font Library feature as it is punted(moved) to the WP 6.5 release.

2023-10-03

  • Update on Font library and link added to individual Help Test font library post.

2023-09-26

  • Initial post.

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"

Help Test WordPress 6.3

Get ready for the next big release in the WordPress world! WordPress 6.3 is set to launch on August 8, 2023. Every major releaseMajor Release A set of releases or versions having the same major version number may be collectively referred to as โ€œX.Yโ€ -- for example version 5.2.x to refer to versions 5.2, 5.2.1, and all other versions in the 5.2. (five dot two dot) branch of that software. Major Releases often are the introduction of new major features and functionality. comes with exciting new features and improvements, and we need your help to make sure itโ€™s the best it can be!

This is the first Call for Testing post for the 6.3 release. Be on the lookout ๐Ÿ‘€ for future posts that highlight additional enhancements in the release.

Stay up to date with the latest pre-release builds by checking the WordPress 6.3 Release Schedule for availability. For real-time updates and discussions, join the #core-test Slack channel. Engage in the testing community by participating in weekly scheduled team meetings and test scrubs.

Table of Contents:

Testing Environment ๐Ÿ’ป

Please only test on a development siteDevelopment Site You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment. and not on a production/live site. You can follow these instructions to set up a local installLocal Install A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer. or use a tool like this to set up a development site.

Once your development site is set up, please install and activate the WordPress Beta Tester Plugin. After activation:

  • Navigate to Tools > BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. Testing.
  • Set the update channel to โ€œBleeding edgeโ€ and click Save Changes.
  • Set the stream option to โ€œBeta/RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. onlyโ€ and click Save Changes again.
  • Navigate to Dashboard > Updates and click the Update to latestโ€ฆ button.

For more detailed steps, click this link for complete instructions.

Testing Tips ๐Ÿ’ก

At a high level, here are a few tips to keep in mind to get the most out of helping to test:

  • Test across different browsers.
  • Test in different languages.
  • Compare features on different screen sizes, including tablets and mobile.
  • Use just your keyboard to navigate, or use a screen reader.
  • Test with both blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and classic themes.

Key Features to Test ๐Ÿ”‘

Interface

Command Palette

The new Command Palette (formerly โ€œCommand Centerโ€) allows users to quickly navigate to specific pages, templates, or template parts, as well as offers an easy way to start to create new content in the site editor. From within the editor just use Cmd-k (macOS) or Ctrl-k (Windows) and start typing for a context-aware selection of commands and shortcuts. (49330)


For a brief video demonstration of this feature in action, see the Command Center Request for Feedback post.

Extenders can also find information on creating custom static, dynamic, and context-aware commands with this featureโ€™s public API. (51169)

Improved Page Management

The site editor now allows site builders to manage pages, edit content, access page details, and even draft new pages to be published later. Look for the new Pages menu from Appearance > Editor. (50857, 50767, 50565, 47142)

Content Editing in Site Editor

This feature allows site authors to seamlessly switch between template and page content editing within the site editor. UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing. improvements also highlight whatโ€™s being edited โ€“ template or content โ€“ and allow for a more efficient workflow when building out a site. (44461, 50857)

Distraction Free Mode in Site Editor

Distraction Free mode, previously available in only the post and page editor, now brings the calmness to the site editor, offering a 1:1 preview to site authors. (51173)

Block Theme Preview

Previews of block themes now launch in the site editor, providing efficient previews of locally-installed themes. To see this feature in action, navigate to Appearance > Themes and click โ€œLive Previewโ€ on any block-based theme.


This feature can also be accessed by appending the following to a site editor or frontend URLURL A specific web address of a website or web page on the Internet, such as a websiteโ€™s URL www.wordpress.org: ?wp_theme_preview=theme-slug where theme-slug is a locally installed theme to preview (e.g. twentytwentytwo). (50030, Trac 58561)

Using the Style Book in the Stylesโ€™ Site View

The Style Book can now be activated while browsing global style options for easier visualization of effects on various page elements. (50566, 50393)

Styles RevisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.

This update introduces support for global style revisions in the site editor, providing the ability to review or roll back to a previous state. (50089)

Top Toolbar Improvements

The editorโ€™s โ€œTop toolbarโ€ has been refined with better handling of the limited space in this area, and better accounts for browser viewport width limitations. (40450, 49634)

Blocks

Time to Read Block

This feature has been moved to a future version of WordPress so that it may undergo additional testing before release.

The new Time to Read block allows you to display the estimated time the average reader takes to read the current page or post. Letting readers know right off what their estimated reading time is helps them to decide if they should continue reading, or save the post for later.

Begin by adding the block from the block picker, or from an empty Paragraph block starting with the forward-slash (โ€œ/โ€) key, and start typing the block name:ย /time to read. (43403)

Details Block

WordPress now introduces the versatile Details block, offering a seamless way to toggle the visibility of content, such as very long text, code samples, or spoilers. This block comes with two new inner blocks: Details Summary and Details Content. The summary is always visible, and the content is collapsable to be shown or hidden when readers toggle it.

Add the Details block through the block picker, or from an empty Paragraph block starting with the forward-slash (โ€œ/โ€) key, and start typing the block name:ย /details. (45055)

Color and layout support for the Cover block

The Cover block now supports the text color design tool. The enhancement makes it easier for users and theme authors to customize the color for all inner blocks with a single setting. Along with this benefit, this change makes it easier to handle transforms from the Media & Text block. (41572)

Footnotes

The new Footnotes block is a powerful addition that automatically links and formats footnotes, allowing users to work efficiently while annotating content. Not an insertable block per se, Footnotes are activated by highlighting text in a block, and then in the context menu selecting More > Footnote. (51201)

Caption Styling

Theme authors can now create custom styles for Caption elements directly via theme.json. Once added, options become available in the Styles interface, and allow creators and users to customize captions without touching code. (49141)

Image Aspect Ratios

Adding a powerful feature to the Image Block that makes usage of this block much easier. Until now, to effectively replace one image with another, their size had to be the same. The image aspect ratio section solves this problem completely. New image size controller that comes with aspect ratio, scale, width, and height options. (51138, 51545)

Patterns

More Curated Patterns

The new โ€œCuratedโ€ filter in the pattern directory helps users differentiate between CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-bundled and community contributed patterns.

Easier Pattern Creation

Effortlessly design and save patterns, just like the convenient reusable blocks youโ€™re familiar with. Now you can easily create and save your favorite patterns as synced or unsynced patterns, saving you time and effort when designing your projects. You can find your saved patterns under Custom Patterns. (46248)

Where to Report Feedback ๐Ÿ—ฃ

If you find any issues, itโ€™s best to share them on the WordPress.org alpha/beta forums, or if you are more technically savvy and comfortable, on Core Trac. For helpful reporting guidelines, refer to the Test Reports section of the Test Handbook.

Please share feedback as soon as you can before the release on August 8, 2023.

A big thank you to @webtechpooja, @boniu91, @annezazu, and @costdev for contributing to this post.

Changelog ๐Ÿชต

2023-06-28

  • Initial post.

2023-07-06

  • Adding notice related to Time to Read block, which will not be a part of WordPress 6.3.

2023-07-27

#6-3, #fse-outreach-program, #full-site-editing

#call-for-testing, #release-field-guide

Help Test WordPress 6.2

Get ready for the next big release in the WordPress world! WordPress 6.2 is set to launch on March 28, 2023, and we need your help to make sure itโ€™s the best it can be. With exciting new features and improvements, this release promises to be a game-changer for WordPress users everywhere.

Stay up to date with the latest pre-release builds by checking the WordPress 6.2 Release Schedule for availability. For real-time updates and discussions, join the #core-test Slack channel. Engage with the testing community by participating in weekly scheduled team meetings and test scrubs.

Table of Contents

Testing Environment ๐Ÿ’ป

Please only test on aย development siteDevelopment Site You can keep a copy of your live site in a separate environment. Maintaining a development site is a good practice that can let you make any changes and test them without affecting the live/production environment.ย and not on a production/live site. You canย follow these instructionsย to set up aย local installLocal Install A local install of WordPress is a way to create a staging environment by installing a LAMP or LEMP stack on your local computer., or use aย tool like this to set up a development site.

Once your development site is set up, please install and activate theย WordPress Beta Tester Plugin. After activation:

  • Navigate toย Tools >ย BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process.ย Testing.
  • Set the update channel to โ€œBleeding edgeโ€ and clickย Save Changes.
  • Set the stream option to โ€œBeta/RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge.ย onlyโ€ and clickย Save Changesย again.
  • Navigate toย Dashboard > Updatesย and click theย Update to latestโ€ฆย button.

For more detailed steps,ย click this link for complete instructions.

Testing Tips ๐Ÿ’ก

At a high level, here are a few tips to keep in mind to get the most out of this Call for Testing:

  • Test across different browsers.
  • Test in different languages.
  • Compare features on different screen sizes, including tablets and mobile.
  • Use just your keyboard to navigate, or use a screen reader.
  • Test with bothย blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience.ย and classic themes.

Anything marked with a tool icon (๐Ÿ› ) is more technical, and may be best suited for those comfortable with more advanced testing steps.

Key Features to Test ๐Ÿ”‘

Interface

Browse Mode: An easier way to navigate the Site Editor

With the release of WordPress 6.2, the Site Editor has been completely reimagined with the introduction of Browse Mode. This new way of interacting with the Site Editor provides a more intuitive navigation experience, making it simple to access and manage all templates and template parts. The addition of a sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme., allowing for the creation of new templates, further enhances this functionality.


With this new feature, WordPress sets the foundation for future developments like content editing, extended pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. options, and menu management. (36667, 46903, 46700, 46458)

Remove โ€œbetaโ€ Label from Editor

The beta label in the Site Editor has finally been removed with the release of WordPress 6.2. This means that when you access the Site Editor through Appearance > Editor, you will no longer see the โ€œ(beta)โ€ label. This decision was reached after extensive discussions and evaluations over several release cycles, starting with WordPress 5.9. Despite the removal of this label, the Site Editor will continue to receive enhancements and bug fixes like other parts of WordPress.

Template Parts & Reusable Blocks Colorization

Identifying template parts and reusable blocks within the Site Editor has become more intuitive. These synced blocks, which differ from other CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks, now stand out with a distinct color throughout the interface, including the List View, Block Toolbar, and Canvas. This improvement makes it easier to recognize when youโ€™re working with these blocks, making the site creation process smoother and more efficient. (32163, 45473)

Split Block Settings Between โ€œSettingsโ€ and โ€œStylesโ€

Split Block Settings into two categories: โ€œSettingsโ€ and โ€œStylesโ€. This makes it easier to find the desired settings and styles, as they are clearly separated. Additionally, it reduces the amount of scrolling needed to locate the desired item. This change makes blocks with many controls, such as the Group block and Navigation block, easier to manage and customize.ย 


If youโ€™re a plugin author, itโ€™s a game-changer. It ensures that the options for your block appear where you want them to, making it easier for your users. As a consequence, the __experimentalGroup property was stabilized on the InspectorControls slots.ย 

You can now define which InspectorControls group to render controls into via the group prop.

In addition to stabilizing the __experimentalGroup property, a new styles group was added, so styles-related controls that do not fit conceptually under the block support panels โ€” border, color, dimensions, typography, etc. โ€” can be included under the โ€œStylesโ€ tab in the block inspector:

<InspectorControls group="styles">
  // Add your custom styles-related controls here.
</InspectorControls>

(40204, 47045, 47105)

Update Block Settings Icon

To accommodate the change in block settings, a new icon has been added to the block setting sidebar. This small change has a big impact, as it affects many documents, training videos, and more. To ensure everything is up-to-date, please proactively update relevant material. Further discussion about the change in the icon can be found in GitHub Issue 46851.

Distraction-Free Writing

The new Focus Mode offers a more concentrated writing experience by hiding unnecessary elements of the editor interface. When enabled, all sidebars are closed and toolbars become less visible, allowing your content to take the spotlight. You can switch this mode on/off as desired, depending on your needs. (41740)


To see a fuller demonstration of this feature, see this distraction-free mode video on YouTube.

Blocks

Navigation Block UXUX UX is an acronym for User Experience - the way the user uses the UI. Think โ€˜what they are doingโ€™ and less about how they do it.

The Navigation block in WordPress 5.9 brought a new editing experience. Now, with the introduction of an editable view in the block settings sidebar, managing menus is even easier. This view works similarly to the List View but is specific to the current navigation being edited. Clicking the โ€œEditโ€ button selects the menu item in the editor, allowing for inline editing. This option offers a balance between the prior experience and the new block editing paradigm.


Digging deeper into technical details, the Navigation block provides an additional option when locking to restrict editing of its inner blocks (links and submenus). This helps to curate the experience even more, especially if youโ€™re taking advantage of the ability to use block template parts in classic themes. For a demonstration of the new locking features, see this locking the navigation video.

Moreover, the Navigation block has more room to grow. A location fallback for classic menus and an โ€œopen list viewโ€ button could be added to improve it further, and a new conversion panel with the Page List block to make it easier to switch to editable links. (46938, 45394, 44739, 45976, 46286, 46335, 46352)

Sticky Positioning

The Position block support now includes a โ€œStickyโ€ option, allowing a block to stay within the viewport and remain at the top of the page when the content is scrolled. This is beneficial when an element, like a status message or promotion, needs to be visible regardless of the pageโ€™s scroll position. The feature works in both the block editor and the front end, providing a true WYSIWYGWhat You See Is What You Get What You See Is What You Get. Most commonly used in relation to editors, where changes made in edit mode reflect exactly as they will translate to the published page. experience.


In WordPress 6.2, the team focused solely on the root level, as this reduces the complexity of dealing with sticky positioning and avoids the UX problem of applying sticky to a non-root-level block.

Testing Instructions

  • In a theme that uses appearance tools (e.g. TT3) select a Group block that is nested within another block (i.e. it is not at the root level of the document in the post or site editors). Under the settings tab, there should be no Position panel available.
  • Select a Group block at the root level of the document. Under the settings tab, there should be a Position panel available.

Note: The logic will still display the Position controls if a value has been set, even if the block is not at the root level. This is to support backward compatibility, since the Position feature has already been released in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses โ€˜blocksโ€™ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/, and also allows users to turn off the Position if the block is moved to a non-root level of the document. You can learn about some follow-up tasks to this initial implementation in this issue. (46142, 47334)

Openverse Integration

Who doesnโ€™t love Openverse? Millions of media items are now available right from your editor! WordPress 6.2 introduces this fantastic feature to simplify adding images directly from Openverseโ€™s index of over 300 million public domain and openly licensed images.

Testing Instructions

  1. From WP admin, navigate to Posts > Add New.
  2. Click the block inserter (the plus icon at the top of the editor).
  3. Select the new Media tab, and then Openverse.
  4. Search, scroll, and select an image to insert it into the post.

Patterns

Pattern Inserter Redesign

A new design provides a split view between categories and patterns, enhancing navigation and providing larger previews for patterns. This improves the drag-and-drop experience when building top-level sections; enables quick browsing between categories; and provides the ability to save, import, and manage patterns. (44028, 41379, 44501, 46419)


Testing Instructions

  • Open the inserter.
  • Open the patterns Tab.
  • Open Explore all patterns, search insert, and play around with it.

Register Patterns for Templates ๐Ÿ› 

A new approach to associating patterns with templates has been developed, where extenders can register patterns for specific template types to limit where they appear. For example, an Error 404 pattern should only be used with the 404 templates. (45814, 42325)

Testing Instructions

The new patterns registration APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. property templateTypes accepts an array whose values define template slugs where the pattern makes sense. For example: 404, single-post, home, page, archive, or single-product.

  1. Activate the Twenty Twenty-One theme.
  2. In the themeโ€™s inc/block-patterns.php file, after the existing calls to register_block_pattern(), add the sample test pattern with the snippet below. Save the file.
  3. Open the post editor, and then the browser developer tools console.
  4. In the console enter the following to retrieve the registered patterns: wp.apiFetch( { path: '/wp/v2/block-patterns/patterns' } ).then( console.log );
  5. Verify that the API response includes the pattern query/template-type-test, and template_types has 404 listed.
register_block_pattern(
	'query/template-type-test',
	array(
		'title'      => __( 'Template type test', 'twentytwentyone' ),
		'templateTypes' => array( '404' ),
		'content'    => '<!-- wp:paragraph {"align":"center","fontSize":"x-large"} -->
						<p class="has-text-align-center has-x-large-font-size">404</p>
						<!-- /wp:paragraph -->',
	)
);

Style Features

New Style Book

The goal of the Style Book is to make creating consistent designs simpler, help users quickly understand the effects of changes, and enable more customization to suit their preferences. For block theme authors, this is a major shift. These changes create a clearer design process that is intuitive and efficient for modification and reuse. (44420)

Inline Preview for Global Block Styles

To enhance the editing experience, Core Team added a block preview component to the global styles panel. This component displays a preview of the selected block at the top of the sidebar panel, allowing you to see the block example and how itโ€™s affected by the settings in real time. (42919)


This is particularly useful because global styles allow you to edit blocks that might not be present on the current page being previewed. With the block preview component, you can now easily see the changes you make to the blockโ€™s global settings and how they will appear on your website.

Apply Block Style Globally

This feature allows you to update all blocks across the site with just one click. By clicking the โ€œpublishโ€ button in the โ€œAdvancedโ€ section, youโ€™ll be able to see an option to โ€œpublishโ€ the styles that were pushed. This new feature will simplify the process of updating styles across the site, making your workflow even more efficient. Be sure to check out the video to see how it works! (44361)

Copy Block Styles

Now you can copy styles from one block and paste them onto another. Previously, the only way to do this was to duplicate the entire block, which was often inconvenient, or to manually copy each tool/setting, which was incredibly tedious for blocks with many styles. (44418)

Custom Global CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site.

Now you have the ability to add custom CSS to your entire site through Global Styles. This new feature provides designers with even more control over the look and feel of their website, allowing them to make precise adjustments to their design.

Add Shadow Presets and UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think โ€˜how are they doing thatโ€™ and less about what they are doing. Tools in Global Styles

Gutenberg 14.9, launched on January 4, 2023, brought a highly anticipated design tool to theme authors: shadows. WordPress 6.2 Beta 1 has finally arrived, bringing support for both default and theme-specific shadow presets. The update includes 4 default shadow presets: Natural, Crisp, Sharp, and Soft. (46502)

Testing Instructions

You can add custom shadows via the settings.shadow.palette array in theme.json.

  1. Activate any block theme (e.g. Twenty Twenty-Three).
  2. Add shadow presets to theme.json. For example, the snippet below is inspired by Tailwind CSSโ€™s box-shadow.
  3. Open Global Styles -> Blocks -> Button -> Border & Shadow -> Drop Shadow.
  4. The above-defined shadows should appear in the selected panel.
  5. Choose any shadow and save the changes.
  6. Open the front end, and verify the button for the given shadow.
"settings": {
	"shadow": {
		"palette": [
			{
				"name": "Natural",
				"slug": "theme-natural",
				"shadow": "5px 5px 0px -2px #FFFFFF, 5px 5px #000000"
			},
			{
				"name": "Crisp",
				"slug": "theme-crisp",
				"shadow": "5px 5px #000000"
			},
			{
				"name": "Sharp",
				"slug": "theme-sharp",
				"shadow": "5px 5px 0 0 #999999"
			},
			{
				"name": "Soft",
				"slug": "theme-soft",
				"shadow": "5px 5px 10px 0 #999999"
			}
		]
	}
}

Where to Report Feedback ๐Ÿ—ฃ

If you find any issues, itโ€™s best to share them on theย WordPress.org alpha/beta forums, or if you are more technically savvy and comfortable, onย Core Trac. For helpful reporting guidelines,ย refer to the Test Reports section of the Test Handbook.

Please share feedback as soon as you can before the release on March 28, 2023.

Changelog ๐Ÿชต

  • 2023-02-07
    • Initial post.
  • 2023-02-10
    • Added new features to highlight for testing:
      • Openverse Integration
      • Register Patterns for Templates
      • Add Shadow Presets and UI Tools in Global Styles
    • Minor text adjustments.

A big thank you to @robinwpdeveloper and @ironprogrammer for reviewing and contributing to this post, and @annezazu for feature references and visual assets.

Login to Reply<\/a><\/li><\/ul><\/div>","commentTrashedActions":"