Bonjour, je solicite votre aide car je suis dans l'impasse !
J'utilise la fonction WP_Query(); de wordpress mais je n'arrive pas à afficher mes derniers articles comme je le voudrais !
voici mon code :

<div class="grid grid-pad no-top">

<div class="col-1-3 tri-clear wow animated fadeInUp animated" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;">

<?php
$recentPosts = new WP_Query();
$recentPosts->query('showposts=3');
?>

<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>

<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?></a>
<a href="<?php the_permalink() ?>" rel="bookmark"><h5><?php the_title(); ?></h5></a>
<p><?php the_excerpt(); ?><a href="<?php the_permalink() ?>">Lire la suite</a></p>
<?php endwhile; ?>
</div><!-- col-1-3 -->

</div><!-- grid -->

Le problème c'est que mes derniers articles s'affichent dans la même div. Pourtant je voudrais que chaque article créer une div :

<div class="col-1-3 tri-clear wow animated fadeInUp animated" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;">

et se glisse gentiment à l'intérieur ! Du coup le résultat est vertical !

Quelqu'un peut m'aider ? :)

4 réponses


Lartak
Réponse acceptée

Bonjour.
Il te suffit d'intégrer la div correspondante dans le while et non à l'extérieur :

<div class="grid grid-pad no-top">
<?php
$recentPosts = new WP_Query();
$recentPosts->query('showposts=3');
?>
<?php while ($recentPosts->have_posts()) : $recentPosts->the_post(); ?>

    <div class="col-1-3 tri-clear wow animated fadeInUp animated" data-wow-delay="0.25s" style="visibility: visible; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;">
        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(); ?></a>
        <a href="<?php the_permalink(); ?>" rel="bookmark"><h5><?php the_title(); ?></h5></a>
        <p><?php the_excerpt(); ?><a href="<?php the_permalink() ?>">Lire la suite</a></p>
    </div><!-- col-1-3 -->

<?php endwhile; ?>
</div><!-- grid -->

Merci beaucoup :)

De rien, avec plaisir. :)

Ah merci bien ca va me servir aussi