首页 文章

如何将“活动”类添加到轮播第一个元素

提问于
浏览
2

我正在开发一个Wordpress的新闻网站,我需要在前三个帖子的bootstrap轮播中显示,我的问题是我需要在三个元素中的第一个添加“活动”类,但是真的不要我知道怎么做 . 这是我的代码:

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

但它只是打印了我的“活跃”字样 .

谢谢你的帮助

1 回答

  • 2

    你需要设置$ i,这样你就可以计算你完成循环的次数并用它做一些逻辑,就像我下面的例子一样 . 而不是像我下面所做的那样,有两行几乎相同的代码,你应该能够在类活动的条件下执行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++;
    }
    ?>
    

相关问题