Здравствуйте! Натягиваю верстку на 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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|