Comparing the Classic Editor and Gutenberg

Some videos of people using the Classic Editor were shown in the State of the WordState of the Word This is the annual report given by Matt Mullenweg, founder of WordPress at WordCamp US. It looks at what we’ve done, what we’re doing, and the future of WordPress. https://wordpress.tv/tag/state-of-the-word/. 2018. These videos illustrate some of the pain points found in past usability testing, studies, surveys, and feedback. We added a few tests of 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/ with same tasks and are sharing them here.

Demographics

  • Classic Editor: 10 participants (6 female, 4 male), 3 countries, age range: 20-39, web expertise: average or advanced, WP experience: novice or average, NPS: 6.4.
  • Gutenberg: 3 participants (2 female, 1 male), 2 countries, age range: 19-36, web expertise: average or advanced, WP experience: novice or average, NPS: 8.3.

Tasks

  • You are on assignment to write an article for a new travel blog. Luckily, they are sending you to your favorite vacation spot! Your instructions are to choose a topic you think will get people as excited as you are about this place. It’s up to you to pick a focus (food, activities, lodging, etc.). Start at https://plastic-fox.jurassic.ninja/wp-admin/post-new.php
  1. Log in with username demo and password pass037538
  2. Give your post a title and add one sentence.
  3. Add two images side-by-side. 
  4. Add a YouTube video.
  5. Click “Preview” to check your work so far.
  6. Go back to editing and add a caption to the video you added before.
  7. Add an image on the left and some text on the right and a paragraph below it.
  8. Move the video or images from one part of the content to another (i.e. from the top to the bottom or vice versa).
  9. You love to close each article with the same snippet. Open the following link, copy the 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., and add it to the end of your post.
1<img draggable=”false” class=”emoji” alt=”<img draggable=”false” class=”emoji” alt=”” src=”https://s0.wp.com/wp-content/mu-plugins/wpcom-smileys/twemoji/2/svg/1f44b.svg”>” src=”https://s.w.org/images/core/emoji/2.3/svg/1f44b.svg”>
  1. Publish the post!

Classic Editor Highlight Reels

Gutenberg Highlight Reels

Although the questions were initially created for the Classic Editor, the same tasks in Gutenberg were compared.

Net Promoter Score (NPS)

We asked, “based on your experience today, how likely are you to recommend this editor to a friend or colleague? (0=Not at all likely, and 10=Very Likely)?” after each test. Users rated the Classic Editor experience at an average of 6.4 and the Gutenberg experience 8.3.

Links to Full Videos

  1. Session 1 — VideoPress
  2. Session 2 — VideoPress
  3. Session 3 — VideoPress
  4. Session 4 — VideoPress
  5. Session 5 — VideoPress
  6. Session 6 — VideoPress
  7. Session 7 — VideoPress
  8. Session 8 — VideoPress
  9. Session 9 — VideoPress
  10. Session 10 —VideoPress
  11. Session 1 — VideoPress
  12. Session 2 — VideoPress
  13. Session 3 — VideoPress
    (One task was modified here accidentally: “Add two images side-by-side in a gallery” and this little bit helped the user discover how to complete the task.)

There’s More!

A sitebuilding study is under way, and you can volunteer to get involved or follow along on the Make WordPress Design blog.

#gutenberg, #usability-testing

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 be 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! 🙌

#core-test

Test Chat Summary: March 12, 2025

On Wednesday 12 March 2025 at 21:30 GMT+5:30, <test-chat> started in #core-test facilitated by @krupajnanda. The agenda can be found here.

1. Attendance

@Krupajnanda, @oglekler, @sirlouen, @vgnavada, @kausaralm, @shiponkarmakar, @pavanpatil1, @narenin, @nikunj8866, @pmbaldha, @mukesh27

2. Looking for Volunteers

  • @vgnavada volunteered to take notes on this meeting.

3. Announcements

  • Call for testing post is out. Please help test WordPress 6.8
  • Beta 2 release of WordPress 6.8 is now available for testing.
  • The 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 release of WordPress 6.8 is scheduled for next Tuesday, March 18th. Please check the detailed overview of the release schedule for WordPress 6.8.  Don’t miss the Release Party in #core to test and provide feedback! :dart:
  • 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/ 20.4 was released on Wednesday, March 5th. Check out the milestone for the issues that were part of the 0.4 release.

4. Test Team Updates

5. Focal Group Updates

  • We are in the 6.8 release cycle and only 2 weeks from our first RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. release.
  • Check out what to expect in the WordPress 6.8 release: Roadmap to 6.8

6. Questions/Blockers

@sirlouen questioned about the testing suggestions doc: https://docs.google.com/document/d/1Q7Kzs-78XvrAjnjG_MhBJR6bSBk80rvzwnV90iYTjhg/edit?tab=t.0

