Hace tiempo que quería implementar los thumbnails en los posts relacionados del blog. Pero los plugins que encontraba y los tutoriales, como el recientemente reseñado por WTC, eran bastante farragosos y complicados de poner en funcionamiento.

Finalmente hoy lo he conseguido de una manera sencilla, usando el plugin Best Related Posts con una pequeña modificación, y unas pocas lineas de CSS.

[Descarga del plugin Best Related Posts: Versión modificada / Versión original]

El resultado pueden verlo al pie de este mismo post. Si quieren probarlo en sus blogs sigan estos sencillos pasos:

1. Descargar e instalar la versión modificada del plugin Best Related Posts.
2. Configurar las opciones del plugin. Recomiendo poner 110 para el ancho y alto de los thumbnails, de modo que la opción Body quede de la siguiente manera:


<td valign="top" width="130" padding="35">
<table><tr ><a href="{link}"><img src="{image}" width="110" height="110"/></a></tr>
<tr ><strong><a href="{link}">{title}</a></strong><br /></tr>
</table></td>


3. Insertar en el archivo style.css de tu theme el siguiente código:

.relacionados a:link {border:none;}
.relacionados table a:hover, .relacionados table a:visited {border:none;}
.relacionados img {border: 1px solid #dedede;padding:5px;}
.relacionados img:hover {border: 1px solid #000;padding:5px;}
.relacionados ul li a:hover {color: #000;border-bottom:1px solid #000; }

4. Insertar en el archivo single.php de tu theme, donde quieras que aparezcan los thumbnails de los posts relacionados, el siguiente código:


<div class="relacionados">
<p>[Posts relacionados:]</p>
<?php boposts_show(); ?>
</div>


Y listo. Con esto deberías conseguir mostrar los post relacionados como thumbnails.