Wie füge ich eine "aktive" Klasse zu einem Karussell-Element hinzu?

Ich entwickle eine News-Website in Wordpress und muss in einem Bootstrap-Karussell die ersten drei Posts anzeigen. Mein Problem ist, dass ich die "aktive" Klasse nur beim ersten der drei Elemente hinzufügen muss, aber wirklich nicht weiß nicht wie. Hier ist mein Code:

<?php
$args = array('numberposts' => '3');
$recent_posts = wp_get_recent_posts($args);
foreach ($recent_posts as $recent) {
echo '<div class="item active"><a href="' . get_permalink($recent["ID"]) . '" title=" ' . esc_attr($recent["post_title"]) . '" >' .$recent["post_date"] . ': <strong>' .$recent["post_title"] . '</strong></a></div>';
}
?>

Ich habe bereits versucht, auf dieser Website eine Antwort zu finden (diese):

$isFirst = true;
foreach ($recent_posts as $recent) {
echo '<div class="item' . $isFirst ? ' active' : '' . '"><a href="' . get_permalink($recent["ID"]) . '" title=" ' . esc_attr($recent["post_title"]) . '" >' .$recent["post_date"] . ": <strong>"  .$recent["post_title"] . '</strong></a></div>';
$isFirst = false;
?>

aber es hat mir nur die "aktiven" Wörter ausgedruckt.

Danke für Ihre Hilf

Antworten auf die Frage(2)

Ihre Antwort auf die Frage