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/
Si te gusto el articulo suscribete al Feed. Gracias por tu visita!.
Articulos Relacionados:
Si buscamos plugins para agregar un campo de autor a nuestros post en Wordpr ...
Este código es para Blogger, asi que usuarios de WordPress tranquilos.... La ...
Uno de mis clientes quería cambiar el aspecto de las barras de despazami ...
Asi es, estaba leyendo en dosbit que Google (si el mismo que utilizamos para ...
Siempre es bueno contar con medios para que nuestros post no se pierdan con ...
Post Relacionados con imagenes para WordPress http://bit.ly/857AJm en el blog
Post Relacionados con imagenes para WordPress http://is.gd/5rR1m /vía solucionesseo.com
[...] This post was mentioned on Twitter by Javier Muñiz, Soluciones SEO. Soluciones SEO said: Post Relacionados con imagenes para WordPress http://bit.ly/857AJm en el blog [...]
RT @javianmuniz: Post Relacionados con imagenes para WordPress http://is.gd/5rR1m /vía solucionesseo.com
RT @javianmuniz: Post Relacionados con imagenes para WordPress http://is.gd/5rR1m /vía solucionesseo.com
Social comments and analytics for this post…
This post was mentioned on Twitter by solucionesseo: Post Relacionados con imagenes para WordPress http://bit.ly/857AJm en el blog…
http://bit.ly/7Fdj8L Plugin WordPress para mostrar post relacionados co
Leyendo: Post Relacionados con imagenes para WordPress http://bit.ly/4ylahu (Via: @solucionesseo)