BloGGood.ru

Блог Костаневича Степана

WordPress, PHP, HTML, CSS, Windows

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

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

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

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

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

Как же все-таки в 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]; // вывод ссылки на миниатюру
?>

Результат:

http://адрес_сайта/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 получить ссылку на миниатюру

Интересно было бы узнать, для каких целей вам нужна ссылка на миниатюру?
Пишите в комментариях!

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 810
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4716