FIVE new features

for developers

in WordPress 6.6

JuanMa Garrido

​

�

​

​

�

​

�

​

2024/07/25 WordPress London Meetup

JuanMa Garrido

​

�

​

Full time contributor in WordPress

Developer Relations

Sponsored by Automattic

juanmagarrido

juanmaguitar

Above all… more design options

Section Styles

​

(a.k.a. style variations for groups of blocks)

DevNote

Demo powered by WP Playground

• Variations for groups of blocks

Section Styles

Example

• Support styling inner elements and blocks
• Registered across multiple block types at the same time
• Registered via .json under /styles folder
• “title”, “blockTypes”, “slug”
• theme.json schema

Section Styles

Color and typography presets

​

(a.k.a. custom color and typography-only global style variations)

DevNote

Demo powered by WP Playground

Example color preset - Example typography preset

• Registered via .json under /styles folder
• Only color or typography settings
• theme.json schema

Color and typography presets

• Will appear under:
• Global Styles > Typography
• Global Styles > Colors > Palette.

Color and typography presets

Block Pattern Overrides

(a.k.a. partially synced patterns)

• Add the ability to customize content in Synced Patterns (a.k.a. Reusable blocks)

​

Block Pattern Overrides

Read An introduction to overrides in Synced Patterns

• It internally leverages Block Bindings and and content-only editing

​

• Limitations
• The number of supported blocks and attributes is limited
• There is currently no opt-in mechanism for custom blocks.
• Synced Patterns are only stored in the database and cannot be packaged as pattern files in your theme.

​

Block Pattern Overrides

Theme.json version 3

​

DevNote

Read Theme.json version 3 frequently asked questions

New options defaultFontSizes and defaultSpacingSizes (true by default)

theme.json v3

The default fontSizes and spacingSizes presets in been changed to match how other theme.json presets work → from always overriding the default presets to requiring defaultFontSizes or defaultSpacingSizes to be false in order to override the default presets.

theme.json v3

Unified Extensibility between the post and site editors

DevNote

Watch Editor unification and extensibility in WP 6.6

• Same Slots for both post editor and site editor
• @wordpress/editor package (or wp-editor script handle)
• Previously wp.editSite and wp.editPost

Unified Extensibility between �the post and site editors

Unified Extensibility between �the post and site editors

But wait! There is more…

Check the WordPress 6.6 Field Guide to learn more about developer-related changes included in WordPress 6.6.

Thank you!