Changeset 56583 for trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php

Timestamp:

09/14/2023 11:23:59 AM (15 months ago)

Author:

spacedmonkey

Message:

Bundled Theme: Implement the_header_image_tag function for enhanced compatibility for older core themes.

The the_header_image_tag function was introduced in WordPress 4.4 as part of [35594]. It is used in all themes created post WordPress 4.4 that supported header images. The function get_header_image_tag continues to get updated with new image features, like lazy loading, async decoding and fetch priority. To ensure our core themes maintain compatibility and benefit from these enhancements, a backward compatibility shim has been applied, integrating the the_header_image_tag function into the following core themes:

• Twenty Ten
• Twenty Eleven
• Twenty Twelve
• Twenty Fourteen
• Twenty Sixteen

This change ensures future compatibility and modern image features are applied for header images to these older themes.

Props spacedmonkey, flixos90, mukesh27.
Fixes #58675.

File:

• trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php (modified) (1 diff)

trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php

@@ -152 +152 @@
     }
 endif; // twentyfourteen_admin_header_image()
+
+
+if ( ! function_exists( 'twentyfourteen_header_image' ) ) :
+    /**
+     * Create the custom header image markup displayed.
+     *
+     * @see twentyfourteen_custom_header_setup()
+     *
+     * @since Twenty Fourteen 3.8
+     */
+    function twentyfourteen_header_image() {
+        $custom_header = get_custom_header();
+        $attrs         = array(
+            'alt'    => get_bloginfo( 'name', 'display' ),
+            'height' => $custom_header->height,
+            'width'  => $custom_header->width,
+        );
+        if ( function_exists( 'the_header_image_tag' ) ) {
+            the_header_image_tag( $attrs );
+            return;
+        }
+        ?>
+        <img src="<?php header_image(); ?>" width="<?php echo esc_attr( $attrs['width'] ); ?>" height="<?php echo esc_attr( $attrs['height'] ); ?>" alt="<?php echo esc_attr( $attrs['alt'] ); ?>" />
+        <?php
+    }
+endif; // twentyfourteen_header_image()