カルーセルの最初の要素に「アクティブ」クラスを追加する方法

Question

Wordpressでニュースサイトを開発しています。最初の3つの記事をブートストラップカルーセルに表示する必要があります。私の問題は、 3つの要素のうちの最初の段階でのみ "アクティブな"クラスを作成することができますが、実際にどのようにするかわかりません。私はすでにこのサイトで見つけた答えは（これを）試した

<?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>'; 
} 
?> 

：ここに私のコードは

$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; 
?> 

が、それはちょうど私に「アクティブ」の言葉を印刷しました。あなたの助けのための

おかげで

Answer 1

あなたは、あなたがループを通過した回数をカウントし、以下の私の例のように、それにいくつかのロジックを行うことができますように$ Iを設定する必要があります。しかし、私が下で行ったように、ほぼ同じ2行のコードを持つ代わりに、クラスアクティブの周りでif条件付きの権利を実行できるはずです。私はそれをしなかったので、あなたは配列を通してループの条件と数をはっきりと見ることができました。

<?php 
$args = array('numberposts' => '3'); 
$recent_posts = wp_get_recent_posts($args); 
$i = 0; 
foreach ($recent_posts as $recent) { 

if ($i == 0) { 
    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>'; 
} else { 
    echo '<div class="item"><a href="' . get_permalink($recent["ID"]) . '" title=" ' . esc_attr($recent["post_title"]) . '" >' .$recent["post_date"] . ': <strong>' .$recent["post_title"] . '</strong></a></div>'; 
} 
$i++; 
} 
?>