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

64

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

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

get_the_post_thumbnail_url($id_post, $size)

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

$id_post – ID нашей записи, к которой прикреплено изображение,

$size – размер картинки, используемый в стандартах WordPress(thumbnail, medium, large,full). Если же у вас есть собственный зарегистрированный размер картинки, то укажите его.

Примеры

Давайте выведем ссылку в произвольном месте страницы на запись с ID равным 11:

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

Выведем миниатуюру внутри цикла для использования в Fancybox с ссылкой на полный размер картинки:

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

Для тех у кого версия WordPress ниже 4.4 используем следующий код:

$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().

0
  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: :???: :?: :!:
не пытайтесь оскорбить автора, либо участников блога, ваши комментарии все равно не будут промодерированы!
у меня есть сайт

комментариев: 0
    показать все