Changeset 56083 for trunk/src/wp-includes/class-wp-theme-json.php

Timestamp:

06/28/2023 03:47:17 AM (3 years ago)

Author:

isabel_brison

Message:

Editor: add Post Template fallback styles.

Adds fallback styles necessary for classic themes to display the correct Post Template layout.

Props mikeschroder, ramonopoly.
Fixes #58570.

File:

• trunk/src/wp-includes/class-wp-theme-json.php (modified) (4 diffs)

trunk/src/wp-includes/class-wp-theme-json.php

@@ -1005 +1005 @@
      * @since 5.8.0
      * @since 5.9.0 Removed the `$type` parameter, added the `$types` and `$origins` parameters.
+     * @since 6.3.0 Add fallback layout styles for Post Template when block gap support isn't available.
      *
      * @param string[] $types   Types of styles to load. Will load all by default. It accepts:
@@ -1071 +1072 @@
             $stylesheet .= $this->get_block_classes( $style_nodes );
         } elseif ( in_array( 'base-layout-styles', $types, true ) ) {
-            $root_selector    = static::ROOT_BLOCK_SELECTOR;
-            $columns_selector = '.wp-block-columns';
+            $root_selector          = static::ROOT_BLOCK_SELECTOR;
+            $columns_selector       = '.wp-block-columns';
+            $post_template_selector = '.wp-block-post-template';
             if ( ! empty( $options['scope'] ) ) {
-                $root_selector    = static::scope_selector( $options['scope'], $root_selector );
-                $columns_selector = static::scope_selector( $options['scope'], $columns_selector );
+                $root_selector          = static::scope_selector( $options['scope'], $root_selector );
+                $columns_selector       = static::scope_selector( $options['scope'], $columns_selector );
+                $post_template_selector = static::scope_selector( $options['scope'], $post_template_selector );
             }
             if ( ! empty( $options['root_selector'] ) ) {
@@ -1092 +1095 @@
                     'name'     => 'core/columns',
                 ),
+                array(
+                    'path'     => array( 'styles', 'blocks', 'core/post-template' ),
+                    'selector' => $post_template_selector,
+                    'name'     => 'core/post-template',
+                ),
             );
 
@@ -1296 +1304 @@
             if ( null !== $block_gap_value && false !== $block_gap_value && '' !== $block_gap_value ) {
                 foreach ( $layout_definitions as $layout_definition_key => $layout_definition ) {
-                    // Allow outputting fallback gap styles for flex layout type when block gap support isn't available.
-                    if ( ! $has_block_gap_support && 'flex' !== $layout_definition_key ) {
+                    // Allow outputting fallback gap styles for flex and grid layout types when block gap support isn't available.
+                    if ( ! $has_block_gap_support && 'flex' !== $layout_definition_key && 'grid' !== $layout_definition_key ) {
                         continue;
                     }