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í:

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.

Al día de hoy tengo tres directorios montados. El principal es Plusdoo, un directorio general. En ese directorio quería poner thumbnails de las paginas que linkeaba. Pero la mayoría de las soluciones que encontraba era bastante laboriosas,

Para lograrlo me puse a investigar un script de intercambios automáticos de enlaces que encontré por ahí. En ese script se muestran los thhumbnails tal como yo lo quería.

Con un par de clicks me encontré con que esas imágenes tienen una url así: http://open.thumbshots.org/image.pxf?url= y despues del = la url de la pagina.

Por ejemplo para este blog quedaría así: http://open.thumbshots.org/image.pxf?url=http://ferticidio.com lo que nos da una imagen como la del costado de este párrafo.

Ahora solo me quedaba buscar la forma de poner esas imágenes en los listados de paginas que había en el directorio. Pensé que iba a ser muy complicado pero no fue así. Solo hubo que usar un poco la imaginación.

En las plantillas (o templates) de PHPLD hay un archivo que es el encargado de mostrar los enlaces: links.tpl

El contenido integro de este archivo es:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
   </td>
{/if}

<td>
   <a id="id_{$link.ID}" href="{$link.URL|escape|trim}"title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
</td>
</tr></table>
{/strip}

la parte que nos interesa es la primer celda. La que dice:

<td>
   {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>

Pagerank.tpl es un archivo que se encarga de poner la barrita verde con el PR de sitio. Yo en vez de eso quería poner la imagen. Pero para poner esa imagen necesitaba la url del sitio. Que investigando un poco me encontré con que en ese archivo se usa este código para mostrarlo: {$link.URL|escape|trim}

Con eso ya estaba listo para armar el nuevo archivo que quedo de la siguiente forma:

{strip}
<table><tr>
{* show page rank *}
{if $smarty.const.SHOW_PAGERANK}
   <td>
   <img src="http://open.thumbshots.org/image.pxf?url={$link.URL|escape|trim}" />
   </td>
{/if}

<td>
  <a id="id_{$link.ID}" href="{$link.URL|escape|trim}" title="{$link.TITLE|escape|trim}"
      {* nofollow *}
      {if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and ($smarty.const.RECPR_NOFOLLOW eq 2 or ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))} rel="nofollow"{/if}
      {if $smarty.const.ENABLE_BLANK} target="_blank"{/if}>
      {$link.TITLE|escape|trim}</a> <span class="url">- {$link.URL|escape|trim}</span>

      <p>{$link.DESCRIPTION|escape|trim}</p>
      {include file="pagerank.tpl" pr=$link.PAGERANK}
</td>
</tr></table>
{/strip}

Y con eso ya pude mostrar los thumnails en el directorio sin necesidad de nada mas. Solo un par de líneas. Habría que editar un poco mas, por ejemplo el “if” de mostrar el PR pero como siempre lo voy a mostrar lo voy a dejar así.

Ah otra cosa, la barrita verde ahora se muestra después de la descripción de sitio.

Pueden ver el resultado en Plusdoo.