7. Call for testers/visibility

8. Open Floor

The discussion started with an invitation for participants to share thoughts or raise topics for discussion. New contributors were directed to the bookmarks folder in the channel for helpful resources.

Key Points Discussed:

  1. Addressing Ethical Practices in Testing:
    • @vgnavada: Highlighted the issue of copying someone else’s test case, including the exact screenshot and text copy, and presenting it as their own, pointing out the unethical nature of this practice.
    • @sirlouen: Stated that the other user likely reused the same steps to confirm the patch without taking the time to do the work again from scratch. He described this as poor testing practice, as it would have been better to try different approaches to expand the testing cases.
    • @oglekler: Acknowledged that such issues hadn’t been caught before but noted that it should be looked into now. While copying someone else’s work is demotivating, She reassured that it wouldn’t benefit the person doing it and advised not to worry too much about it.
    • @krupajnanda: Expressed understanding of the concern and emphasized that copying someone else’s work, especially when it involves significant effort, is not the right way to contribute. She suggested that more eyes should be on each ticket to offer different perspectives and solutions.

  2. Bridging the Gap: Improving Collaboration Between QA and Development Teams
    • Challenges Identified: @sirlouen mentioned the often it observed that patches get approved with minimal verification, which can lead to unexpected issues down the line. When tickets don’t clearly outline use cases, it can slow down testing and create confusion. We need a clear mechanism for this situation to be resolved.
    • Proposed Solutions: Introduce a needs-use-cases tag to ensure clear reporting and smoother testing to encourage detailed testing reports and context from committers.
    • Next Steps: @mukesh27 supported the ideas and suggested a blog post to drive awareness and change.

9. Next Meeting 

10. Closing Remarks

The meeting wrapped up with a reminder to participants that discussions and questions are always welcome in the Test Team channel. The community is encouraged to continue contributing and collaborating outside of scheduled meetings.

  • @krupajnanda thanked @sirlouen for their feedback and assured them that the team would work on resolving the gaps identified. She acknowledged the active participation of the team during the meeting and emphasized that team members can raise questions or start discussions anytime in the Test Team channel.

Takeaways

The main takeaway is that better teamwork, clear communication, and accountability between QA and development teams are key to success. When both sides work together with honesty, transparency, and shared responsibility, things run more smoothly and lead to better results.

Thank you, @krupajnanda, for the peer review and for helping me write this post. 

Are you interested in helping write Test chat summaries like this one? Volunteer at the start of the next <test-chat> and earn some props!

#core-test, #summaries

Announcement: Earn Your Test Team Badges!

We are delighted to announce the publication of a new handbook page detailing the process for acquiring Test Team Profile Badges. The Test Team Badge serves as a recognition of your invaluable contributions to the WordPress testing team. Whether you’re an experienced tester or just beginning your journey with WordPress, these badges signify your commitment and expertise within the Test Team community.

You can find the new page added to the handbook section of Make WordPress Test site.

Test Contributor Badge

To earn the Test Contributor Badge, you must have completed one or more of the following tasks:

  • Submitted test reports for at least 1 ticket, comprising of testing instructionsissue reproduction, and/or patch testing. Acceptable reports should be submitted to TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. or 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 be the repository owner. https://github.com/, and can apply to any WordPress project area included in the Test Team duty of care.
  • Submitted unit or end-to-end tests that have been merged.
  • Contributed to a Test handbook PR that has been merged.
  • Participated in a Contributor Day as a Test table lead, providing technical support, or assisting with onboarding.
  • Suggested a thoughtful idea aimed at improving testing processes in any way, which gets implemented.

Test Team Badge

If you have served as a Test Team RepTeam Rep A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts. or Test Lead in any 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 WordPress, or have consistently made substantial contributions to the Test Team, you are eligible for the Test Team badge.

To request your badge, please follow the details available here.

Thank you for your dedication and commitment to making WordPress better for everyone. Your contributions are invaluable, and we look forward to celebrating your achievements with the Test Team Profile Badges!

Core Test Team at WCAsia 2025: Contributor Day

Hello WordPress enthusiasts 👋

We’re gearing up for an exciting Contributor Day at WordCamp Asia (WCAsia) 2025, set to take place this month in the vibrant city of Manila, Philippines! This annual gathering of WordPress enthusiasts brings together a diverse group of contributors to collaborate, learn, and significantly impact the WordPress project. 

Here’s a sneak peek at what we have planned for the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Test Team and how you can get involved.

🕰️ Important Times to Note: (All the times are mentioned in PHT)

🎯 Core Test Team Goals

Our focus for the day revolves around achieving meaningful and ambitious contributions.

