réorganiser affichage d'article

vall
PHP Wordpress

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je fais

<div id="alpha-servicespage-container">

<?php
$var = array('category_name' =>'nos-dep','order'=>'ASC');
$query = new wp_query($var);
if($query->have_posts()){
    while($query->have_posts()){
        $query->the_post();?>

        <p class="item s1"><a><?php the_post_thumbnail('nos_dept');?><br /><?php the_title();?></a><br /> <?php the_content(); ?></p>
        <?php

    }
}
         ?>


### Ce que je veux

je 6 article avec d'image je veux afficher le 3trois perimere sur le meme  ligne  horizotanl et le trois derniere sur une niveau horizontal

2 réponses

Antoine Courtin

Hello vall,

Voilà une solution pour réaliser ce que tu souhaites.

<?php if ($query->have_posts()) : $i = 0; while ($query->have_posts()) : $query->the_post(); ?>
    <?php if ($i >= 0 && $i < 2): ?>
        <?php // HTML de mes trois premiers articles ?>
    <?php else: ?>
        <?php // HTML de mes trois derniers articles ?>
    <?php endif; ?>
<?php $i++; endwhile; endif; ?>
<?php wp_reset_query(); ?>
Guique

Hello,

J'ajouterai que tu peux trouver cette information directement dans ton objet.
Ce qui te donne le code suivant : 

<?php if ( $query->have_posts() ) : while ( $query->have_posts() ) : $query->the_post(); ?>
    <?php if ( $query->current_post <= 2 ): ?>
        <?php // HTML de mes trois premiers articles ?>
    <?php else: ?>
        <?php // HTML de mes trois derniers articles ?>
    <?php endif; ?>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>

L'index commençant à 0, on gère un affichage pour les articles en position 0, 1 et 2 puis un autre pour les suivants.