【问题标题】:WordPress Loop, add class to second objectWordPress循环,将类添加到第二个对象
【发布时间】:2015-06-08 12:18:09
【问题描述】:

我有以下代码:

<?php 
    $args = array(
        'category__in' => array(3),
        'posts_per_page' => 3
    );
    $loop = new WP_Query( $args );
    while ($loop->have_posts() ) : $loop->the_post();
?>

<div class="col-md-4 col-sm-4 col-xs-12" style="padding-left:0; padding-right:0;">
    <a style="text-decoration:none" href="<?php echo get_permalink(); ?>">
        <div class="postsize" style="background:#242930; color:white !important;">
            <?php echo get_the_post_thumbnail( $page->ID, 'categoryimage', array('class' => 'faqposts')); ?>
            <div class="contentfaq" style="padding: 0 20px 20px; min-height:235px;">
                <h3 style="color:white !important;"><?php the_title(); ?></h3>

                <div style="color:white";>
                    <p><?php echo content2(15); ?></p>
                </div>
            </div>
        </div>
    </a>
</div>

<?php endwhile; ?>
<?php wp_reset_query(); ?> 

获取我的最新帖子,并以块的形式显示它们。

现在,我正在尝试将第二块背景设为白色,但无法定位它,我不确定如何。

有没有快速的方法来解决这个问题?

【问题讨论】:

  • 请注意...您也可以仅使用 CSS 定位第二个项目...

标签: php wordpress loops


【解决方案1】:

创建一个变量并检查您是否处于循环的第二步。

$i = 1;
while ($loop->have_posts() ) : $loop->the_post();
  ?>
    <div class="col-md-4 col-sm-4 col-xs-12" style="padding-left:0; padding-right:0;">    
        <a style="text-decoration:none; color:white;" href="<?php echo get_permalink(); ?>">
        <div class="postsize" style="<?php echo $i == 2 ? 'background: white; color: black;' : 'background: #242930; color: #fff !important'; ?>">...
    ...
<?php
    $i++;
endwhile;
?>

【讨论】:

  • 谢谢。我试过这个,但它似乎没有改变背景? (查看主帖)
  • @Jonathan:啊,放到div.postsize
  • @Jonathan:我已经更新了我的答案,检查一下。第二条记录将是白底黑字,#242930 上的第一个和第三个白字。
  • 谢谢!工作一种享受
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-19
  • 2017-06-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多