[X] Помощник

[Гость_0_* Topic Starter]

Здравствуйте! Натягиваю верстку на WP и не могу разобраться с циклом записей. Страница сверстана так, что блок columns повторяется на каждые три записи. Подскажите пожалуйста, как нужно написать цикл, чтобы в каждом блоке columns выводилось по три записи? Если я вставляю цикл в один блок, то с выводом записей все нормально, но верстка ломается(

     <div class="columns">
      <article class="news oneThird">
       <div>
        <h3><a href="/">Автосервис Одинцово</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news02.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="#" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Такси Одинцово</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news02.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Эвакуатор Одинцово</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
     </div>
     <div class="columns">
      <article class="news oneThird">
       <div>
        <h3><a href="/">Частный парикмахер</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="#" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Строительная компания</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Установка дверей</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
     </div>
<div class="columns">
      <article class="news oneThird">
       <div>
        <h3><a href="/">Интернет магазин</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="#" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Строительство заборов</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Срочный выкуп авто</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
     </div>
     <div class="columns">
      <article class="news oneThird">
       <div>
        <h3><a href="/">Кадровое агентство</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="#" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Продажа памятников</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Вездеход амфибия</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
     </div>
     <div class="columns">
      <article class="news oneThird">
       <div>
        <h3><a href="/">Автосервис Мытищи</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="#" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Такси Мытищи</a></h3>
        <div class="content">
         <a href="#" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
      <article class="news oneThird">
       <div>
        <h3><a href="/">Эвакуатор Мытищи</a></h3>
        <div class="content">
         <a href="/" class="imgHolder fullWidth"><img src="img/img-news01.jpg" alt="" /></a>
         <p>Текст</p>
        </div>
        <div class="readMore"><a href="/" class="btn btnSmall"><span>Перейти на сайт</span></a></div>
       </div>
      </article>
     </div>
<strong class="subHeading">Это не все проекты, которые мы сделали и обслуживаем, а только их малая часть!</strong>

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.