Posts relacionados con thumbnails

Hoy se me ocurrió poner posts relacionados con imagen en miniatura (thumbnails) en los posts de mi blog de planos de casas. No encontraba nada pero después de revolver un poco en la red de redes (:p) me encontré con una pagina en italiano que tenia lo que yo quería.

Lo instale y configure un poquito las opciones así:

planos relacionados

Luego me quedo aplicar un poco de CSS para que estos posts relacionados queden mas lindos. Esto fue lo que puse:

ul.related_post{
list-style-type: none;
}
div.img_related_post{
width: 75px;
display: inline-block;
padding-right: 5px;
}
div.text_related_post{
width: 500px;
display: inline-block;
}

¿El resultado?

Mejor de lo esperado, pueden verlo en este plano de una linda casa de un piso.

Ahora en los posts relacionados se muestran 5 posts con thumbnail de la ultima imagen puesta en el post y un poco de texto.

De esta forma logro ademas, tener mas texto en los post, que eran algo cortitos. Y encima mejora la densidad de palabras claves.

Lo único que me faltaría es editar un poco el plugin para que la imagen linkee al post en cuestion también.

3 pensamientos en “Posts relacionados con thumbnails

  1. Se ve bastante bien, aunque personalmente no uso muchas imagenes en mi blog, se veria bastante bien-

  2. Hola, gracias por el tutorial.
    Una pregunta ¿como has hecho para que salga la lista en horizontal? me salen una abajo de otra..

    Un saludo!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>