¿Te gustaría agregar un botón “Pin It” de Pinterest en WordPress?

Pinterest es un popular sitio de redes sociales que le permite compartir contenido visual y atraer mucho tráfico a su sitio web. Agregar un botón pin it facilita que los visitantes compartan su contenido.

En este artículo, le mostraremos cómo agregar un botón “Pin It” de Pinterest a su blog de WordPress.

Agregue el botón Pin It de Pinterest en WordPress

Hay varias formas de agregar un botón Pin It de Pinterest a su sitio de WordPress. Puede usar un complemento de WordPress para fijar imágenes o agregar botones Pin It manualmente usando código.

Además de eso, puede crear un código abreviado para agregar un botón de Pinterest en cualquier lugar de su sitio web y también permitir que los usuarios guarden una imagen en Pinterest al pasar el mouse sobre la imagen.

En esta guía, los cubriremos todos, para que pueda saltar al que le guste.

Agregue un botón “Pin It” de Pinterest usando un complemento

Pinterest cambia oficialmente el nombre de su botón ‘Pin It’ a ahorrar 2016.

Aunque algunos complementos todavía usan el nombre “Pin It” en lugar de Guardar, hacen el mismo trabajo al fijar sus imágenes en Pinterest.

La forma más fácil de agregar un botón de Pinterest a su sitio de WordPress es usar un complemento para compartir en redes sociales.

Para esto, recomendamos usar el complemento Shared Counts. Es uno de los mejores complementos de redes sociales para WordPress porque es gratuito y le permite agregar fácilmente botones de Pinterest junto con otras redes sociales populares.

Para comenzar, debe instalar y activar el complemento Shared Counts. Puede seguir nuestra guía paso a paso sobre cómo instalar complementos de WordPress para obtener instrucciones detalladas.

Después de la instalación, vaya a Configuración » Recuento de acciones página para configurar el complemento.

Compartir página de configuración de recuento

En la página de configuración, debe desplazarse hacia abajo para exposición y luego haga clic en el cuadro de texto “Compartir botón para mostrar”.

Esto abrirá un menú desplegable donde puede seleccionar el servicio de redes sociales que desea agregar. De forma predeterminada, Pinterest aparecerá en este cuadro junto con Facebook y Twitter.

El complemento viene con varios estilos de botones que puede elegir en la opción “Compartir estilos de botones”. También puedes elegir dónde quieres que aparezca el botón de Pinterest y el tipo de publicaciones.

Después de elegir su configuración, no olvide hacer clic en guardar cambios botón.

Ahora puede visitar cualquier publicación en su sitio web para ver el botón de Pinterest en acción.

Agregar botones de Pinterest a las publicaciones de WordPress

Otra cosa interesante sobre SharedCounts es el complemento gratuito de imagen personalizada de Pinterest disponible en Github. Esto le permite configurar una imagen personalizada para compartir en Pinterest y una descripción optimizada para Pinterest.

Agregar manualmente un botón Pin It de Pinterest en WordPress

Algunos usuarios intermedios pueden preferir agregar manualmente botones para compartir en redes sociales a su sitio de WordPress en lugar de usar un complemento.

Veamos cómo agregar manualmente un botón de Pinterest en WordPress.

Lo primero que debe hacer es realizar una copia de seguridad completa de WordPress de su sitio web. Esto lo ayudará a restaurar su sitio web en caso de interrupciones inesperadas.

A continuación, debe agregar un código al pie de página. Puede usar un complemento para agregar un código de pie de página a su sitio de WordPress, o seguir las instrucciones a continuación para hacerlo manualmente.

Primero, debe conectarse a su host de WordPress usando un cliente FTP e ir a la carpeta /wp-content/themes/.

Desde aquí, debe abrir la carpeta de su tema actual y buscar el archivo footer.php.

descargar archivo php de pie de página

A continuación, simplemente haga clic derecho en el archivo y seleccione descargar del menú. Esto descargará el archivo footer.php a su computadora.

Ahora necesita abrir el archivo footer.php con un editor de texto sin formato como el Bloc de notas y pegar el siguiente script en </body> Etiqueta.

<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 = "https://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>

Una vez hecho esto, debe guardar el archivo y volver a cargarlo en la carpeta del tema actual.

