Liebe Community,
ich möchte gerne meine Beiträge seitenwechselnd anzeigen lassen. Siehe Foto!
Vorstellung: Der erste Beitrag, Foto rechts, Text links mit weißem Hintergrund. Zweiter Beitrag, Foto links, Text rechts mit farbigen Hintergrund, dann wieder wechseln mit weißen Hintergrund und dann wieder farbigen Hintergrund.
Mein derzeitiger Code:
HTML-Code:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<article id="one" class="post style1">
<div class="image">
<img src="<?php bloginfo('template_url') ?>/images/pic14.jpg" alt="" data-position="75% center" />
</div>
<div class="content">
<div class="inner">
<header>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="info">3 days ago by <a href="#">Jane Doe</a></p>
</header>
<?php the_content(); ?>
<ul class="actions">
<li><a href="generic.html" class="button alt">Read More</a></li>
</ul>
</div>
<div class="postnav">
<a href="#" class="prev disabled"><span class="icon fa-chevron-up"></span></a>
<a href="#two" class="scrolly next"><span class="icon fa-chevron-down"></span></a>
</div>
</div>
</article>
<?php endwhile; endif; ?>
Mein derzeitiges Resultat: