Come Aggiungere Classi Aggiuntive al Div Contenitore nel Loop

Vuoi aggiungere classi aggiuntive al div contenitore per ogni post nel loop? È facile con il nostro snippet di codice. Diamo un'occhiata a come farlo.

Istruzioni:

Tutto quello che devi fare è aggiungere questo codice al file functions.php del tuo tema o in un plugin specifico per il sito:

<?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: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: I migliori page builder di WordPress (confrontati).