Cómo agregar el botón Pin It de Pinterest en tu blog de WordPress

Cómo agregar el botón Pin It de Pinterest en tu blog de WordPress / Tutoriales

Recientemente, al monitorear las estadísticas de nuestro blog, una nueva fuente de tráfico estaba apareciendo lo suficiente como para que nos demos cuenta. Esta fuente de tráfico fue Pinterest. Comenzamos a usar la plataforma y vimos un gran potencial en ella, por lo tanto, la hemos agregado en List25. En este artículo, le mostraremos cómo agregar el botón "Pin It" de Pinterest a su blog de WordPress.

Agregando un botón Pin it de Pinterest usando el complemento

La forma más fácil de agregar un botón de "Píngalo" de Pinterest a su sitio de WordPress es mediante un complemento para compartir en redes sociales. Recomendamos utilizar una Barra social flotante, que usamos en nuestros propios sitios. Primero necesitas instalar y activar el plugin de la barra social flotante. Después de la instalación, debe ir a Ajustes »Barra social flotante para configurar el plugin.

Simplemente arrastre y suelte el botón de Pinterest a la Servicios sociales habilitados área, junto con otros botones que le gustaría mostrar y guardar sus configuraciones.

Agregando manualmente un botón Pin it de Pinterest en WordPress

Lo primero que debes hacer es pegar el siguiente script en tu footer.php archivo justo antes de la etiqueta de cierre del cuerpo.

  (function () window.PinIt = window.PinIt || loaded: false; if (window.PinIt.loaded) devuelve; 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) ;) ();  

Una vez que haya hecho eso, puede agregar el siguiente código en su single.php archivo en una ubicación de su elección:

 ID), 'full'); ?> & media = & description = "count-layout =" vertical "> Pin It 

Básicamente, el código que se muestra arriba es la extracción de su imagen destacada, el título de su publicación como descripción y la URL de la publicación. Está diseñado para el botón de compartir vertical. Si desea colocar el botón de compartir horizontal, simplemente cambie el parámetro de diseño de conteo a horizontal.

Esperamos que esto ayude. PD Si estás en Pinterest, sigue a Syed Balkhi.

Código corto de Pinterest

Actualización: uno de nuestros usuarios quería crear un código corto para el botón "Pin It" de Pinterest. Puede hacerlo fácilmente pegando el siguiente código en el archivo functions.php de su tema o en el archivo del complemento de su sitio:

 ID), 'full'); devolver 'ID)). '& media ='. $ pinterestimage [0]. '& description ='. get_the_title (). '"count-layout =" vertical "> Pin It'; add_shortcode ('pin', 'get_pin');?>