WordPress как на ладони
WordPress темы и плагины за 250 рублей wordpress jino

Как прописать класс row (bootstrpa) в шаблоне вывода постов, чтобы реализовать 2-х колончатое отображение?

Добрый день!

Как реализовать построение такого вот кода через циклы в шаблоне WP:

<div class="row">
<div class="col-sm-12 col-md-6">Контент</div>
<div class="col-sm-12 col-md-6">Контент</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">Контент</div>
<div class="col-sm-12 col-md-6">Контент</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">Контент</div>
<div class="col-sm-12 col-md-6">Контент</div>
</div>

и т.д.

Заранее спасибо!

Заметки к вопросу:
herold89 21 день назад

А зачем каждые 2 элемента в row засовывать? Можно в начале цикла вывести открывающий row и в конце закрывающий.

pozitivist 21 день назад

В общем вот так у меня получилось, но может можно оптимизировать?

<?php
	$counter = 1;
	$posts = new WP_Query ("category_id=2&showposts=10");
	while ($posts->have_posts ()) : $posts->the_post ();
	$parent = $post->ID; ?>
<?php if ($counter == 1 || $counter % 2 == 1) : echo '<div class="row">'; endif;?>
	<div class="col-sm-12 col-md-6">
		<article class="post">
			<p><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></p>
			<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
			<p><?php the_excerpt(); ?></p>
		</article>
	</div>
<?php if ($counter % 2 == 0) : echo '</div>'; endif;?>
<?php $counter++; endwhile; if ($counter-1 %2 != 0) : echo '</div>'; endif; wp_reset_query(); ?>
0
21 день назад

Нет ответов на этот вопрос.

    На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация