Thumbnail url что это

get_the_post_thumbnail() — позволяет получить изображение миниатюры поста

Практическое использование этой функции вы можете найти в моём видеоуроке.

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

Пример 1

Простой пример — просто выведем миниатюру поста с >

Пример 2. Как сделать миниатюры с ссылками на пост?

Предположим, мы хотим реализовать это на страницах категорий. Давайте немного доработаем цикл:

Пример 3. Как сделать, чтобы при клике на миниатюру, открывалась полная версия картинки?

Код из этого примера отлично подойдет для использования в каком-нибудь плагине jQuery, например fancybox или pretty photo. В таком случае вам возможно также понадобится добавить класс для ссылки.

Вы также можете ознакомиться с документацией функций wp_get_attachment_image_src() и get_post_thumbnail_id() на моем блоге.

Давайте добавим на наши миниатюры класс align-left типа для того,чтобы они обтекались текстом слева:

Фильтр post_thumbnail_size

Фильтр позволяет задать размер миниатюр, используемых на блоге (везде на блоге).

В следующем примере мы устанавливаем размер для всех миниатюр на блоге medium :

Фильтр post_thumbnail_html

О, а вот этот фильтр — уже что-то интересное, он позволяет нам модифицировать HTML миниатюры непосредственно перед тем, как функция его возвращает.

Количество параметров данного фильтра не может не радовать, это означает, что мы можем творить с возвращаемым HTML-кодом всё, что нам угодно.

$html (строка) HTML-код, возвращаемый функцией по умолчанию, $post_id (целое число) ID поста, миниатюру которого нужно получить, $post_thumbnail_id (целое число) ID миниатюры, $size (строка|массив) размер миниатюры, $attr (массив) массив HTML-атрибутов, которые были заданы при вызове функции, если не заданы, то пустой массив;

А теперь несколько интересных примеров.

Пример 1. Автоматическое проставление ссылок на пост

Фишка в том, что каждый раз при использовании функции get_the_post_tumbnail() миниатюры уже будут возвращаться с автоматически проставленными ссылками на пост.

Круто, да? А главное — всё очень просто.

Пример 2. Возвращаем только URL миниатюры

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Источник

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

Задача получения ссылки на миниатюру в wordpress наверняка попадалась тем, кто активно занимается wordpress разработкой будь то использование разных хаков или доработка шаблонов. Отображение миниатюр, конечно, проще всего реализовать через функцию the_post_thumbnail однако не всегда это возможно. Так, например, для хака получения первой картинки поста требовался именно URL (путь) изображения.

В принципе, бывают и другие случаи, когда нужно считывать именно thumbnail url и вставлять его в уже готовый HTML код темы. Для решения задачи было найдено 2 варианта.

1. С помощью функции wp_get_attachment_image_src

Внимание! Здесь вместо параметра ‘Требуемый_thumbnail-size’ нужно указать размер миниатюры, ссылку которой вы хотите получить. По умолчанию это может быть: thumbnail, medium, large, или full. Однако допускается и использование специальных пользовательских типов, если они были определены в теме.

Код, разумеется, нужно размещать внутри цикла loop. Первая функция get_post_thumbnail_id определяет ID превьюшки поста, а вторая wp_get_attachment_image_src считывает ссылку (чуть ниже найдете ее описание).

2. С помощью функции get_post

Этот вариант, судя по всему, более древний. Не смотря на то, что но все еще работает, лучше решать задачу через специальную функцию. Код привожу больше для ознакомления.

В этом случае также идет определение ID миниатюры, а затем информация считывается с помощью get_post. Полученный объект содержит множество информации, из которой просто выделяем параметр guid.

Функция wp_get_attachment_image_src

Используется для получения информации о картинках-вложениях. Ее синтаксис следующий.

После выполнения функция возвращает 4 параметра:

Кроме того, если функция не нашла соответствующее изображение, она возвращает значение false.

Самый простой пример ее использования:

Здесь считывается картинка-вложение с Если она найдена, то ссылка, а также ее размеры вставляются в простой HTML код вывода картинки через img.

Итого. Получить в wordpress ссылку на миниатюру можно с помощью функции wp_get_attachment_image_src, которая кроме thumbnail url передает также ширину/высоту изображения.

Источник

get_the_post_thumbnail() WP 2.9.0

Получает IMG тег миниатюры поста, если она существует.

Когда нужно получить только URL картинки, используйте get_the_post_thumbnail_url().

Стилизация миниатюр

Миниатюры создаваемые этой функцией получают класс wp-post-image (class=»wp-post-image»). Также, устанавливается класс в зависимости от размера миниатюры. В CSS миниатюры стилизуются через следующие селекторы:

