Как задать индивидуальный class="" для первых двух элементов массива?

Question

[Борис Белов]

Привет.
В макете есть такая структура услуг.


Мне надо чтобы первые два были col-md-6
Остальные col-md-4

Как это организовать?

<div class="col-md-6">
                <div class="services-item">
                    <div class="img">
                        <img src="<?php bloginfo('template_url'); ?>/img/archive.png" alt="archive">
                        <span class="price">
                    <?php the_field('стоимость');?> P
                </span>
                    </div>
                    <div class="information">
                        <h3>
                            <?php echo get_the_title(); ?>
                        </h3>
                        <p>
                           <?php echo get_the_content(); ?>
                        </p>
                    </div>
                </div>
            </div>

Comments

[Павел Корнилов]

Не понял вопроса.

Answer 1

[Maksym Davydchuk]

Как вариант с помощью счетчика. Перед циклом ставим в 0. В конце цикла инкрементируем. В цикле ставим условие если счетчик меньше 2 - выводим col-md-6, в противном случае col-md-4.

Comments

[Борис Белов]

Максим спасибо за ответ. Я дизайнер, и не силен еще в коде) могли бы помочь с организацией кода?

<?php $i = 0; ?>
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
  <?php $i++ ?>

    <div class="col-md-<?php if ($i == 1) echo '6'; else echo '4' ?>">
                <div class="services-item">
                    <div class="img">
                        <img src="<?php bloginfo('template_url'); ?>/img/archive.png" alt="archive">
                        <span class="price">
                    <?php the_field('стоимость');?> P
                </span>
                    </div>
                    <div class="information">
                        <h3>
                            <?php echo get_the_title(); ?>
                        </h3>
                        <p>
                           <?php echo get_the_content(); ?>
                        </p>
                    </div>
                </div>
            </div>

  <?php endwhile; ?>
<?php endif; ?>

[Maksym Davydchuk]

Борис Белов:

<?php $i = 0; ?>
<?php if (have_posts()) : ?>
  <?php while (have_posts()) : the_post(); ?>
    <div class="col-md-<?php echo ($i < 2)? '6' : '4'; ?>">
                <div class="services-item">
                    <div class="img">
                        <img src="<?php bloginfo('template_url'); ?>/img/archive.png" alt="archive">
                        <span class="price">
                    <?php the_field('стоимость');?> P
                </span>
                    </div>
                    <div class="information">
                        <h3>
                            <?php echo get_the_title(); ?>
                        </h3>
                        <p>
                           <?php echo get_the_content(); ?>
                        </p>
                    </div>
                </div>
            </div>
  <?php $i++; endwhile; ?>
<?php endif; ?>

Должно заработать

[Борис Белов]

Maksym: четко) спасибо! =)

Answer 2

[Антон]

https://codepad.remoteinterview.io/SQTYYANVUJ

<?php
$arr = array(1,2,3,4,5);
print_r($arr);

$a = 0;
?>

<?php foreach ($arr as $elem): ?>
    <?php if($a < 2) : ?>
     <div class="col-lg-4"></div>
     <?php else : ?>
       <div class="col-lg-6"></div>  
    <?php endif; ?>
    <?php $a++; ?>    
<?php endforeach; ?>