Añadir clase a imagen destacada en WordPress

Question

Añadir clase a imagen destacada en WordPress

6 nov 2014, 21:34:31

Vistas: 15.4K

Votos: 1

He especificado un bucle para mostrar imágenes destacadas para mi tipo de publicación personalizada y deseo agregar una clase img-responsive de bootstrap a mi imagen destacada.

¿Cómo puedo hacer esto?

¡Gracias!

Código:

<div class="home-featured-img">
    <?php 
    if ( has_post_thumbnail() ) { // verifica si la publicación tiene una imagen destacada asignada
        the_post_thumbnail(); // muestra la imagen destacada
    } 
    ?>
</div>

Damir

113

tipos de entradas personalizadas imágenes twitter bootstrap clase de publicacion

Todas las respuestas a la pregunta

El segundo argumento de the_post_thumbnail es $attr, al cual puedes añadir clases. Un detalle importante es que estarás sobrescribiendo las clases por defecto, por lo que tendrás que incluirlas también. La clase por defecto es attachment-$size, por eso en mi ejemplo he añadido 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

Puedes añadir una clase personalizada a las miniaturas de las entradas. the_post_thumbnail acepta un array de atributos $attr donde puedes especificar la clase de la imagen.

Así que tu código sería:

<div class="home-featured-img">
    <?php
        if ( has_post_thumbnail() ) { // comprueba si la entrada tiene una miniatura asignada.
            the_post_thumbnail( 'full', array( 'class'  => 'responsive-class' ) ); // muestra la imagen destacada
        } 
    ?>
</div>

En el código anterior, responsive-class es la clase personalizada que he añadido, puedes cambiarla según lo necesites.

Robert hue

8.56K

6 nov 2014 21:45:08