Aggiungere una classe all'immagine in evidenza

Question

Aggiungere una classe all'immagine in evidenza

6 nov 2014, 21:34:31

Visualizzazioni: 15.4K

Voti: 1

Ho specificato un loop per mostrare le immagini in evidenza per il mio custom post type e vorrei aggiungere la classe img-responsive di bootstrap alla mia immagine in evidenza.

Come posso farlo?

Grazie!

Codice:

<div class="home-featured-img">
    <?php 
    if ( has_post_thumbnail() ) { // verifica se il post ha un'immagine in evidenza assegnata
        the_post_thumbnail(); // mostra l'immagine in evidenza
    } 
    ?>
</div>

Damir

113

tipi di post personalizzati immagini twitter bootstrap post class

Tutte le risposte alla domanda

Il secondo argomento di the_post_thumbnail è $attr, al quale puoi aggiungere classi. Una nota importante è che andrai a sovrascrivere le classi predefinite, quindi dovrai includerle nuovamente. La classe predefinita è attachment-$size, ecco perché nel mio esempio ho aggiunto attachment-post-thumbnail.

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

Eric Holmes

3.91K

6 nov 2014 21:44:59

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

Puoi aggiungere una classe personalizzata alle miniature dei post. the_post_thumbnail accetta un array di attributi $attr dove puoi specificare la classe dell'immagine.

Quindi il tuo codice sarà.

<div class="home-featured-img">
    <?php
        if ( has_post_thumbnail() ) { // verifica se il post ha una miniatura assegnata.
            the_post_thumbnail( 'full', array( 'class'  => 'responsive-class' ) ); // mostra l'immagine in evidenza
        } 
    ?>
</div>

Nel codice sopra, responsive-class è la classe personalizzata che ho aggiunto, puoi cambiarla come preferisci.

Robert hue

8.56K

6 nov 2014 21:45:08