Главная » Wordpress » Как в wordpress получить ссылку на миниатюру

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

2017-05-09 / Вр:20:57 / просмотров: 5181

Все привет!
Один из моих заказов состоял в том, что нужно было сверстать макет для сайта и вывести галерею товара, где главная картинка берется с миниатюры.
Для выполнения этой задачи мне нужно было вытащить адресс ссылки на картинку с миниатюры.
В статье я как раз об этом и расскажу .

Как же все-таки в wordpress получить ссылку на миниатюру? Многие скажут, зачем, если миниатюру можно вывести на сайте вот таким способом:

<?php the_post_thumbnail ();  ?>

Все верно, миниатюра появится. Но как эту же миниатюру вывести с уже готовыми классами, привязанными к картинке? Так что ли:

<img src="<?php the_post_thumbnail ();  ?> " class="img-responsive"  />

СТОЙТЕ!!! Так работать вообще не будет!
Итак, как правильно вывести ссылку на миниатюру!

Как в wordpress получить ссылку на миниатюру
Для примера я покажу, что выводится в результате.
Предлагаю воспользоваться функцией wp_get_attachment_image_src.
Вставьте в файл темы, где вам нужно вывести ссылку на миниатюру, вот такой код:

<?php
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id, false);
echo $thumb_url[0]; // вывод ссылки на миниатюру
?>

Результат:

https://адрес_сайта/wp-content/uploads/2017/04/1.jpeg

То, что надо!
Теперь в картинку достаточно прописать переменную «$thumb_url[0];» и картинка будет выводиться. Вот так выглядит код:

<img src="<?php $thumb_url[0]; ?>" class="img-responsive"  />

Вот так будет выглядеть весь код:

<?php
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id, false);
//echo $thumb_url[0]; // вывод ссылки на миниатюру
?>
<img src="<?php $thumb_url[0]; ?>" class="img-responsive" />

Вот такая получилась у меня общая картина (стрелкой я указал, где я вывел миниатюру):

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