Добавление класса к featured image

Question

Добавление класса к featured image

6 нояб. 2014 г., 21:34:31

Просмотры: 15.4K

Голосов: 1

Я создал цикл для вывода featured images моего пользовательского типа записи и хочу добавить класс img-responsive из Bootstrap к featured image.

Как это можно сделать?

Спасибо!

Код:

<div class="home-featured-img">
    <?php 
    if ( has_post_thumbnail() ) { // проверяем, есть ли у записи миниатюра
        the_post_thumbnail(); // выводим featured image
    } 
    ?>
</div>

Damir

113

пользовательские типы записей изображения twitter bootstrap post class

Все ответы на вопрос

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

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

Eric Holmes

3.91K

6 нояб. 2014 г. 21:44:59

Robert hue 8.56K · Accepted Answer · 2014-11-06T21:45:08Z

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

Таким образом, ваш код будет выглядеть следующим образом:

<div class="home-featured-img">
    <?php
        if ( has_post_thumbnail() ) { // проверяем, есть ли у записи миниатюра
            the_post_thumbnail( 'full', array( 'class'  => 'responsive-class' ) ); // выводим миниатюру
        } 
    ?>
</div>

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