Contributors with different skills, talents, and backgrounds can get involved in a variety of ways. If you are unsure how to start or what to do, give it a try. Table leads and experienced contributors will help you get started. You are welcome!

🌐 Collaboration and Community

Contributor Day at WCAsia 2025 will not just be about work; it will also be about building connections and fostering community spirit. The collaborative atmosphere will be real, with contributors exchanging ideas, offering help, and celebrating each other’s successes. The energy and enthusiasm of the participants will be truly inspiring, reinforcing the sense of belonging and shared purpose within the WordPress community.

If you are new to core test contributions and want to stay updated on what’s happening, please join the #core-test channel. 

We have Team meetings and Triage sessions on an alternating basis every Wednesday at 16:00 UTC.

👩🏻‍💻 Meet the Test Team Table Leads

We’re thrilled to introduce our Test Team Table Leads for WCAsia 2025. These dedicated individuals will be guiding and supporting contributors throughout the day:

In-Person Table Leads:

Online (Remote) Table Leads:

Their expertise and enthusiasm will be invaluable in ensuring a productive and engaging Contributor Day for all participants.

🔗 Helpful Resources

To ensure you get the most out of Contributor Day, please review the following resources before the event so that you can focus on the fun stuff when you arrive:

👀 Looking Ahead

As we prepare for this Contributor Day, we look forward to the progress and innovation that these contributions will bring to the WordPress project. We encourage everyone who plans to participate to stay engaged and keep the momentum going. Your contributions, whether big or small, make a significant impact.

Thank you in advance to all the contributors who will join us in Manila and those who will participate remotely. Together, we’re making WordPress better. 💪

Interested in Contributor Day, but not sure if Test is the right fit for you? Try out Make WordPress’s Find Your Team tool to discover other opportunities that may interest you.

Props to @oglekler and @ankit-k-gupta for peer review of this post. 🙌

#wcasia2025, #core-test

Test Chat Summary: 29th January 2025

On Wednesday, January 29, 2025, at 07:00 PM GMT+3, <test-chat> started in #core-test facilitated by @krupajnanda. The agenda can be found here.

1. Attendance 

@krupajnanda, @huzaifaalmesbah, @oglekler, @kausaralm, @sumitbagthariya16, @narenin, @dhruvang21, @pavanpatil1, and @lumiblog

2. Looking for Volunteer

  • February 12: Test Chat Meeting Facilitator – Volunteer Needed 
  • February 12: Test Chat Meeting Recap Notes – Volunteer Needed
  • Remote Table leads for WCAsia. Please check this guide for more details on what to expect as a Test Table Lead.
  • A volunteer to work on Call for testing WordPress 6.8 release. For more details, check out the guide: How to Facilitate a Call for Testing

3. Announcements 📣

4. Test Team Updates

5. Focal Group Updates

The members reported no updates.

6. Questions/Blockers

No questions/blockers were reported by the members.

7. Open Floor

There was no issue to discuss. 

8. Next Meeting 🗓

The next meeting will be on Wednesday, February 12, 2025, at 07:00 PM GMT+3, held on #core-test!

#meeting-notes

Are you interested in helping write Test chat summaries like this one? Volunteer at the start of the next <test-chat> and earn some props!

#summaries

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 be 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.

#core-test

Week in Test: September 16, 2024

Hello and welcome to another edition of Week in Testthe place where contributors of any skill level can find opportunities to contribute to WordPress through testing. You can find the Test Team in #core-test.

Jump to: Calls for Testing | Weekly Testing Roundup | Profile Badge Awards | Read/Watch/Listen | Upcoming Meetings

Calls for Testing 📣

Calls for Testing can originate from any team, from themes to mobile apps to feature plugins. The following posts highlight features and releases that need special attention:

Weekly Testing Roundup 🤠

Weekly update: Test Team Update

Here’s a roundup of active tickets that are ready for testing contributions.

Did you know that contributions with the Test Team are also a fantastic way to level up your WordPress knowledge and skill? Dive in to contribute, and gain coveted props 😎 for a coming release.

Reproduction Testing 🔁

Who? Any contributor.
Why? It is helpful to show an issue exists for other users in order to move a ticket forward for patching.

The following new tickets are awaiting review, and need testers to attempt to reproduce the reported issue (aka “repro”), and then provide a reproduction test report with the results:

Patch Testing 🩹

Who? All contributors (not just developers) who can set up a local testing environment.
Why? It is necessary to apply proposed patches and test per the testing instructions in order to validate that a patch fixes the issue.

The following tickets have been reviewed and a patch provided, and need testers to apply the patch and manually test, then provide feedback through a patch test report:

PHPUnit Tests 🛟

Who? Any QA or 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. developer contributors who can (or are interested in learning how to) build automated PHPUnit tests.
Why? Automated tests improve the software development feedback 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. for quality and backward compatibility.

