Changeset 56583 for trunk/src/wp-content/themes/twentysixteen/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/twentysixteen/header.php (modified) (1 diff)

trunk/src/wp-content/themes/twentysixteen/header.php

@@ -103 +103 @@
                 <div class="header-image">
                     <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
-                        <img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" />
+                        <?php
+                        $custom_header = get_custom_header();
+                        $attrs         = array(
+                            'alt'    => get_bloginfo( 'name', 'display' ),
+                            'sizes'  => $custom_header_sizes,
+                            'height' => $custom_header->height,
+                            'width'  => $custom_header->width,
+                        );
+
+                        the_header_image_tag( $attrs );
+                        ?>
                     </a>
                 </div><!-- .header-image -->