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

Timestamp:

07/24/2024 12:24:31 AM (2 years ago)

Author:

noisysocks

Message:

Block themes: Enable block-level background image styles

Allows defining background images for blocks in theme.json.

Syncs PHP changes from ​https://github.com/WordPress/gutenberg/pull/60100.

Props ramonopoly, aaronrobertshaw.
Fixes #61588.

File:

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

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

@@ -849 +849 @@
          *
          * @since 6.6.0
+         * @since 6.7.0 Resolve relative paths in block styles.
          *
          * @param WP_Theme_JSON $theme_json A theme json instance.
@@ -861 +862 @@
 
                 $theme_json_data = $theme_json->get_raw_data();
-
-                // Top level styles.
-                $background_image_url = isset( $theme_json_data['styles']['background']['backgroundImage']['url'] ) ? $theme_json_data['styles']['background']['backgroundImage']['url'] : null;
-
                 /*
                  * The same file convention when registering web fonts.
@@ -870 +867 @@
                  */
                 $placeholder = 'file:./';
+
+                // Top level styles.
+                $background_image_url = $theme_json_data['styles']['background']['backgroundImage']['url'] ?? null;
                 if (
                         isset( $background_image_url ) &&
@@ -889 +889 @@
                 }
 
+                // Block styles.
+                if ( ! empty( $theme_json_data['styles']['blocks'] ) ) {
+                        foreach ( $theme_json_data['styles']['blocks'] as $block_name => $block_styles ) {
+                                if ( ! isset( $block_styles['background']['backgroundImage']['url'] ) ) {
+                                        continue;
+                                }
+                                $background_image_url = $block_styles['background']['backgroundImage']['url'];
+                                if (
+                                        is_string( $background_image_url ) &&
+                                        // Skip if the src doesn't start with the placeholder, as there's nothing to replace.
+                                        str_starts_with( $background_image_url, $placeholder )
+                                ) {
+                                        $file_type          = wp_check_filetype( $background_image_url );
+                                        $src_url            = str_replace( $placeholder, '', $background_image_url );
+                                        $resolved_theme_uri = array(
+                                                'name'   => $background_image_url,
+                                                'href'   => sanitize_url( get_theme_file_uri( $src_url ) ),
+                                                'target' => "styles.blocks.{$block_name}.background.backgroundImage.url",
+                                        );
+                                        if ( isset( $file_type['type'] ) ) {
+                                                $resolved_theme_uri['type'] = $file_type['type'];
+                                        }
+                                        $resolved_theme_uris[] = $resolved_theme_uri;
+                                }
+                        }
+                }
+
                 return $resolved_theme_uris;
         }