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



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

#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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 24 3 темы, 7 сообщений, 1 балл репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 18 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография kuztoday
    #5

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография SergiuS85
    #6

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография mkreine
    #7

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #8

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография kolver
    #9

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография fedornabilkin
    #10

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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