Unveiling WordPress 6.6: Advanced Features and Enhancements for Developers in July 2024

As WordPress 6.6 prepares for its official release on July 16, 2024, developers can look forward to various new features and enhancements. This update introduces advanced tools and improvements to enhance the development process, providing more control and flexibility. Here’s an in-depth look at what’s new and how you can leverage these updates in your projects.

Enhanced Section and Block Style Variations

The updates in section styles and block style variations are significant for theme development, offering greater control through standard design tools. Key improvements include:

• Slug Definition for Section Styles: You can now define a slug for section style JSON files, facilitating the generation of variation classes.
• Internationalization of Titles: Titles for variations defined in theme.json are now properly internationalized.
• Custom CSS Support: The css property is now supported in block style variations, enabling custom CSS additions.
• Duplicate CSS Elimination: Removal of duplicate block style variation CSS for cleaner code.

{
  "version": 2,
  "styles": {
    "blocks": {
      "core/paragraph": {
        "typography": {
          "fontSize": "16px"
        }
      }
    }
  }
}

Custom Post Type Actions with Data Views

A new API in Gutenberg 18.6 allows for the registration and unregistration of post-type actions when building custom Data Views. This feature enhances the editor’s customization capabilities.

import { registerPostTypeAction } from '@wordpress/edit-post';

registerPostTypeAction( 'my-post-type', 'my-action', {
    label: 'My Custom Action',
    execute: () => { /* custom code */ }
});

JSON Schema for .wp-env.json

The introduction of JSON Schema support for .wp-env.json files simplifies the validation of JSON code, ensuring accuracy and reducing errors during development.

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "version": 2,
  "env": {
    "WORDPRESS_VERSION": "6.6"
  }
}

Block Bindings API Bug Fixes

Several critical bug fixes have been applied to the Block Bindings API, improving stability and functionality. These fixes address values beginning with numbers, button blocks with empty content, and the Site Editor breaking when selecting bound and unbound blocks.

Updates in Theme.json Version 3 and CSS Specificity

WordPress 6.6 introduces theme.json version 3 along with changes to CSS specificity. These updates require code adjustments but open up new possibilities for theme developers.

{
  "version": 3,
  "settings": {
    "spacing": {
      "default": "1rem"
    }
  }
}

Color and Typography Variation Improvements

Updates in color and typography variations ensure that only relevant options are displayed in the UI, giving theme authors more control over design elements. This change prevents the generation of unnecessary options, streamlining the customization process.

Enhanced Block Library Design and Settings

New design tools have been added to various blocks in Gutenberg 18.6 and 18.7, offering more flexibility in theme designs and allowing for more detailed customization of block elements.

Experimental Grid Layout

The new Grid variation for the Group block introduces advanced layout capabilities. This feature supports drag-and-drop functionality across multiple columns and rows, providing a more interactive design experience.

{
  "version": 2,
  "blocks": {
    "core/group": {
      "supports": {
        "grid": true
      }
    }
  }
}

Classic Themes: Default Font and Spacing Sizes

Classic themes can now opt into default font and spacing sizes using the add_theme_support() function, allowing for standardized typography and spacing across themes.

add_action( 'after_setup_theme', 'themeslug_setup' );

function themeslug_setup() {
    add_theme_support( 'default-font-sizes' );
    add_theme_support( 'default-spacing-sizes' );
}

Notable Bug Fixes

Several bug fixes from Gutenberg 18.6 and 18.7 will be included in WordPress 6.6. These fixes address issues related to CSS and improve overall theme compatibility. These fixes include adjustments to CSS specificity, ensuring theme.json can override default styles, and correcting UI orders for spacing sizes.

Developer Hours and Hallway Hangouts

Recently, educational sessions and community discussions have taken place, covering new features and providing insights into theme development and editor unification. These sessions are valuable resources for staying updated with the latest WordPress advancements.

Developer Blog Insights

The Developer Blog has published several posts detailing new features, APIs, and practical guides. Topics include curating the WordPress editing experience, creating animated timeline plugins, and styling sections with block style variations. These articles provide in-depth knowledge and practical tips for leveraging the latest WordPress features.

By exploring these new features and enhancements, developers can take full advantage of WordPress 6.6 to create more dynamic, customizable, and efficient websites. Keep experimenting and integrating these updates into your projects to stay ahead in the ever-evolving WordPress ecosystem.