¿Desea mostrar una lista de publicaciones relacionadas en su sitio web de WordPress y prefiere usar código en lugar de un complemento?
Cuando los visitantes de su blog hayan terminado de leer un artículo que les interesa, ofrecer una lista de publicaciones relacionadas los mantendrá comprometidos y los ayudará a encontrar contenido nuevo para leer.
En este artículo, le mostraremos cómo mostrar publicaciones relacionadas con WordPress usando código, sin necesidad de complementos.
¿Por qué mostrar páginas relacionadas en WordPress?
Cuando su blog de WordPress comienza a crecer, puede resultar más difícil para los usuarios encontrar otras publicaciones sobre el mismo tema.
Mostrar una lista de contenido relacionado al final de cada publicación de blog es una excelente manera de mantener a sus visitantes en su sitio web y aumentar las visitas a la página. También ayuda a mejorar la visibilidad de sus páginas más importantes al mostrar su mejor contenido donde las personas puedan encontrarlo fácilmente.
Si no está familiarizado con el código, le resultará más sencillo elegir uno de los muchos complementos de publicaciones relacionados con WordPress que pueden mostrar publicaciones relacionadas sin código.
Pero si alguna vez se ha preguntado si puede mostrar publicaciones relacionadas sin usar un complemento, compartiremos dos algoritmos diferentes que puede usar para generar publicaciones relacionadas con miniaturas usando solo código:
- Método 1: Cómo mostrar publicaciones relacionadas en WordPress por etiquetas
- Método 2: Cómo mostrar publicaciones relacionadas en WordPress por categoría
Nota: Si desea mostrar una miniatura con cada publicación relacionada, asegúrese de agregar primero una imagen destacada a esas publicaciones.
Método 1: Cómo mostrar publicaciones relacionadas en WordPress por etiquetas
Una forma eficaz de localizar contenido relacionado es buscar otras publicaciones que compartan las mismas etiquetas. Las etiquetas se utilizan a menudo para centrarse en los detalles específicos contenidos en una publicación.
Con eso en mente, es posible que desee continuar y agregar algunas etiquetas comunes a las publicaciones que desea relacionar entre sí. Puede ingresarlos en el cuadro ‘Etiquetas’ en el editor de WordPress.
Una vez que haya agregado etiquetas a sus publicaciones, lo siguiente que debe hacer es agregar el siguiente fragmento de código al single.php
plantilla. Si necesita ayuda para agregar código a su sitio, consulte nuestra guía sobre cómo agregar código personalizado en WordPress.
$orig_post = $post; global $post; $tags = wp_get_post_tags($post->ID); if ($tags) { $tag_ids = array(); foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id; $args=array( 'tag__in' => $tag_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=>5, // Number of related posts that will be shown. 'ignore_sticky_posts'=>1 ); $my_query = new wp_query( $args ); if( $my_query->have_posts() ) { echo '<div id="relatedposts"><h3>Related Posts</h3><ul>'; while( $my_query->have_posts() ) { $my_query->the_post(); ?> <li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div> <div class="relatedcontent"> <h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3> <!--?php the_time('M j, Y') ?--> </div> </li> <!--?php } echo '</ul--></ul></div>'; } } $post = $orig_post; wp_reset_query();
Este código busca etiquetas asociadas con una página y luego ejecuta una consulta de base de datos para buscar páginas con etiquetas similares.
¿Dónde deberías colocar el código? Eso depende de su tema, pero en la mayoría de los casos, debería poder pegar el código en el single.php plantilla después de la publicación principal y justo encima de la sección de comentarios.
Si está utilizando el tema Twenty Twenty-One, ya que estamos en nuestro sitio de demostración, entonces un buen lugar para pegar el código es en template-parts/content/content-single.php
archivo después del encabezado y justo después <?php the_content();
.
Esto mostrará automáticamente el contenido relacionado en cualquier publicación de WordPress. Deberá cambiar el estilo y la apariencia de sus publicaciones relacionadas para que coincidan con su tema agregando CSS personalizado.
Método 2: Cómo mostrar publicaciones relacionadas en WordPress por categoría
Otra forma de mostrar contenido relacionado es enumerar las publicaciones que están en la misma categoría. La ventaja de este método es que la lista de publicaciones relacionadas casi nunca estará en blanco.
Al igual que el método 1, debe agregar un fragmento de código al single.php plantilla. Para obtener más detalles, consulte el Método 1 y nuestra guía sobre cómo agregar código personalizado en WordPress.
$orig_post = $post; global $post; $categories = get_the_category($post->ID); if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( 'category__in' => $category_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=> 2, // Number of related posts that will be shown. 'ignore_sticky_posts'=>1 ); $my_query = new wp_query( $args ); if( $my_query->have_posts() ) { echo '<div id="related_posts"><h3>Related Posts</h3><ul>'; while( $my_query->have_posts() ) { $my_query->the_post();?> <li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div> <div class="relatedcontent"> <h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3> <!--?php the_time('M j, Y') ?--> </div> </li> <!--?php } echo '</ul--></ul></div>'; } } $post = $orig_post; wp_reset_query();
Ahora verá una lista de contenido relacionado en la parte inferior de cada publicación.
Si desea cambiar el estilo y la apariencia de sus páginas relacionadas, deberá agregar CSS personalizado para que coincida con su tema.
Esperamos que este tutorial te haya ayudado a aprender a mostrar publicaciones relacionadas con miniaturas en WordPress sin complementos.
Es posible que también desee aprender a realizar un seguimiento de los visitantes de su sitio de WordPress o consultar nuestra lista de 24 consejos para acelerar su sitio web.