Mostrar posts relacionados con thumbnails en WordPress
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.
Bitacoras.com dice:
Información Bitacoras.com…
Valora en Bitacoras.com: 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 e…
braulio dice:
Quedó perfecto. Gracias!
Guillermo Carvajal dice:
Ya lo he visto, te ha quedado bien sí. Recuerda, antes de actualizar el plugin, si es que sale una versión nueva, que primero hay que modificarlo. Puedes hacerlo facilmente comparando el codigo.
Luxurycruiser dice:
No te voy a decir el nombre de mi sitio porque es NSFW pero te dire que he probado cientos de cosas para crear esto, como dices tu lo intente por medio de WTC y era imposible, así como en otros lugares en los cuales llegaba a un nivel de inglés que me perdía.
Antes tenía el WordPress Related Posts with Thumb Revised, que realmente recomiendo porque te genera post relacionados con imagenes muy buenos sin necesidad de tocar CSS.
La solución tuya es muy buena porque realmente lo dejas en funcionamiento sin mucha complicación.
Por ser el primer sitio de la red donde he encontrado la forma correcta y sencilla de implementar este plugin te voy a recomendar un plugin para la sidebar para crear post recientes con thumb de forma muy simple:
Se llama YD Recent Posts Widget (http://www.yann.com/en/wp-plugins/yd-recent-posts-widget)
Un saludo y gran post
Rafael Perez dice:
Una pregunta: Como puedo hacer para que IE no desconfigure el texto de debajo de la imagen con Mozilla no hay problema pero con IE se desconfigua el texto.
Otra cosa más que funcion puedo utizar para centrar esta linea de codigo?¿
[Posts relacionados:]
Rafael Perez dice:
Perdon: al escribir la linea de codigo dejo lo de [Posts relacionados:], me refería al Div class que ofreces para insertar las imagenes donde mejor creas del sitio
OMR dice:
amigos les pido una manito por favor?
no se que estaré haciendo mal
en los thumbnails en vez de salir la primer imagen de los post sale una imagen por defecto que dice “dont panic”
Simbelmyne dice:
@omr Es porque ese post no tiene ninguna imagen.
sonico dice:
una pregunta amigo puedes colocar como se pone el style css ala plantilla por que copio el codigo y lo integro y no se va gracias
manuel añorga dice:
Hey!. Me sirvió de mucho, ahora lo estoy usando en el blog. te cuento que estaba probando otros plugin que me pedían un GD gallery o algo asi..Todo una joda..
Igualmente, gracias por las instrucciones…
Saludos!