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.
Quedó perfecto. Gracias!
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.
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
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:]
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
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”
@omr Es porque ese post no tiene ninguna imagen.
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
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!
amigos tengo una consulta , en mozilla solo muestra un post no 4 o 5 o el numero de post relacionados que quiera , y en IE no muestra nada solo sale esto ” No results”.
Otra consulta en otra web que tengo,h me gustaria poner este exelente invento, pero las imagenes no se encuentran dentro del contenido como es rolmalmente la carga con un campo personalizado llamado ” image”
Que se hace en este casos
Gracias