Cómo mostrar los posts relacionados con las miniaturas en WordPress sin ningún tipo de plugin

Cómo mostrar los posts relacionados con las miniaturas en WordPress sin ningún tipo de plugin

La mayoría de las veces, utilizamos plugins para mostrar miniaturas de los artículos relacionados en WordPress, sin embargo es posible mostrarlos sin utilizar ningún plugin. Aquí, hemos compartido dos tipos de código, que muestra: Mensajes relacionados basados en etiquetas y Mensajes relacionados basados en categorías, elija cualquiera de ellos.

Salida: Así es como las miniaturas quieren en su sitio

Así es como las miniaturas de las publicaciones relacionadas se mostrarían en su sitio web después de aplicar los códigos que se indican a continuación. El css que se proporciona a continuación tiene pocos atributos de estilo que darían un efecto de vuelo impresionante en las miniaturas, así como en los títulos.

Cómo mostrar los posts relacionados con las miniaturas en WordPress sin ningún tipo de plugin

Artículos relacionados basados en Tags

El código de abajo busca los mensajes basados en las etiquetas. Si tienes suficientes etiquetas añadidas a cada uno de tus mensajes/páginas, entonces este código puede ser una buena opción para ti.

Comprueba las etiquetas asignadas a la publicación actual y luego busca las publicaciones vinculadas a esas etiquetas. Hemos utilizado un atributo de orden por atributo, lo que aseguraría que los mensajes no se obtengan en un orden particular. Esto sería útil para mostrar diferentes puestos relacionados con los puestos asignados a las mismas etiquetas.

<?php $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, // Número de posts relacionados que serán mostrados.'caller_get_posts'=>1,'orderby'=>'rand' // Aleatorizar los posts);$mi_consulta = new wp_query( $args );if( $mi_consulta->have_posts() ) {echo '<div id="related_posts" class="clear"><h3>Related Posts</h3><ul>';while( $my_query->have_posts() ) {$mi_query->the_post(); ?><li> <a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"> <?php the_post_thumbnail( 'related-posts' ); ?> </a> <div class="related_content"> <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">?php the_title(); ?></a> </div></li><? }echo '</ul></div>';} }$post = $orig_post;wp_reset_query(); ?>

Mensajes relacionados basados en la categoría

El código que figura a continuación utiliza la categoría del puesto como criterio para obtener los puestos similares. Esto es realmente útil si cada uno de sus mensajes pertenece al menos a una categoría. Usando esto, puedes asegurarte de que todos los mensajes relacionados que se muestran pertenecerán a la misma categoría, esto mejorará el seo de la página también.

<?php $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'=> 5, // Número de posts relacionados que serán mostrados.'caller_get_posts'=>1,'orderby'=>'rand' // Aleatorizar los posts);$mi_consulta = new wp_query( $args );if( $mi_consulta->have_posts() ) {echo '<div id="related_posts" class="clear"><h3>Related Posts</h3><ul>';while( $my_query->have_posts() ) {$mi_query->the_post(); ?><li> <a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"> <?php the_post_thumbnail( 'related-posts' ); ?> </a> <div class="related_content"> <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">?php the_title(); ?></a> </div></li><? }echo '</ul></div>';} }$post = $orig_post;wp_reset_query(); ?>

¿Cómo se puede cambiar el número de posts relacionados a ser mostrados?

El código anterior generaría 5 posts relacionados por cada post, si quieres cambiar el número entonces tienes que modificar el código un poco. Encontrarías una declaración a continuación en ambos códigos anteriores –

'posts_per_page'=> 5

El número 5 es el número de mensajes que se muestran. Cámbialo según tú.

Estilo de miniaturas un poco

Aquí está el código CSS común para los dos algoritmos anteriores. En el CSS de abajo, he establecido la altura y el ancho de la miniatura como 110px, puedes cambiarlo si quieres.

/*Posiciones relacionadas sin el plugin*/.custom #related_posts ul { margin:0; overflow:hidden;}.custom #related_posts li { float: left; list-style: none; margin: 0 0 0 20px;}.custom #related_posts li:first-child { margin-left: 0;}.custom #related_posts li a { display: block; font-size: 12px; line-height: 16px; text-align: left; text-decoration:none; width: 110px;}.custom #related_posts img { border: 2px sólido #DDDDDDD; altura: 110px; anchura: 110px;}.custom #related_posts li a:hover { text-decoration: underline;}

Haznos saber si tienes algún problema al configurar los códigos anteriores para mostrar miniaturas de posts relacionados en WordPress.

Deja una respuesta