Cambiar el estilo de los posts de diferentes categorías en home

[castoloreturns]

Muy buenas!

Estoy añadiendo a mano los artículos de mi web en la home tal que así:

Código PHP:

  <?php
        query_posts('posts_per_page=4');
        while(have_posts()) : the_post(); ?>
        <div class="bloque wpb_column vc_column_container vc_col-sm-4">
            <div class="imagenposthome"><?php the_post_thumbnail(); ?></div>
            <div class="bloquetexto">
                <p><?php the_category(); ?></p>
                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
            </div>
            </div>
        
    <?php endwhile; wp_reset_query(); ?>   

Lo que quiero hacer ahora es que en función de la categoría de la que venga el artículo tenga un estilo u otro. Por ejemplo, el background rojo para la categoría noticias, el azul para la categoría destacados, etc.

¿Alguna ayuda? ¡Gracias!

[rogertm]

Creo que lo que necesitas es mucho más fácil de lo que crees...

Usa la función post_class(), pero, tendrás que pasarle como parámetro string todas las clases que tienes definidas, es decir, esto:

Código PHP:

<div class="bloque wpb_column vc_column_container vc_col-sm-4">
 

lo cambias por esto otro:

Código PHP:

<div <?php post_class( 'bloque wpb_column vc_column_container vc_col-sm-4' ) ?>>
 

Y como ves, la función te agrega clases css mediante las que puedes modificar el estilo dependiendo de la categoría

Saludos.

[castoloreturns]

Iniciado por rogertm

Creo que lo que necesitas es mucho más fácil de lo que crees...

Usa la función [URL="https://codex.wordpress.org/Function_Reference/post_class"]post_class()[/URL], pero, tendrás que pasarle como parámetro string todas las clases que tienes definidas, es decir, esto:

Código PHP:

<div class="bloque wpb_column vc_column_container vc_col-sm-4">
 

lo cambias por esto otro:

Código PHP:

<div <?php post_class( 'bloque wpb_column vc_column_container vc_col-sm-4' ) ?>>
 

Y como ves, [URL="https://codex.wordpress.org/Function_Reference/post_class#Default_Values"]la función te agrega clases css[/URL] mediante las que puedes modificar el estilo dependiendo de la categoría

Saludos.

Muchas gracias, era justo lo que necesitaba. Me ha funcionado perfecto