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 проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

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