Comment éviter l’affichage en double des publications avec des boucles multiples dans WordPress

Essayez-vous de corriger l’affichage des publications en double avec plusieurs boucles dans WordPress ?

Si vous utilisez plusieurs requêtes WordPress pour afficher différents types de publications, vous risquez de rencontrer du contenu dupliqué. En effet, certaines publications peuvent correspondre à plus d’une boucle et apparaître deux fois.

Dans cet article, nous allons vous afficher comment éviter facilement l’affichage de publications en double avec plusieurs boucles dans WordPress.

Comment les publications Duplicator apparaissent dans plusieurs boucles WordPress

Lors de la création d’un thème WordPress personnalisé ou d’un modèle de page personnalisé, vous devrez parfois utiliser plusieurs boucles WordPress.

Par exemple, vous pouvez afficher vos articles récents à côté des articles les plus populaires de votre site. En affichant tous les articles de chaque catégorie, vous pouvez également aider les lecteurs à trouver un contenu intéressant.

Dans tous ces exemples, une publication unique peut correspondre aux critères de plusieurs boucles. Dans ce cas, WordPress affiche un contenu en double.

Ce contenu dupliqué peut donner à votre site un aspect désordonné et non professionnel. Il occupe également de l’espace à l’écran sans apporter de valeur ajoutée.

Étant donné que vous générez dynamiquement des publications pour chaque boucle, vous ne pouvez pas prévoir manuellement si une publication dupliquée apparaîtra dans plusieurs boucles.

Ceci étant dit, voyons un moyen facile d’éviter les publications en double lorsqu’il s’agit de boucles multiples dans WordPress.

Éviter les publications Duplicator dans plusieurs boucles WordPress

Pour ce guide, nous allons vous montrer un exemple de code WordPress qui provoque l’erreur de publication en double et ensuite afficher un extrait de code qui corrige le problème.

Lors de la création d’un thème enfant WordPress ou d’un modèle personnalisé, votre code peut être complètement terminé. Cependant, vous pouvez utiliser notre extrait de code comme point de départ, puis le modifier pour l’adapter à votre propre site.

Tout d’abord, créons un problème de doublons. Dans l’exemple de code suivant, nous affichons tous les articles de la catégorie « voyages » et tous les articles de la catégorie « actualités » sans éviter les doublons :

/******  The First Query *******/
 
$first_query = new WP_Query(  array (
'category_name' => 'news',
'posts_per_page'  =>  3 
));
  
// The Loop
if ( $first_query->have_posts() ) {
    echo '<ul>';
    while ( $first_query->have_posts() ) {
        $first_query->the_post();
 
//display posts
echo '<li>';
echo the_post_thumbnail( array(50, 50) );
echo get_the_title(); 
echo '</li>';
    }
    echo '</ul>';
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
 
 
/******  The Second Query *******/
$second_query = new WP_Query(  array (
'category_name' => 'travel',
'posts_per_page'  =>  3
 
) );
 
// The Loop
if ( $second_query->have_posts() ) {
 
echo '<ul>';
while ( $second_query->have_posts() ) {
 
$second_query->the_post();
echo '<li>'; 
echo the_post_thumbnail( array(50, 50) );
echo get_the_title(); 
echo '</li>';
    }
echo '</ul>';
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
?>

Comme vous pouvez le constater, ce code ne vérifie pas la présence de publications en double dans l’une ou l’autre requête.

Si une publication appartient à la fois à la catégorie « nouvelles » et à la catégorie « voyages », elle apparaîtra deux fois, comme vous pouvez le voir dans l’image suivante.

Corrigeons ce problème.

Afin d’éviter les publications en double sur votre blog WordPress, vous devrez stocker temporairement les données relatives à tous les articles affichés dans la première boucle.

Une fois que vous disposez de ces informations, vous pouvez modifier la deuxième requête pour empêcher les publications en double d’apparaître dans la deuxième boucle :

/******  The First Query *******/
 
$first_query = new WP_Query(  array (
'category_name' => 'news',
'posts_per_page'  =>  3
) );
  
// The Loop
if ( $first_query->have_posts() ) {
    echo '<ul>';
    while ( $first_query->have_posts() ) {
        $first_query->the_post();
         
// Store Post IDs in an Array to reuse later
$exclude[] = $post->ID; 
 
//display posts
echo '<li>';
echo the_post_thumbnail( array(50, 50) );
echo get_the_title(); 
echo '</li>';
    }
    echo '</ul>';
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
 
 
/******  The Second Query *******/
$second_query = new WP_Query(  array (
'category_name' => 'travel',
'post__not_in'  =>  $exclude, // Tell WordPress to Exclude these posts
'posts_per_page'  =>  3
 
) );
 
// The Loop
if ( $second_query->have_posts() ) {
 
echo '<ul>';
while ( $second_query->have_posts() ) {
 
$second_query->the_post();
echo '<li>'; 
echo the_post_thumbnail( array(50, 50) );
echo get_the_title(); 
echo '</li>';
    }
echo '</ul>';
} else {
    // no posts found
}
/* Restore original Post Data */
wp_reset_postdata();
?>

Dans le code ci-dessus, nous stockons les ID de publication dans un tableau appelé $exclude. Ensuite, nous ajoutons l’argument post__not_in à la deuxième requête, ce qui exclura les publications qui ont été affichées dans la première boucle.

Si vous n’êtes pas familier avec l’ajout d’extraits de code sur votre site, un moyen plus facile est d’utiliser WPCode. C’est le meilleur plugin d’extraits de code pour WordPress qui vous permet d’ajouter du code personnalisé sans risquer de casser votre site.

Tout d’abord, vous devez installer et activer le plugin WPCode. Si vous avez besoin d’aide, consultez notre guide sur l’installation d’un plugin WordPress.

Après l’activation, vous pouvez aller dans Code Snippets + Add Snippet à partir du tableau de bord de WordPress et cliquer sur l’option « Add Your Custom Code (New Snippet) » (Ajouter votre code personnalisé (nouveau snippet)).

Ensuite, vous pouvez coller le code personnalisé dans la zone de prévisualisation du code et saisir un titre en haut.

Vous devez également sélectionner le « Type de code » comme PHP Snippet en cliquant sur le menu déroulant.

Après avoir saisi le code, il suffit de faire défiler la page pour sélectionner la section Insertion.

Ici, vous pouvez utiliser le paramètre par défaut « Insertion automatique » et laisser le plugin ajouter automatiquement le code à votre site.

Une fois que vous avez terminé, il vous suffit d’enregistrer l’extrait et de l’activer.

Pour plus de détails, veuillez consulter notre guide sur l ‘ajout de code personnalisé dans WordPress.

Maintenant, si vous visitez votre site WordPress, vous verrez que les publications en double ont disparu.

Nous espérons que cet article vous a aidé à apprendre comment éviter l’affichage d’articles en double avec plusieurs boucles dans WordPress. Vous pouvez également consulter notre guide sur la façon de choisir le meilleur logiciel de conception Web ou notre choix d’experts des meilleurs constructeurs de pages WordPress à glisser-déposer.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.