Каждых два блока помещать в article WordPress?

Question

[matros97]

Привет всем, возникла такая проблема и не могу придумать как ее решить (
есть такая разметка

<article style="position: absolute; width: 100%; opacity: 0;"> 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>
 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>         
</article>
 
<article style="position: absolute; width: 100%; opacity: 0;"> 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>
 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>         
</article>
 
<article style="position: absolute; width: 100%; opacity: 0;"> 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>
 
<div class="block">
    <h1>Заголовок</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
</div>         
</article>

То есть каждыъ два блока обварачивают в тег article, подскажите как мне правельно сделать услвоия что бы выполнялась такая разметка.
P.S. Посты из БД я вывожу в цикле

Comments

[Игорь Воротнёв]

Начнем с того, что ваша HTML-разметка идет вразрез с понятием семантики. Это раз.
Два - не совсем понятно что это за "блоки" - каждый из них это запись? Или это какой-то кусок из записи, который генерится шоркодом? Еще что-то?

[Max Medar]

Что вы пробовали? Почему не получилось?

[matros97]

<?php $clients = new WP_Query(array(

			'post_type' => 'client',
			'posts_per_page' => 12

	)); ?>
<?php if ( $clients->have_posts() ) : ?>
<div class="testimonials">
		<div class="container">
			<h3><span>Пара Слов </span> Наших Клиентов</h3>
			<div class="wmuSlider example1">
			    <div class="wmuSliderWrapper">
<?php $i = 0; ?>
<?php while ( $clients->have_posts() ) : $clients->the_post(); ?>
<?php $i++; ?>
<?php if($i == 1): ?>
<article style="position: absolute; width: 100%; opacity: 0;"> 
<?php endif; ?>	
						<div class="banner-wrap">
							<div class="testimonials-grids">
								<div class="col-md-6 testimonials-grid">
									<?php the_content(); ?>
									<div class="testimonials-grid-pos">
										<div class="testimonials-grid-pos-left">
						<?php the_post_thumbnail( 'clientimg', array('class' => 'img-responsive')) ?>
											
										</div>
										<div class="testimonials-grid-pos-right">
											<h4><?php the_title(); ?></h4>
											<p><?php the_field('work_client'); ?></p>
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>

							<div class="clearfix"> </div>
							</div>
						</div>

                 <?php if($i == 2): ?>
                 	</article>
                 	<?php $i = 0; ?>
                 <?php endif; ?>	

<?php endwhile; ?>
</div>
			</div>
		<?php wp_enqueue_script( 'jquery.wmuSlider', get_template_directory_uri() . '/js/jquery.wmuSlider.js'); ?>
						
							  <script>
							  	jQuery(document).ready(function($){
    
								$('.example1').wmuSlider(); 
								});
								        
							 </script> 
		</div>
</div>
<?php else: ?>
<!-- no posts found -->
<?php endif; ?>
<?php wp_reset_postdata(); ?>

Answer 1

[Антон]

Грубый набросок

<? $ii = 6; $i = 0; ?>
	<? while ($i < 6): ?>
		<? if($ii % 3 == 0) :?>
			<article style="position: absolute; width: 100%; opacity: 0;"> 
		<? endif;?>	
		<div class="block">
			<h1>Заголовок</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit facilis magnam ratione. Dolores maiores consectetur distinctio molestiae veniam, non minima ducimus voluptatibus, eum doloremque illum vero architecto harum commodi quas.</p>
		</div>
		<? if($ii % 3 == 0) :?>
			</article>
		<? endif; ?>
	<? $ii--; ?>
	<?  $i++; ?>
	<? endwhile;?>