post_thumbnail_html

16 февраля, 2025
Узнайте, как использовать хук post_thumbnail_html для изменения HTML-кода миниатюры поста в WordPress
Быстрая навигация по записи

Описание post_thumbnail_html

— Filter

Хук post_thumbnail_html позволяет изменять HTML-код, который генерируется для миниатюры поста. Он срабатывает при выводе миниатюры в области содержимого поста и позволяет настраивать ее отображение, добавляя, например, дополнительные классы или атрибуты к изображению

Примеры использования

Пример добавления класса к миниатюре поста:

				
					add_filter('post_thumbnail_html', function($html, $post_id) {
   $html = str_replace('class="', 'class="custom-class ', $html);
   return $html;
});
				
			

В этом примере мы добавляем класс ‘custom-class’ к миниатюре поста

Пример изменения атрибута alt миниатюры:

				
					add_filter('post_thumbnail_html', function($html, $post_id) {
   $html = preg_replace('/alt=""/', 'alt="Описание миниатюры"', $html);
   return $html;
});
				
			

Здесь мы изменяем атрибут alt на ‘Описание миниатюры’

Пример добавления обертки вокруг миниатюры:

				
					add_filter('post_thumbnail_html', function($html, $post_id) {
   return '<div class="thumbnail-wrapper">' . $html . '</div>';
});
				
			

Мы оборачиваем миниатюру в div с классом ‘thumbnail-wrapper’

— Лучшие практики

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

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

– Производительность

Хук не должен значительно влиять на производительность, так как изменения касаются только вывода HTML

– Предупреждения

Убедитесь, что изменения не нарушают доступность изображений, особенно атрибут alt

Альтернативы

Тип: filter

Этот хук позволяет изменить размеры миниатюры перед ее выводом

Используйте его, если нужно изменить размеры изображения, а не только его HTML

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

Нужна помощь с WordPress WooCommerce плагинами темой оптимизацией ?

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Система аренды
Шаблон сайта аренды спецтехники или строительного оборудования. Этот шаблон помогает создать функциональный ресурс, где пользователи могут легко арендовать оборудование для строительства

Поможем вывести Ваш бизнес на новый уровень!

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил

Добро пожаловать!

Авторизуйтесь, чтобы продолжить

или

Забыли пароль? Восстановить

* Если аккунта у Вас еще нет, то он будет создан автоматически.

* Отправляя данные, вы соглашаетесь с политикой конфиденциальности.

Давайте составим техническое задание!
100% без риска
Нет обязательств по найму
Бесплатная оценка стоимости
Здравствуйте! Я асистент на основе искусственного интеллекта. Вы можете общаться со мной, как с человеком — задавайте вопросы, описывайте свои идеи и требования.

С удовольствием помогу вам составить техническое задание для вашего WordPress проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

Выберите подходящий вариант или опишите свою задачу в свободной форме, и я помогу вам составить четкий план действий, для оценки стоимости нашими разработчиками! 😊