Как вывести изображение страницы или записи в WordPress

Как то разрабатывая очередной шаблон, стояла задача, для каждой страницы или записи, вывести свое отдельное изображение (hero image). Для реализации данной задачи в WordPress есть стандартная функция. Что бы ее активировать, необходимо в файл шаблона functions.php добавить следующую запись:

add_theme_support( 'post-thumbnails' );

Данный код регистрирует поддержку новых возможностей темы в WordPress (поддержка миниатюр страниц и записей).

После чего на странице в настройках экрана следует включить изображение записи.

Затем обновим страницу и в нижнем левом углу появляется вкладка «изображение записи», где и устанавливается картинка.

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); echo $image_url[0]; ?>

Такая конструкция выведет url изображения.

Пример использования:

<div class="hero_image"><img src="<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full');  echo $image_url[0]; ?>" alt="image"></div>