Möchten Sie für jeden Beitrag in der Schleife zusätzliche Klassen zum umschließenden div hinzufügen? Mit unserem Code-Snippet ist das ganz einfach. Schauen wir uns an, wie es geht.
Anweisungen:
Sie müssen diesen Code nur zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin einfügen:
<?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' );
?>
Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.
Wenn Ihnen dieser Code-Schnipsel gefallen hat, sollten Sie sich auch unsere anderen Artikel auf der Website ansehen, wie zum Beispiel: Die besten WordPress-Seitenersteller (im Vergleich).
[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]
Kommentare Hinterlasse eine Antwort