¿Quieres agregar el 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 el botón «Pin It» de Pinterest a su blog de WordPress.
Hay varias formas de agregar un botón Pin It de Pinterest a su sitio web de WordPress. Puede usar un complemento de WordPress para fijar sus imágenes o agregar manualmente un botón Pin It usando código.
Además de eso, puede crear un código abreviado para agregar el botón de Pinterest en cualquier lugar de su sitio web y también permitir que los usuarios guarden imágenes en Pinterest al pasar el mouse sobre ellas.
En esta guía, cubriremos todas estas formas, para que pueda avanzar a su método preferido.
Agregar un botón «Pin It» de Pinterest usando un complemento
Pinterest cambió oficialmente el nombre del botón «Pin It» a Guardar en 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 mediante el uso de un complemento para compartir en redes sociales.
Recomendamos usar Conteos compartidos complemento para este propósito. Es uno de los mejores complementos de redes sociales para WordPress porque es gratuito y le permite agregar fácilmente el botón de Pinterest junto con otras redes sociales populares.
Para comenzar, debe instalar y activar el Conteos compartidos enchufar. Puede seguir nuestra guía paso a paso sobre cómo instalar un complemento de WordPress para obtener instrucciones detalladas.
Después de la instalación, diríjase a Configuración » Conteos compartidos página para configurar el complemento.
En la página de configuración, debe desplazarse hacia abajo hasta la Mostrar y luego haga clic en el cuadro de texto «Compartir botones para mostrar».
Esto abrirá un menú desplegable donde puede seleccionar los servicios de redes sociales que desea agregar. De forma predeterminada, Pinterest estará presente en ese cuadro, junto con Facebook y Twitter.
El complemento viene con varios estilos de botones que puede elegir en la opción ‘Compartir estilo de botón’. También puede seleccionar la ubicación y el tipo de publicación donde desea mostrar el botón de Pinterest.
Una vez que haya terminado de elegir su configuración, no olvide hacer clic en el Guardar cambios botón.
Ahora puede visitar cualquier publicación en su sitio web para ver el botón de Pinterest en acción.
Otra característica interesante de SharedCounts es la función gratuita Complemento de imagen personalizada de Pinterest disponible en Github. Esto le permite configurar una imagen y una descripción personalizadas para compartir en Pinterest que está optimizada para Pinterest.
Agregar manualmente un botón Pin It de Pinterest en WordPress
Algunos usuarios intermedios pueden preferir agregar los botones para compartir en redes sociales manualmente a su sitio de WordPress en lugar de usar un complemento.
Echemos un vistazo a cómo agregar manualmente un botón de Pinterest en WordPress.
Lo primero que debe hacer es hacer una copia de seguridad completa de WordPress de su sitio. Esto te ayudará a restaurar tu sitio en caso de que algo se rompa por accidente.
A continuación, debe agregar un poco de código a su pie de página. Puede agregar un código de pie de página a su sitio de WordPress usando un complemento, o siga las instrucciones a continuación para hacerlo manualmente.
Primero debe conectarse a su alojamiento de WordPress usando un cliente FTP y luego ir a la carpeta /wp-content/themes/.
Desde aquí, debe abrir la carpeta de su tema actual y luego ubicar el archivo footer.php.
A continuación, simplemente haga clic derecho en ese archivo y luego seleccione Descargar del menú. Esto descargará el archivo footer.php a su computadora.
Ahora, debe abrir el archivo footer.php usando un editor de texto sin formato como el Bloc de notas y luego pegar el siguiente script justo antes del </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 que haya hecho eso, debe guardar el archivo y luego volver a cargarlo en la carpeta del tema actual.
A continuación, debe ubicar 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. A menudo será el archivo single.php, pero depende de tu tema.
Para editar el archivo de plantilla, simplemente descárguelo de su carpeta de temas y ábralo para editarlo. Después de eso, debe agregar el siguiente código.
Deberá elegir la ubicación donde desea que aparezca en su publicación. Colocarlo después del título de la publicación es la ubicación 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(); ?>" class="pin-it-button" count-layout="vertical">Pin It</a>
El código anterior muestra el botón de Pinterest con su imagen destacada, título, descripción y URL de publicación en el parámetro 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 web. Si desea mostrar el botón de compartir horizontal, simplemente cambie el count-layout parámetro a horizontal.
Crear un código abreviado para el botón 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 un botón de Pinterest a sus artículos.
Primero, deberá 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() .'" class="pin-it-button" 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 la web en WordPress.
Después de haber agregado el código, puede usar el [pin] shortcode en sus publicaciones de WordPress donde desea mostrar el botón de Pinterest.
Añadir el botón Pin It de Pinterest sobre tus imágenes
Si está ejecutando un sitio de moda, fotografía o cartera, entonces definitivamente desea que sus imágenes se compartan en Pinterest para aumentar el tráfico de su sitio web.
Agregar un botón Pin it de Pinterest sobre sus imágenes en WordPress permite al usuario fijar fácilmente cualquier imagen en su sitio simplemente pasando el mouse sobre la imagen que desea compartir.
En primer lugar, debe instalar y activar el Weblizar Pin It Button On Image Hover and Post plugin. Para obtener más detalles, puede consultar nuestra guía sobre cómo instalar un complemento de WordPress.
Tras la activación, vaya a Botón PinIt página desde su panel de administración de WordPress para configurar el complemento.
Puede elegir si desea mostrar el botón Pin It en las publicaciones o páginas de su blog de WordPress en la página de configuración. También debe asegurarse de que la opción para ‘Mostrar botón Anclar al pasar el mouse sobre la imagen’ esté configurada en ‘Sí’.
Además de eso, 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 luego pasar el cursor del mouse sobre cualquier imagen para ver el botón Pin It o ‘Guardar’ de Pinterest.
Si desea excluir algunas imágenes para que no muestren el botón Anclar o Guardar, puede ir a la Botón PinIt página desde su panel de control 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’.
También puede excluir páginas para que no muestren el botón Guardar o Pin It de Pinterest usando el complemento. Simplemente diríjase a la pestaña ‘Excluir páginas’ y agregue el nombre de la página.
¡Eso es todo!
Esperamos que este artículo le haya ayudado a comprender 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 informativo por correo electrónico o ver nuestra comparación del mejor software de diseño web.
.