¿Quieres añadir clases adicionales al div adjunto para cada entrada del bucle? Es fácil con nuestro fragmento de código. Echemos un vistazo a cómo hacerlo.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
<?php
function additional_post_classes( $classes ) {
global $wp_query;
if( $wp_query->found_posts < 1 ) {
return $classes;
}
if( $wp_query->current_post == 0 ) {
$classes[] = 'post-first';
}
if( $wp_query->current_post % 2 ) {
$classes[] = 'post-even';
} else {
$classes[] = 'post-odd';
}
if( $wp_query->current_post == ( $wp_query->post_count - 1 ) ) {
$classes[] = 'post-last';
}
return $classes;
}
add_filter( 'post_class', 'additional_post_classes' );
?>
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si le gustó este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: Los mejores constructores de páginas de WordPress (Comparados).
[code]found_posts < 1 ) {
return $classes;
}
if( $wp_query->current_post == 0 ) {
$classes[] = 'post-first';
}
if( $wp_query->current_post % 2 ) {
$classes[] = 'post-even';
} else {
$classes[] = 'post-odd';
}
if( $wp_query->current_post == ( $wp_query->post_count - 1 ) ) {
$classes[] = 'post-last';
}
return $classes;
}
add_filter( 'post_class', 'additional_post_classes' );
?>[/code]
Comentarios Deja una respuesta