Cómo evitar la visualización de entradas duplicadas con varios bucles en WordPress

¿Está intentando corregir la visualización de entradas duplicadas con varios bucles en WordPress?

Si utiliza varias consultas de WordPress para mostrar diferentes entradas, es posible que encuentre contenido duplicado. Esto se debe a que algunas entradas pueden coincidir con más de un bucle y aparecer dos veces.

En este artículo, le mostraremos cómo evitar fácilmente la visualización de entradas duplicadas con múltiples bucles en WordPress.

Cómo aparecen entradas duplicadas en varios bucles de WordPress

Al crear un tema de WordPress personalizado o una plantilla de página personalizada, es posible que a veces necesite utilizar varios bucles de WordPress.

Por ejemplo, puede mostrar sus entradas recientes junto a las más populares de su sitio. También puede ayudar a los lectores a encontrar contenidos interesantes mostrando todas las entradas de cada categoría.

En todos estos ejemplos, una sola entrada puede coincidir con los criterios de varios bucles. Cuando esto ocurre, WordPress mostrará contenido duplicado.

Este contenido duplicado puede hacer que su sitio parezca desordenado y poco profesional. Además, ocupa espacio en pantalla sin aportar ningún valor añadido.

Dado que genera entradas dinámicamente para cada bucle, no puede predecir manualmente si una entrada duplicada aparecerá en varios bucles.

Dicho esto, veamos una forma sencilla de evitar entradas duplicadas cuando se trata de bucles múltiples en WordPress.

Evitar entradas duplicadas en múltiples bucles de WordPress

En esta guía, le mostraremos algunos ejemplos de código de WordPress que provocan el error de entradas duplicadas y, a continuación, compartiremos un fragmento de código que corrige el problema.

Al crear un tema hijo de WordPress o una plantilla personalizada, su código puede ser completamente diferente. Sin embargo, puede utilizar nuestro fragmento de código como punto de partida y luego modificarlo para adaptarlo a su propio sitio web.

En primer lugar, vamos a crear un problema / conflicto / incidencia de entradas duplicadas. En el siguiente código de ejemplo, mostramos todas las entradas de la categoría “viajes” y todas las entradas de la categoría “noticias” sin evitar entradas duplicadas.

/******  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();
?>

Como puede ver, este código no comprueba si hay entradas duplicadas en ninguna de las dos consultas.

Si una entrada pertenece tanto a la categoría “noticias” como a la de “viajes”, aparecerá dos veces, como puede ver en la siguiente imagen.

Vamos a corregir este problema.

Para evitar entradas duplicadas en su blog de WordPress, necesitará almacenar temporalmente los datos acerca de todas las entradas mostradas en el primer bucle.

Una vez que tenga esa información, puede modificar la segunda consulta para evitar que aparezcan entradas duplicadas en el segundo bucle:

/******  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();
?>

En el código anterior, estamos almacenando IDs de entradas en un array llamado $exclude. Después, estamos añadiendo el argumento post__not_in a la segunda consulta, que excluirá entradas que se mostraron en el primer bucle.

Ahora, si visita su sitio web WordPress, verá que las entradas duplicadas han desaparecido.

Esperamos que este artículo te haya ayudado a aprender cómo evitar la visualización de entradas duplicadas con múltiples bucles en WordPress. Puede que también quieras ver nuestra guía sobre cómo elegir el mejor software de diseño web o ver nuestra selección experta de los mejores editores de arrastrar y soltar páginas de WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.