The following 6.7 tickets need PHPUnit tests built to accompany their respective patches:

6.7 Related issues need testing

The following 6.7 tickets need testing those are having patches:

Profile Badge Awards 🎉

No Badges awarded this week.

Read/Watch/Listen 🔗

  • WordPress 6.2.2 was released this week.
  • Next 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.: 6.7 – We are currently in the WordPress 6.7 release cycle. WordPress 6.7 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 is scheduled for Tuesday, October 1. The Road Map post can be found here.
  • Next minor 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.: 6.6.3 – Following the recent WordPress 6.6.2 release, the next maintenance release (if needed) will be WordPress 6.6.3. There were not updates shared in the meeting.
  • Next 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/ release: 19.2 – The next Gutenberg release will be 19.2, scheduled for September 11 (this release occurred after the meeting).
  • WordPress Contribution Health Dashboards: An Experiment

Upcoming Meetings 🗓

🚨 There will be regular #core-test meetings held for 2024.

2024 Schedule:

Interested in hosting a <test-scrub>? Test Team needs you! Check out Leading Bug Scrubs for details, or inquire in #core-test for more info.

#core-test

Test Team Reps: Call for Nominations

Update 1: This call for nominations has been extended to 2024-10-01 00:00. (see comment below).

Update 2: Nominations for the 2024-2025 term are closed.

It’s time again to nominate the Test Team Reps who will serve for the next 12 months!

This Call for Nominations is open until 2024-09-23 00:00. Please leave a comment identifying your nominee(s) before then.

For a quick refresher of Team RepTeam Rep A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts. roles across the project, please see the Team Reps post on Team Updates.

The Role

Reps in the Test Team perform primary and secondary (or backup) duties to help support team chats, make updates to the team’s blog and handbook, remove blockers, keep a pulse on team objectives, and promote testing opportunities within the WordPress project.

As a reminder, Reps are not called “team leads” for a reason. While people elected as Team Reps will generally come from the pool of folks that people think of as experienced leaders, the Team Rep role is designed to change hands regularly.

Test Team Rep duties include:

  • Write weekly Test Team Update posts, and post to Team Updates.
  • Write weekly Week in Test posts, and post to Make WordPress Test.
  • Write agenda for bi-weekly <test-chat> sessions (example).
  • Run alternating weekly <test-chat> (example) and <test-triage> (example) sessions in #core-test.
  • Write <test-chat> session recaps, and post to Make WordPress Test.
  • Run Test Scrub sessions in #core-test
  • Help new contributors with their WordPress Testing related queries.
  • Help raise awareness for testing needs, especially for upcoming releases.
  • Raise issues or red flags that other teams should be aware of or discussing.
  • Participate in quarterly update progress reports (example).

These duties are shared between the primary and secondary Reps (see Rep Responsibilities on the Team Rep page).

Qualifications

A Rep is an active team member who is reliable and trusted, advocates for and is knowledgeable of one or more areas of testing, and wants to represent, nurture, and grow the team to better serve the WordPress open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.

Test Team Reps must be committed to showing up and performing regular duties, and should expect a time commitment of at least 2-4 hours per week. Reps serve for a term of one year.

How Test Team Elections Work

Step 1: Call for Nominations 📣

The first step is to reach out to the community with a Call for Nominations (this post!)

Please nominate in the comments of this post. You can write a comment as simple as “I nominate @the_persons_username.” Self-nominations are also welcome by leaving a comment such as “I nominate myself.”

Private nominations can be submitted by contacting @webtechpooja or @ankit-k-gupta 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/..

If you’ve been nominated, please accept or decline the nomination as a reply to the same comment.

⏰ The deadline for nominations is 2024-09-23 00:00

After the deadline, each nominee will be contacted to discuss qualifications and to confirm their acceptance of the nomination.

If you get nominated, please do not feel like you have to say “yes”. It’s okay for you to decline the nomination if you don’t feel like this is the right fit for any reason. “Thank you, but no thank you!” 😉

Step 2: Vote for Team Reps 🗳

An election will happen only if there are more than two accepted nominations within the nomination period; otherwise the nominees will become the new Test Team Reps.

If held, the election will be conducted by an anonymous poll (example). The poll will remain open for 2 weeks.

Step 3: Announce Team Reps 🎉

Once uncontested nominations have been accepted, or in the event of an election the voting period has passed, the new Test Team Reps will be announced in a post (example).

Time to Nominate!

Are you ready? It’s time to nominate folks to serve as our Test Team Reps for the new term! If you have any questions, please feel free to ask in the comments.

Props to @ankit-k-gupta for review of this post.

+make.wordpress.org/updates/

#team-reps

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.
    Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
    , 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.