Также можно задать свой класс:

Хуки из функции

Возвращает

Использование

Размер необходимой миниатюры:

По умолчанию: ‘post-thumbnail’

Строка в виде запроса или массив аргументов, которые определят атрибуты тега img.

Примеры

#1 Что вернет функция

#2 Базовый пример использования

#3 Размеры миниатюр

Размеры для картинок в WordPress обозначаются условно:

Указать конкретные размеры в пикселях для каждого типа можно в настройках (Параметры > мадиафайлы).

Эти примеры показывают, как можно получить картинку нужного размера:

Список изменений

Cвязанные функции

post_thumbnail image (картинки миниатюры поста)

thumbnail (image картинки-миниатюры)

Миниатюры

Миниатюры Вложения

Здравствуйте!
Не подскажите, как вывести картинку в начале поста, которая установлена в качестве миниатюры, но в самой теме разработчиком не предусмотрен ее вывод в начале поста. Не судите строго, если сформулировал свой вопрос не достаточно правильно, я только учусь работать с вордпресс.

Источник

the_post_thumbnail() WP 2.9.0

Выводит html код картинки-миниатюры текущего поста.

Этот Тег шаблона должен использоваться внутри Цикла WordPress.

Используйте get_the_post_thumbnail(), когда нужно получить данные этой функции для обработки в PHP.

Возвращает

Использование

Когда указан массив, новая миниатюра с указанными размерами не создается. А WP ищет самый подходящий размер из тех что уже есть, берет его и просто указывает высоту и ширину в пикселях для тега IMG, чтобы уменьшить картинку. Т.е. картинка уменьшается только визуально.

По умолчанию: ‘post-thumbnail’, размер который устанавливается для темы функцией set_post_thumbnail_size()

Можно указать строкой: alt=альт&class=alignleft или массивом:

Атрибуты можно указывать любые.
По умолчанию: »

Примеры

Дополнительные примеры, то как стилизовать миниатюры и передавать атрибуты смотрите в описании функции get_the_post_thumbnail().

#1 Миниатюра как ссылка на пост

Пример 1: Используйте следующий код, чтобы сделать картинку-миниатюру ссылкой на пост. Пример для использования внутри Цикла WordPress:

#2: Сделаем миниатюру ссылкой на пост

#3 Миниатюра-ссылка на оригинальный размер

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

#4 Регистрация нового размера

С помощью add_image_size() можно зарегистрировать новый размер и затем получить его по ключу:

Источник

get_the_post_thumbnail() — позволяет получить изображение миниатюры поста

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

Пример 1

Простой пример — просто выведем миниатюру поста с >

Пример 2. Как сделать миниатюры с ссылками на пост?

Предположим, мы хотим реализовать это на страницах категорий. Давайте немного доработаем цикл:

Пример 3. Как сделать, чтобы при клике на миниатюру, открывалась полная версия картинки?

Код из этого примера отлично подойдет для использования в каком-нибудь плагине jQuery, например fancybox или pretty photo. В таком случае вам возможно также понадобится добавить класс для ссылки.

Вы также можете ознакомиться с документацией функций wp_get_attachment_image_src() и get_post_thumbnail_id() на моем блоге.

Давайте добавим на наши миниатюры класс align-left типа для того,чтобы они обтекались текстом слева:

Фильтр post_thumbnail_size

Фильтр позволяет задать размер миниатюр, используемых на блоге (везде на блоге).

В следующем примере мы устанавливаем размер для всех миниатюр на блоге medium :

Фильтр post_thumbnail_html

О, а вот этот фильтр — уже что-то интересное, он позволяет нам модифицировать HTML миниатюры непосредственно перед тем, как функция его возвращает.

Количество параметров данного фильтра не может не радовать, это означает, что мы можем творить с возвращаемым HTML-кодом всё, что нам угодно.

$html (строка) HTML-код, возвращаемый функцией по умолчанию, $post_id (целое число) ID поста, миниатюру которого нужно получить, $post_thumbnail_id (целое число) ID миниатюры, $size (строка|массив) размер миниатюры, $attr (массив) массив HTML-атрибутов, которые были заданы при вызове функции, если не заданы, то пустой массив;

А теперь несколько интересных примеров.

Пример 1. Автоматическое проставление ссылок на пост

Фишка в том, что каждый раз при использовании функции get_the_post_tumbnail() миниатюры уже будут возвращаться с автоматически проставленными ссылками на пост.

Круто, да? А главное — всё очень просто.

Пример 2. Возвращаем только URL миниатюры

Источник