Intereting Posts
Повторяемые поля страницы запрашивать только возвратные сообщения с уже установленным настраиваемым полем Навигация по нескольким категориям под 1 родительской категорией get_pages – отображать страницы потомков внуков Проблема WordPress при загрузке новых носителей: Файл пуст. Загрузите что-то более существенное Архивная страница … ограничение постов на страницу Ограничения для одного домена / нескольких доменов, разрешенные для плагинов? media-library: как вставлять миниатюры с фиксированной шириной, независимо от ориентации пейзаж / портрет Почему это значение эха в неправильном порядке? Сортировка запроса по пользовательской дате поля Как использовать add_action для пользовательского виджета? Все изображения в одной строке для каждого сообщения Плагины, не работающие над запросами AJAX различия в сопоставлении базы данных wp-login.php – переадресовать пользователей в пользовательский URL

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

Я указал цикл, чтобы показывать избранные изображения для моего настраиваемого типа сообщений, и хочу добавить класс, отвечающий требованиям 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' ) );