Changeset 61609

Timestamp:

02/10/2026 04:36:25 PM (7 weeks 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',
         ),
     );