Make WordPress Core


Ignore:
Timestamp:
09/14/2023 11:23:59 AM (7 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/inc/custom-header.php

    r55420 r56583  
    152152    }
    153153endif; // twentyfourteen_admin_header_image()
     154
     155
     156if ( ! function_exists( 'twentyfourteen_header_image' ) ) :
     157    /**
     158     * Create the custom header image markup displayed.
     159     *
     160     * @see twentyfourteen_custom_header_setup()
     161     *
     162     * @since Twenty Fourteen 3.8
     163     */
     164    function twentyfourteen_header_image() {
     165        $custom_header = get_custom_header();
     166        $attrs         = array(
     167            'alt'    => get_bloginfo( 'name', 'display' ),
     168            'height' => $custom_header->height,
     169            'width'  => $custom_header->width,
     170        );
     171        if ( function_exists( 'the_header_image_tag' ) ) {
     172            the_header_image_tag( $attrs );
     173            return;
     174        }
     175        ?>
     176        <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'] ); ?>" />
     177        <?php
     178    }
     179endif; // twentyfourteen_header_image()
Note: See TracChangeset for help on using the changeset viewer.