Instalar Pinterest en WordPress

Pinterest es la “red social” de moda, sirve para buscar, encontrar y organizar imágenes en pinboards (algo así como pizarras donde pinchas las imágenes), comentarlas, compartirlas, … Así que ahora toca “pinear” imágenes.

Varios artículos que he leído aseguran que puede conducir más tráfico hacia tu blog o web que Twitter, Facebook y Google Plus juntos y fue la red social más premiada y con mayor crecimiento en 2.011.

Así que, animado por las estadísticas y expectativas, he estado instalando el consiguiente botón “Pin it” en un par de blogs bajo WordPress (podéis ver el resultado al final de esta misma entrada) y aquí os traigo el tutorial que facilita la tarea, si bien es cierto que existen ya unos cuantos plugins que automatizan la función.

Sólo es necesario insertar 2 “trozos” de código en sendos lugares de tu plantilla de WordPress.

1. Insertar el código javascript

Este código permite la comunicación entre tu blog y los servidores de Pinterest para ejecutar las acciones necesarias. No es necesario ahondar mucho pero abre los popups, y envía la imagen con su comentario a las “pinboards” del usuario que está haciendo el “pin”

Es necesario pegar este código, tal cual, antes de la etiqueta </body> de tu plantilla que suele estar en el fichero footer.php de tu theme de WordPress.

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

2. Situar el botón Pin it

El siguiente código sirve para colocar el botón donde prefieras que aparezca la funcionalidad, normalmente deberás colocarlo en los ficheros single.php (las entradas individuales) y el index.php (fichero que gestiona la página principal) puede que en algún otro dependiendo de la estructura de tu tema de WordPress (listados por categorías, etiquetas, …)

<a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); echo $thumb['0']; ?>&description=<?php the_title(); ?> en <?php bloginfo('url'); ?>" class="pin-it-button" count-layout="vertical"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

Puedes cambiar un poco el aspecto del botón mediante el parámetro “count-layout”. Tiene 3 posibles valores: vertical, horizontal y no count. Para que el contador aparezca arriba, al lado o no aparezca respectivamente.

Ese código está pensado para que tome la imagen destacada del post para enviarla a Pinterest. Si esta no existe, envía una imagen por defecto, pero pierde toda la gracias. Así que es necesario que todos los posts de tu blog tengan definida su imagen destacada.

Y eso es todo, espero que este tutorial os sirva y si sabéis conocéis algún truco más sobre Pinterest no dudéis en utilizar los comentarios de esta entrada.

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>