A continuación, debe encontrar el archivo de plantilla en su tema donde desea agregar el botón. Si no está seguro, puede consultar nuestra guía para principiantes sobre la jerarquía de plantillas de WordPress. Por lo general, será el archivo single.php, pero depende de su tema.

Para editar un archivo de plantilla, simplemente descárguelo de la carpeta del tema y ábralo para editarlo. Después de eso, debe agregar el siguiente código.

Debes elegir dónde quieres que aparezca en la publicación. Colocarlo después del título de la publicación es el lugar más común para los botones de redes sociales.

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>"  count-layout="vertical">Pin It</a>

El código anterior muestra un botón de Pinterest con su imagen destacada, título, descripción y la URL de la publicación en los parámetros de URL para compartir.

Finalmente, debe guardar el archivo y volver a cargarlo en el directorio de su tema mediante FTP.

Esto agregará un botón de compartir vertical a las publicaciones de su sitio.Si desea mostrar el botón de compartir horizontal, simplemente cambie count-layout El parámetro es el nivel.

Crear códigos cortos para botones de Pinterest

Los códigos cortos en WordPress le permiten agregar fácilmente elementos dinámicos a sus publicaciones, páginas y widgets de WordPress. Al crear un código abreviado, podrá agregar manualmente botones de Pinterest a sus artículos.

Primero, debe agregar el siguiente código al archivo functions.php de su tema o un complemento específico del sitio:


function get_pin($atts) {
$pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
return '<a href="http://pinterest.com/pin/create/button/?url=" . urlencode(get_permalink($post->ID)) . "&media=" . $pinterestimage[0] . "&description=' . get_the_title() .'"  count-layout="vertical">Pin It</a>'; }

add_shortcode('pin', 'get_pin');

Para obtener más ayuda, consulte nuestra guía para principiantes sobre cómo pegar fragmentos de páginas web en WordPress.

Después de agregar el código, puede usar [pin] El código abreviado en la publicación de WordPress donde desea mostrar el botón de Pinterest.

Agregue un botón Pin It de Pinterest a sus imágenes

Si tiene un sitio web de moda, fotografía o portafolio, definitivamente querrá compartir sus imágenes en Pinterest para atraer tráfico a su sitio web.

Agregue un botón Pin it de Pinterest en una imagen en WordPress y los usuarios pueden fijar fácilmente cualquier imagen en su sitio web simplemente pasando el cursor sobre la imagen que desean compartir.

Primero, debe instalar y activar el complemento Weblizar Pin It Button On Image Hover And Post. Para obtener más detalles, puede consultar nuestra guía sobre cómo instalar complementos de WordPress.

Después de la activación, vaya a Botón PinIt página en el panel de administración de WordPress para configurar complementos.

Configuración de botones fijos

Puede elegir si desea que el botón Pin It aparezca en la página de su publicación de blog de WordPress o en la página de configuración. También debe asegurarse de que la opción “Mostrar el botón Pin It en el desplazamiento de la imagen” esté configurada en “Sí”.

Además de esto, el complemento le permite mostrar el botón Pin It en dispositivos móviles y editar el tamaño del botón. Una vez hecho esto, debe almacenar la configuración.

Ahora puede visitar su sitio web y pasar el cursor sobre cualquier imagen para ver el botón Pin It o Save de Pinterest.

Ver tus botones anclados

Si desea excluir ciertas imágenes para que no muestren los botones Pin It o Save, puede ir a Botón PinIt página en su tablero de WordPress y seleccione la pestaña Excluir imágenes de la configuración.

Todo lo que tiene que hacer es ingresar la URL de la imagen que desea excluir para que no se muestre el botón pin it y hacer clic en el botón “+ Agregar”.

Excluir imágenes de botones fijos

También puede usar el complemento para evitar que las páginas muestren los botones Guardar o Anclar de Pinterest. Simplemente vaya a la pestaña Páginas excluidas y agregue el nombre de la página.

Excluir páginas de botones anclados

¡eso es todo!

Esperamos que este artículo le haya ayudado a aprender cómo agregar un botón “Pin It” de Pinterest a su blog de WordPress. También puede consultar nuestra guía sobre cómo crear un boletín de noticias por correo electrónico, o consultar nuestra comparación del mejor software de diseño web.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.