Hola comunidad tengo un problema, me solicitaron crear un blog para ser administrado por wordpress, entonces recurrí a crear una plantilla según el diseño que me dieron y importarla al wordpress.
Ya todo se ve bien pero hay un detalle que ellos quieren, y es que la estructura de la previsualización de la entrada de blog cambie cada fila, es decir; en la primer fila que sea Imagen y al lado texto, pero en la segunda fila que se primero texto y después imagen.. adjunto imagen del diseño que hicieron:
Esto es lo que tengo actualmente en el código de php del index, donde ya se encuentra listando las entradas en dos columnas:
<div class="card">
<div class="card-body">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Blog -->
<section>
<div class="row">
<?php
query_posts(array(
"showposts" => 4,
"cat" => 4
));
?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="col-md-6 col-12">
<div class="row contentBlog">
<div class="col-md-6 col-12">
<a href="#" class="image featured">
<?php
// check if the post has a Post Thumbnail assigned to it.
if ( has_post_thumbnail() ) {
the_post_thumbnail('category-thumb-blog');
}
?>
</a>
</div>
<div class="col-md-6 col-12 cuerpoBlog">
<header>
<h3 class="title"><?php the_title(); ?></h3>
</header>
<?php the_excerpt(); ?>
<footer>
<ul class="actions">
<li><a href="<?php the_permalink(); ?>"
class="buttonLeer">Leer Más</a></li>
</ul>
</footer>
</div>
</div>
</div>
<?php endwhile; ?>
<!-- post navigation -->
<?php else: ?>
<!-- no posts found -->
<p>Ups!! no existe nada para esta categoria</p>
<?php endif; ?>
<?php wp_reset_query(); ?>
</div>
</section>
</div>
</div>
</div>
</div>
y se ve así:
La plantilla la estoy trabajando en html con bootstrap y php. Muchas gracias al que me pueda ayudar hacer esa condición para que se vea igual que el diseño de arriba.