WordPress | Letztem Beitrag eine zusätzliche CSS Klasse hinzufügen
Du möchtest Deinem neuesten Beitrag in deinem WordPress Blog eine andere CSS Klasse geben um diesen zum Beispiel besonders hervorzuheben? Kein Problem mit folgendem Skript dass du in deine functions.php einträgst.
function last_post_add_class( $classes ) {
global $wp_query;
$cur = $wp_query -> current_post;
if ( 0 == $cur ) $classes[] = 'last-post';
return $classes;
}
add_filter( 'post_class', 'last_post_add_class' );
Verwendest du in deinem Theme das Bootstrap Grid? Dann ist es auch möglich dem letzten Post eine CSS Klasse zu geben und allen folgenden eine andere. In meinem Beispiel benutzt der neueste Post alle 12 Spalten des Grids und alle weiteren jeweils 6.
function last_post_add_class( $classes ) {
global $wp_query;
$cur = $wp_query -> current_post;
if ( 0 == $cur ) $classes[] = 'col-sm-12';
if ( 0 != $cur ) $classes[] = 'col-sm-6';
return $classes;
}
add_filter( 'post_class', 'last_post_add_class' );
Getestet mit WordPress 4.9.8
Weitere Beiträge
Wordpress | Nutze Shortcode für Anzeige von Beiträgen einer Kategorie
Mit jQuery Breite und Höhe des Browsers auslesen und in DIV-Container anzeigen.
Programmierung und Spieleentwicklung: Gestalte deine eigenen Videospiele
Progressive Web Apps (PWAs): Die Zukunft des Webs