Как получить ссылку на миниатюру WordPress

1752

Если вы начинающий программист или занимаетесь интеграцией верстки на WordPress, то при работе с изображениями часто требуется ссылка на миниатюру WordPress, а не выводить изображение стандартным HTML-кодом через the_post_thumbnail(), который используется внутри цикла.

ссылка на миниатюру WordPress

Функция get_the_post_thumbnail_url()

Начиная с версии WordPress 4.4, появилась удобная функция, позволяющая получить URL прикрепленного изображения без громоздкого и устаревшего кода. Чтобы получить ссылку на миниатюру записи, используется функция:

get_the_post_thumbnail_url( $id_post, $size );

Оба параметра являются необязательными. При использовании функции внутри цикла WordPress значения подставляются автоматически.

Примеры получения ссылки миниатюры

Ссылка на миниатюру по ID записи

Получим ссылку на изображение записи с ID 11:

echo get_the_post_thumbnail_url( 11, 'medium' );
// получим ссылку на миниатюру размера medium

Использование миниатюры для Fancybox

Пример использования внутри цикла, когда миниатюра ведёт на полноразмерное изображение:

<a href="<?php echo get_the_post_thumbnail_url( null, 'full' ); ?>">
    <img src="<?php echo get_the_post_thumbnail_url( null, 'thumbnail' ); ?>" alt="thumbnail">
</a>

Как получить ссылку миниатюры в WordPress ниже версии 4.4

Если используется старая версия WordPress, получить ссылку миниатюры можно следующим способом:

$pt_id   = get_post_thumbnail_id();
$img_url = wp_get_attachment_image_src( $pt_id, 'thumbnail', true );
echo $img_url[0];

Код необходимо использовать внутри цикла. Либо можно передать ID записи напрямую в функцию get_post_thumbnail_id().

1
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(3 голоса, в среднем: 5 из 5)
не скупись ☝️ оцени статью
Подписка на обновления:
Автор блога Рябухин Максим

Я фрилансер веб-разработчик. Последние несколько лет занимаюсь версткой и веб-программированием на PHP и Javascript. Если вам понадобится помощь с блогом Wordpress, либо адаптация сайта, я всегда рад помочь.

связаться
Вместе с этим советую почитать:

Оставьте комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
не пытайтесь оскорбить автора, либо участников блога, ваши комментарии все равно не будут промодерированы!
у меня есть сайт

комментариев: 1
  • Кирилл

    Спасибо за гайд, помог мне :grin:

    Ответить
показать все