Как добавить & quot; активный & quot; класс карусели первый элемент

Question

Как добавить & quot; активный & quot; класс карусели первый элемент

Я разрабатываю новостной сайт в WordPress, и мне нужно показать в начальной загрузке первые три поста, моя проблема в том, что мне нужно добавить «активный» класс только в первый из трех элементов, но на самом деле не знаю как. Вот мой код:

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

но он просто напечатал мне «активные» слова.

Спасибо за вашу помощь

3

carousel php twitter-bootstrap wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вам нужно установить $ i, чтобы вы могли посчитать, сколько раз вы прошли через цикл, и выполнить некоторую логику с ним, как в моем примере ниже. Вместо того чтобы иметь две строки кода, которые почти идентичны, как я делал ниже, вы должны быть в состоянии выполнить условное условие прямо вокруг класса active. Я не сделал этого, чтобы вы могли ясно видеть условные и количество циклов в массиве.

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

3