Changeset 61609

Timestamp:

02/10/2026 04:36:25 PM (8 months ago)

Author:

scruffian

Message:

Editor: Navigation overlay - patterns and template part definition.

Adds a new template part for the Navigation block called WP_TEMPLATE_PART_AREA_NAVIGATION_OVERLAY, corresponding area definition in block-template-utils.php to support navigation overlay template parts.

Also adds the navigation block pattern category registration in block-patterns.php and five new navigation overlay block patterns.

Reviewed by mikachan, get_dave.

Props onemaggie, scruffian, get_dave, mikachan, wildworks.
Fixes #64589.

Location:

trunk/src/wp-includes

Files:

• block-patterns.php (modified) (2 diffs)
• block-patterns/navigation-overlay-accent-bg.php (added)
• block-patterns/navigation-overlay-black-bg.php (added)
• block-patterns/navigation-overlay-centered-with-extras.php (added)
• block-patterns/navigation-overlay-centered.php (added)
• block-patterns/navigation-overlay.php (added)
• block-template-utils.php (modified) (2 diffs)

trunk/src/wp-includes/block-patterns.php

@@ -80 +80 @@
                         'query-large-title-posts',
                         'query-offset-posts',
+                        'navigation-overlay',
+                        'navigation-overlay-black-bg',
+                        'navigation-overlay-accent-bg',
+                        'navigation-overlay-centered',
+                        'navigation-overlay-centered-with-extras',
                 );
 
@@ -227 +232 @@
                         'label'       => _x( 'Headers', 'Block pattern category' ),
                         'description' => __( 'A variety of header designs displaying your site title and navigation.' ),
+                )
+        );
+        register_block_pattern_category(
+                'navigation',
+                array(
+                        'label'       => _x( 'Navigation', 'Block pattern category' ),
+                        'description' => __( 'A variety of designs displaying site navigation.' ),
                 )
         );

trunk/src/wp-includes/block-template-utils.php

@@ -19 +19 @@
 if ( ! defined( 'WP_TEMPLATE_PART_AREA_UNCATEGORIZED' ) ) {
         define( 'WP_TEMPLATE_PART_AREA_UNCATEGORIZED', 'uncategorized' );
+}
+if ( ! defined( 'WP_TEMPLATE_PART_AREA_NAVIGATION_OVERLAY' ) ) {
+        define( 'WP_TEMPLATE_PART_AREA_NAVIGATION_OVERLAY', 'navigation-overlay' );
 }
 
@@ -96 +99 @@
                         'icon'        => 'footer',
                         'area_tag'    => 'footer',
+                ),
+                array(
+                        'area'        => WP_TEMPLATE_PART_AREA_NAVIGATION_OVERLAY,
+                        'label'       => _x( 'Navigation Overlay', 'template part area' ),
+                        'description' => __(
+                                'The Navigation Overlay template defines a full-screen overlay area that typically contains navigation links and can be toggled on and off.'
+                        ),
+                        'icon'        => 'overlay',
+                        'area_tag'    => 'div',
                 ),
         );