Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Помогите пожалуйста с циклом

#1 Гость_Дмитрий_*

Гость_Дмитрий_*
  • Гости
0

Отправлено 18 Январь 2014 - 22:25

Здравствуйте! Натягиваю верстку на 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>

 

 

  • 0


Оформление форума – IPBSkins.ru