get_header_image_tag() │ WP 4.4.0

Создает IMG тег с картинкой заголовка установленной в настройках темы (кастомайзере).

Работает на основе: get_post_meta(), wp_calculate_image_srcset(), wp_calculate_image_sizes()
Основа для: get_custom_header_markup()
Хуки из функции

Возвращает

Строку. HTML тег <img> или пустую строку, если для заголовка не установлена картинка.

Использование

$img = get_header_image_tag( $attr );
$attr(массив)

Дополнительные атрибуты для IMG тега. Можно использовать чтобы переписать атрибуты по умолчанию.

По умолчанию указываются такие атрибуты:

array(
	'src'    => $header->url,
	'width'  => $width,
	'height' => $height,
	'alt'    => get_bloginfo( 'name' ),
	'srcset' => '', // генерируется если атрибут пустой
)

По умолчанию: array()

Примеры

0

#1 Пример вывода тега картинки заголовка 

$img = get_header_image_tag();
echo $img;

Выведет:

<img src="http://example.com/wp-content/uploads/2016/05/cropped.jpg" width="954" height="1300" alt="Тестовый сайт"
	srcset="http://example.com/wp-content/uploads/2016/05/cropped.jpg 954w, http://example.com/wp-content/uploads/2016/05/cropped-220x300.jpg 220w, http://example.com/wp-content/uploads/2016/05/cropped-768x1047.jpg 768w, http://example.com/wp-content/uploads/2016/05/cropped-751x1024.jpg 751w"
	sizes="(max-width: 954px) 100vw, 954px"
/>
0

#2 Укажем атрибуты

Например давайте укажем свой alt и запретим создавать атрибут srcset и в месте с ним sizes

$img = get_header_image_tag( array(
	'srcset' => 'none',
	'alt' => 'картинка заголовка',
) );
echo $img;

Получим:

<img src="http://example.com/wp-content/uploads/2016/05/cropped.jpg" width="954" height="1300" alt="картинка заголовка" srcset="none" />

Список изменений

С версии 4.4.0 Введена.

Код get_header_image_tag() WP 6.3.1

wp-includes/theme.php 
function get_header_image_tag( $attr = array() ) {
	$header      = get_custom_header();
	$header->url = get_header_image();

	if ( ! $header->url ) {
		return '';
	}

	$width  = absint( $header->width );
	$height = absint( $header->height );
	$alt    = '';

	// Use alternative text assigned to the image, if available. Otherwise, leave it empty.
	if ( ! empty( $header->attachment_id ) ) {
		$image_alt = get_post_meta( $header->attachment_id, '_wp_attachment_image_alt', true );

		if ( is_string( $image_alt ) ) {
			$alt = $image_alt;
		}
	}

	$attr = wp_parse_args(
		$attr,
		array(
			'src'      => $header->url,
			'width'    => $width,
			'height'   => $height,
			'alt'      => $alt,
			'decoding' => 'async',
		)
	);

	// Generate 'srcset' and 'sizes' if not already present.
	if ( empty( $attr['srcset'] ) && ! empty( $header->attachment_id ) ) {
		$image_meta = get_post_meta( $header->attachment_id, '_wp_attachment_metadata', true );
		$size_array = array( $width, $height );

		if ( is_array( $image_meta ) ) {
			$srcset = wp_calculate_image_srcset( $size_array, $header->url, $image_meta, $header->attachment_id );

			if ( ! empty( $attr['sizes'] ) ) {
				$sizes = $attr['sizes'];
			} else {
				$sizes = wp_calculate_image_sizes( $size_array, $header->url, $image_meta, $header->attachment_id );
			}

			if ( $srcset && $sizes ) {
				$attr['srcset'] = $srcset;
				$attr['sizes']  = $sizes;
			}
		}
	}

	$attr = array_merge(
		$attr,
		wp_get_loading_optimization_attributes( 'img', $attr, 'get_header_image_tag' )
	);

	/*
	 * If the default value of `lazy` for the `loading` attribute is overridden
	 * to omit the attribute for this image, ensure it is not included.
	 */
	if ( isset( $attr['loading'] ) && ! $attr['loading'] ) {
		unset( $attr['loading'] );
	}

	// If the `fetchpriority` attribute is overridden and set to false or an empty string.
	if ( isset( $attr['fetchpriority'] ) && ! $attr['fetchpriority'] ) {
		unset( $attr['fetchpriority'] );
	}

	// If the `decoding` attribute is overridden and set to false or an empty string.
	if ( isset( $attr['decoding'] ) && ! $attr['decoding'] ) {
		unset( $attr['decoding'] );
	}

	/**
	 * Filters the list of header image attributes.
	 *
	 * @since 5.9.0
	 *
	 * @param array  $attr   Array of the attributes for the image tag.
	 * @param object $header The custom header object returned by 'get_custom_header()'.
	 */
	$attr = apply_filters( 'get_header_image_tag_attributes', $attr, $header );

	$attr = array_map( 'esc_attr', $attr );
	$html = '<img';

	foreach ( $attr as $name => $value ) {
		$html .= ' ' . $name . '="' . $value . '"';
	}

	$html .= ' />';

	/**
	 * Filters the markup of header images.
	 *
	 * @since 4.4.0
	 *
	 * @param string $html   The HTML image tag markup being filtered.
	 * @param object $header The custom header object returned by 'get_custom_header()'.
	 * @param array  $attr   Array of the attributes for the image tag.
	 */
	return apply_filters( 'get_header_image_tag', $html, $header, $attr );
}

custom_header (настройки шапки темы: картинка цвет видео)

Другие функции темы