Exploring WordPress 6.4


Upcoming and pending features

colorful-tones.com/exploring-wordpress-6-4

WordCamp Rochester

Next slide


Damon Cook Avatar

Developer Advocate at WP Engine

WordCamp Rochester

Next slide


WordCamp Rochester

Next slide


Twenty Twenty-Four – new default theme

Style โ€“ Font Library, Global Styles Revisions

Interface โ€“ Write with Ease, List View, Command Palette

Blocks โ€“ Block Hooks, Query Loop, Group and List block

Patterns โ€“ Custom Categories and Import/Export as JSON

WordCamp Rochester

Next slide


New default theme

WordCamp Rochester

Next slide


New default theme

Call for testing Twenty Twenty-Four new default theme

WordCamp Rochester

Next slide


WordCamp Rochester

Next slide


Style

Activating fonts in the Site Editor > Global Styles > Typography

WordCamp Rochester

Next slide


Style

Once fonts are added to the library, they can be activated on any theme.

WordCamp Rochester

Next slide


Style

Global Styles Revisions ‘Reset to Default’ recognizes initial revision now

WordCamp Rochester

Next slide


WordCamp Rochester

Next slide


Interface

The toolbar location is attached to the parent for nested blocks: List, Navigation, and Quote block.

Navigation block before
Navigation block after

WordCamp Rochester

Next slide


Interface

Easier access to the ‘Open in a new tab’ for links

WordCamp Rochester

Next slide


Interface

List View โ€“ utilize the Esc key to deselect blocks

WordCamp Rochester

Next slide


Interface

Rename the Group block in the List View, or under Settings > Advanced

WordCamp Rochester

Next slide


Interface

WordCamp Rochester

Next slide


Interface

Duplicate blocks in List View with keyboard shortcuts โ‡งโŒ˜D

WordCamp Rochester

Next slide


Interface

New commands for block transforms and options to duplicate, copy, remove, and insert after/before.

WordCamp Rochester

Next slide


Interface

Improved responsiveness to varying viewports for the Command Palette

WordCamp Rochester

Next slide


Interface

Adjustments to the Snackbar animation timing

WordCamp Rochester

Next slide


WordCamp Rochester

Next slide


Blocks

Briefly referred to as auto-inserting blocks.

Allows developers to attach blocks and insert them in specified locations:

  • before โ€“ inject before the target block.
  • after โ€“ inject after the target block.
  • firstChild โ€“ inject before the first inner block of the target container block.
  • lastChild โ€“ inject after the last inner block of the target container block.

๐Ÿ”ด ๐ŸŸก ๐ŸŸข

block.json

{
    blockHooks: {
        'core/verse': 'before'
        'core/spacer': 'after',
        'core/column': 'firstChild',
        'core/group': 'lastChild',
    }
}

WordCamp Rochester

Next slide


Blocks

Option to enable enhanced pagination on Query Loop block.

WordCamp Rochester

Next slide


Blocks

Ability to choose how many numbers to show in the Query Page Numbers block

WordCamp Rochester

Next slide


Blocks

Block editor with Group block inserted and background image applied to the Group
Ability to add a background image to the Group block

WordCamp Rochester

Next slide


Blocks

Aspect ratio support for placeholder Image block state

WordCamp Rochester

Next slide


Blocks

Lightbox toggle available for Image block (Global Styles and Block Settings)

WordCamp Rochester

Next slide


WordCamp Rochester

Next slide


Patterns

Ability to create custom pattern categories

WordCamp Rochester

Next slide


Patterns

Patterns can be exported and imported between sites as JSON files

WordCamp Rochester

Next slide


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

WordCamp Rochester

Next slide


Join us in testing!

WordCamp Rochester

Next slide


The WordPress community is us. Not “we”, or “I,” or “them.”

This presentation was created with the following:

WordCamp Rochester

Back to the beginning