Viernes , 18 abril 2014
Artículos Recomendados
Inicio » Herramientas de Internet » Blogs / Wordpress » Como instalar el botón Pinterest en Sharebar de WordPress

Como instalar el botón Pinterest en Sharebar de WordPress

Como instalar el botón Pinterest en Sharebar de WordPress

Pinterest está ganando enteros cada día. Los que mantenemos uno o varios sitios web no podemos desdeñar el incluir un botón que permita añadir una referencia a nuestros artículos o posts en el servicio. Los responsables de Pinterest ofrecen el código para la inclusión de dichos botones, pero eso no significa que el funcionamiento del mismo en algunos temas sea adecuado. Si además tenemos insertado el plugin Sharebar con el fin de gestionar los marcadores sociales, la inserción de dicho botón no es fácil, ya que el código por defecto no funciona. Podemos efectuar algunos ajustes y cambios en nuestro tema, así como en el código del plugin, para conseguir que el funcionamiento sea el adecuado.

Como instalar el botón Pinterest en Sharebar de WordPress

Estos son los ajustes que debemos llevar a cabo:

Añadir soporte de imágenes en miniatura

Si tu tema no tiene añadido el soporte de thumbnails o imágenes en miniatura, debes añadir una línea al archivo functions.php de tu tema. Antes de hacerlo comprueba que dicha línea no existe. Este es el código a añadir:

add_theme_support( 'post-thumbnails' );

 

Cambios en el plugin Sharebar

En la carpeta que contiene los archivos del plugin Sharebar abre sharebar.php y localiza, líneas 164 y 165, lo siguiente:

$code = array('[title]','[url]','

About The Author

','[twi...]'); $values = array($post->post_title,get_permalink(),get_the_author(),get_option('sharebar_twitter_username'));

Cámbialo por:

$code = array('[title]','[url]','

About The Author

','[twi...]','[thumbnail]'); $values = array($post->post_title,get_permalink(),get_the_author(),get_option('sharebar_twitter_username'),wp_get_attachment_url( get_post_thumbnail_id($post->ID) ));

Así añadirás el código que se necesita para que, cuando se referencie un artículo, aparezca la vista en miniatura de la Imagen destacada. Ello implica que se fije dicha imagen en el panel de edición de cada artículo.

Si hasta ahora no habías incluido ninguna Imagen destacada en tus artículos, puedes hacerlo añadiendo un consulta (query) en la base de datos que corresponde a tu instalación de WordPress utilizando tu gestor, generalmente phpMyAdmin. Esta es la consulta:

INSERT INTO wp_postmeta (meta_value,meta_key,post_id)
SELECT DISTINCT(ID),'_thumbnail_id',post_parent
 FROM (SELECT * FROM wp_posts ORDER BY post_date_gmt) A
 WHERE post_type= 'attachment'
 AND post_parent !=0
 AND post_status='inherit'
 AND post_mime_type='image/jpeg'
 AND post_parent NOT IN (SELECT post_id FROM wp_postmeta WHERE meta_key='_thumbnail_id')
 GROUP BY post_parent

Fíjate en que tienes que cambiar el prefijo wp_ (en tres lugares) por el que corresponda a las tablas de tu base de datos. La consulta anterior sólo actuará sobre los artículos que no tengan activada una Imagen destacada.

Añadir soporte para Pinterest

En la cabecera de tu tema, header.php, debes insertar, antes de la etiqueta </head>, el código (asíncrono) siguiente:

<!-- Pinterest Inicio  (aync)-->
<script type="text/javascript">
(function() {
    window.PinIt = window.PinIt || { loaded:false };
    if (window.PinIt.loaded) return;
    window.PinIt.loaded = true;
    function async_load(){
        var s = document.createElement("script");
        s.type = "text/javascript";
        s.async = true;
        s.src = "http://assets.pinterest.com/js/pinit.js";
        var x = document.getElementsByTagName("script")[0];
        x.parentNode.insertBefore(s, x);
    }
    if (window.attachEvent)
        window.attachEvent("onload", async_load);
    else
        window.addEventListener("load", async_load, false);
})();
</script>
<!-- Pinterest Fin-->

Crear botón en Sharebar

Ya sólo nos queda crear un nuevo botón en Sharebar. Le llamamos Pinterest y le añadimos el código siguiente en el recuadro que corresponde al tamaño big:

<a href="http://pinterest.com/pin/create/button/?url=[url]&media=[thumbnail]&description=[title]" count-layout="vertical"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

Ya está, desde el momento que hagas los cambios y ajustes, el botón Pinterest funcionará sin problemas en la barra vertical que muestra el plugin Sharebar.

Acerca de Fabriciano González

Amante de la informática y de Internet entre otras muchas pasiones. Leo, descifro, interpreto, combino y escribo. Lo hago para seguir viviendo y disfrutando. Trato de dominar el tiempo para que no me esclavice.

Deja un comentario