Intereting Posts
Как отображать пользовательский виджет в любом месте Сохраняется ли вместо <input type = "submit"> с помощью кнопки <button type = "submit"> в форме поиска WordPress Многоязычный веб-сайт на двух разных доменах Как получить список сообщений из постоянных ссылок? Последние сообщения на тему мобильных телефонов Jetpack Как выполнить модульное тестирование предлагаемых патчей в Trac? WordPress Multisite – имеет ту же навигацию, боковую панель и нижний колонтитул на всех сайтах. Почему контент поступает из одного? Как связать аватар и псевдоним с профилем WordPress Media Manager выбирает кнопку файла, как предотвратить скрытие? Получить список категорий и список таксономии из разных типов сообщений, используя идентификатор сообщения? Настройка Breadcrumb NavXT Получить название термина от идентификатора срока действия? wp_dropdown_categories () скрипты, работающие беспорядочно на боковой панели Как получить подписной ключ или идентификатор, используя подписки Woocommerce

Добавление класса к показанному изображению

Я указал цикл, чтобы показывать избранные изображения для моего настраиваемого типа сообщений, и хочу добавить класс, отвечающий требованиям img, от загрузочного образа к моему изображенному изображению.

Как я могу это сделать?

Благодаря!

Код:

<div class="home-featured-img"> <?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. the_post_thumbnail(); // show featured image } ?> </div> 

Вы можете добавить пользовательский класс для публикации эскизов. the_post_thumbnail принимает массив атрибута $attr где вы можете указать класс изображения.

Таким образом, ваш код будет.

 <div class="home-featured-img"> <?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it. the_post_thumbnail( 'full', array( 'class' => 'responsive-class' ) ); // show featured image } ?> </div> 

В вышеприведенном коде responsive-class – это пользовательский класс, который я добавил, вы можете изменить его по мере необходимости.

Второй аргумент the_post_thumbnail$attr , к которому вы можете добавить классы. Следует отметить, что вы будете переопределять классы по умолчанию, поэтому вам также нужно будет добавить их. По умолчанию используется attachment-$size , поэтому в моем примере я добавил добавление attachment-post-thumbnail .

 the_post_thumbnail( 'post-thumbnail', array( 'class' => 'attachment-post-thumbnail my-custom-class' ) );