Add Pinterest Pin It Button In Wordpress

Cómo agregar el botón «Pin It» de Pinterest en WordPress (Guía definitiva)

¿Quieres añadir el botón «Pin It» de Pinterest en WordPress? Recientemente, ha aparecido una nueva fuente de tráfico en las estadísticas de nuestro blog. Para nosotros fue lo suficientemente importante como para tomar nota de ello. Esa fuente de tráfico fue Pinterest. Pinterest es un popular sitio de redes sociales que le permite compartir contenido visual y generar mucho tráfico a su sitio web (siga a MundoCMS en Pinterest). En este artículo, le mostraremos cómo agregar el botón «Pin It» de Pinterest a su blog de WordPress. También le diremos cómo agregar el botón Pin It en las imágenes de su sitio web.

Agregar un botón «Pin It» de Pinterest mediante un complemento

Pinterest cambió oficialmente el nombre del botón «Pin» a Salvar en 2016. Si bien algunos complementos todavía usan el nombre «Pin It» en lugar de Guardar, hacen el mismo trabajo de 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 utilizar un complemento para compartir en redes sociales. Le recomendamos que utilice el complemento Shared Counts para este propósito. Es el mejor complemento 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 complemento Shared Counts. Puede seguir nuestra guía paso a paso sobre cómo instalar un complemento de WordPress para obtener instrucciones detalladas. Durante la instalación, diríjase a Configuración »Cuentas compartidas página para configurar el complemento.

Página De Configuración De Cuentas Compartidas
En la página de configuración, debe desplazarse a Mostrar 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 este cuadro, junto con Facebook y Twitter. También puede seleccionar la ubicación y el tipo de publicación donde desea mostrar el botón de Pinterest. Viene con varios estilos de botones entre los que puede elegir en la opción « Estilo de botón para compartir ». Una vez que haya terminado, no olvide hacer clic en el Guardar cambios para almacenar la configuración. Ahora puede visitar cualquier publicación en su sitio web para ver el botón de Pinterest en acción.
Botón De Pinterest Agregado A La Publicación De Wordpress
Otra cosa interesante de SharedCounts es el complemento gratuito de imagen personalizada de Pinterest disponible en Github. Esto le permite configurar una imagen y una descripción para compartir de Pinterest personalizadas optimizadas para Pinterest.
Notar: Usamos el complemento SharedCount en nuestro sitio web porque es la mejor opción del mercado. Está muy bien codificado y es gratis.

Agregar manualmente un botón Pin It Pinterest en WordPress

Algunos usuarios intermedios pueden preferir agregar manualmente los 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. Esto le ayudará a restaurar su sitio en caso de una falla accidental. A continuación, debe conectarse a su alojamiento de WordPress utilizando un cliente FTP y luego ir a la carpeta / wp-content / themes /. Desde allí, debe abrir su carpeta de temas actual y luego ubicar el archivo footer.php.
Descarga El Archivo Php Del Pie De Página
Luego, haga clic derecho en ese archivo y seleccione Descargar del menú. Esto descargará el archivo footer.php a su computadora. Ahora necesita 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 etiqueta. Una vez que haya hecho eso, debe guardar el archivo y luego cargarlo nuevamente en la carpeta del tema actual. Luego, debe ubicar y descargar el archivo single.php de la carpeta de su tema y abrirlo para editarlo. Después de eso, debe agregar el siguiente código. Deberá elegir dónde desea que aparezca en su mensaje. Después del título del artículo, la ubicación más común para los botones de redes sociales.

ID), ‘completo’); ?> ID)); ?> & media =& description =«class =» pin-it-button «count-layout =» vertical «> Pin El código anterior muestra el botón de Pinterest con la imagen, el título, la descripción y la URL de tu publicación en el parámetro Compartir URL. Por último, debes guardar el archivo y cárguelo nuevamente en su directorio de temas usando FTP. Esto agregará un botón de compartir vertical a las publicaciones de su sitio web. Si desea ver el botón de compartir horizontal, simplemente cambie el parámetro count-layout a horizontal.

Creación de un shortcode para el botón de Pinterest.

Recientemente, uno de nuestros usuarios nos preguntó cómo crear un código corto para el botón «Pin It» en 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 el botón de Pinterest en sus artículos. Primero, deberá agregar el siguiente código al archivo functions.php de su tema oa un complemento específico del sitio: function get_pin ($ atts) {$ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post-> ID), ‘full’ ); devuelve ‘ID)). «& media =». $ pinterestimage[0] . «& description = ‘. get_the_title ().'» class = «pin-it-button» count-layout = «vertical»> Pin ‘; } add_shortcode (‘pin’, ‘get_pin’); Después de eso, puede usar el [pin] shortcode en sus publicaciones de WordPress donde desea mostrar el botón de Pinterest.

Agregar el botón Pin It Pinterest a sus imágenes

Si está ejecutando un sitio de moda, fotografía o portafolio, definitivamente desea que sus imágenes se compartan en Pinterest para aumentar el tráfico de su sitio web. Veamos cómo agregar el botón Pin it de Pinterest a sus imágenes en WordPress. Este botón solo aparecerá cuando el usuario pase el mouse sobre sus imágenes, lo que le facilitará compartir la imagen en su perfil de Pinterest. En primer lugar, debe instalar y activar el complemento Pin it Button for Images de Pinterest. Durante la activación, vaya a Configuración »Pin de Pinterest página para configurar el complemento.
Botón Pin It De Pinterest Para La Página De Configuración De Imágenes
En la página de configuración, puede elegir dónde desea mostrar el botón «Pin It» en su sitio de WordPress. Solo puede mostrarlo en publicaciones, páginas, páginas de categorías o en cualquier lugar de su sitio. La siguiente opción es elegir la descripción predeterminada en el menú desplegable. Esto se utilizará como descripción de la imagen fijada. Cuando termine, debe hacer clic en el Salvar para 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» de Pinterest.
Botón De Pinterest Pin It En Imágenes
Si desea excluir ciertas imágenes para que no muestren el botón Pin, puede agregar el nopin Clase CSS a las imágenes que desea excluir. Para hacer esto, debe seleccionar el bloque de imagen en el editor de publicaciones, luego hacer clic en el ícono de 3 puntos verticales en la barra de herramientas del bloque. Esto abrirá un menú donde debe hacer clic en el Editar en formato HTML opción.
Editar Imagen Como Opción Html Para Agregar Clase Css
Ahora verá el código HTML de su imagen. Adelante para agregar nopin a la clasificar atributo de la etiqueta img:

Nombre De La Imágen

Del mismo modo, también puede utilizar el complemento para deshabilitar la visualización automática del botón «Pin It», y utilizar la clase CSS «pinthis» para mostrar selectivamente el botón en imágenes específicas. Para hacer esto, debe visitar la página de configuración del complemento y luego ubicar el Avanzado sección en el lado derecho de la página.
Configuración Avanzada Del Complemento Pin It De Pinterest
Ahora debe marcar la opción «Mostrar el botón» Pin «solo en las imágenes con class =» pinthis «», luego haga clic en el botón Salvar botón. La próxima vez que agregue una imagen a una publicación o página, deberá seleccionar el bloque de imagen y luego usar el Editar en formato HTML opción para agregar el pinthis Clase CSS al código de la imagen. Aquí un ejemplo:

Nombre De La Imágen

Esto mostrará el botón de Pinterest en esa imagen específica, incluso si ha desactivado la opción para mostrar automáticamente el botón Pin en su sitio. ¡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 y obtener más suscriptores. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply