Linkwithin es un plugin Wordpress que hace exactamente esto, mostrar post Relacionados con imágenes, pero hoy vamos a ver uno nuevo que es que estoy utilizando en este blog, me refiero a Best Related Post.

Lo que me gusta de Best Related Post, es que es mas flexible que Linkwithin al permitirme modificar el HTML.

1. Descarga el archivo modificado por La brujula Verde.com

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>

<p>[Posts relacionados:]</p>

<?php boposts_show(); ?>

</div>

Al momento de instalarlo seguí al pié de la letra las instrucciones pero hice un par de cosas adicionales, que te comento a continuación:

Si observas con atención en el punto 2 dentro de la etiqueta TABLE sigue un TR luego debe ir un TD, hazlo para cada una de los TR, al final debes tener algo como esto:

<td valign=”top” width=”130″ padding=”35″>

<table><tr ><td><a href=”{link}”><img src=”{image}” width=”110″ height=”110″/></a></td></tr>

<tr ><td><strong><a href=”{link}”>{title}</a></strong><br /></td></tr>

</table></td>

Con esto evitarás que el texto se monte en la foto (sucede en IE).

En el Punto No. 4, eliminé <p>[Posts relacionados:]</p> ya que está de más.

Por el resto síguelo al pie de la letra.

El resultado lo puedes ver al terminar este post y antes de los comentarios.

Es recomendable este tipo de plugins, ya que el mostrar post relacionados aumentamos la interactividad con el visitante y logramos que la permanencia en el blog sea mayor.

Via | LaBrujulaverde.com

Fuente | http://wordpress.org/extend/plugins/best-related-posts/

Guardado en: mostrar post relacionados con imagenes • wordpress • wordpress plugin

Lo mas nuevo en el Blog:

• 35+ iconos redes sociales gratis
• PSD Gratis de Pagina web
• Descarga +27 vectores gratis
• Como tomar mejores fotos de ti mismo
• 44 diseños tipograficos de inspiracion

Publicado el Jueves, Diciembre 17th, 2009 en 19:10 y esta archivado en Recursos, wordpress. Puedes seguir las respuestas a esta entrada RSS 2.0 feed. Puedes dejar un comentario, o enlazar desde tu propio sitio.