2015-06-08 3 views
1

У меня есть следующий код:WordPress Loop, добавить класс ко второму объекту

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

который получает мои последние сообщения, и отображает их в виде блоков.

Теперь, я пытаюсь сделать второй блок фона белым, но не могу настроить его, ну, я не уверен, как это сделать.

Есть ли быстрый способ настроить таргетинг?

+1

Только примечание ... Вы можете также нацелить второй элемент только на CSS ... – rnevius

ответ

2

Создайте переменную и проверьте, находитесь ли вы на втором этапе цикла.

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

Спасибо. Я пробовал это, но, похоже, он не меняет фон? (Отметьте главное сообщение) –

+0

@Jonathan: ах, поместите его в 'div.postsize'. – panther

+0

@ Джонатан: Я обновил свой ответ, проверьте его. Вторая запись будет черной на белом, 1-го и 3-го белых на # 242930. – panther

Смежные вопросы