Cómo agregar el botón oficial de seguimiento de Twitter a WordPress

Twitter está expandiendo su funcionalidad a través de la red global más amplia. Todo comenzó con el botón oficial de tweet, luego la plataforma Twitter Anywhere y recientemente el nuevo botón oficial de seguimiento de Twitter. Probablemente te estés preguntando qué diablos es este botón de seguimiento de Twitter. ¿Cuál es la diferencia entre el botón de seguimiento de Twitter y el botón de seguimiento inteligente? No se preocupe, en este artículo veremos qué es el botón de seguimiento de Twitter y cómo puede agregarlo a su sitio de WordPress.

¿Qué es el botón de seguimiento de Twitter?

El botón de seguimiento de Twitter es un pequeño widget que permite a los usuarios seguir fácilmente su cuenta de Twitter (o cualquier cuenta de Twitter) desde cualquier sitio web. El botón de seguimiento utiliza el mismo modelo de rendimiento que el botón de tweet oficial y es muy fácil de integrar. Puede ver la demostración del botón de seguimiento en la esquina superior izquierda de la imagen a continuación. Cuando hace clic en el botón de seguimiento, se abre una ventana con más información sobre el usuario.

Probablemente se esté preguntando en qué se diferencia del botón de seguimiento inteligente a continuación.

Bueno, el botón de seguimiento inteligente requiere que realices toda la integración en cualquier lugar de Twitter Anywhere. Tampoco te permite mostrar el número de seguidores ni realizar ninguna personalización. Mientras que el botón de seguimiento de Twitter le permite mostrar el número y es muy fácil de integrar. Vea el ejemplo en vivo a continuación (asegúrese de hacer clic en seguir para ver lo que hace):

Sigue a @wpbeginner

Cómo agregar el botón oficial de seguimiento de Twitter a WordPress

Puede ir a la página del botón Seguir y codigo de GENERACION para ti. O simplemente puede copiar el código a continuación:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

PD Asegúrate de cambiar el nombre de usuario por el tuyo.

Si usa el botón de tweet oficial, no necesita pegar el script dos veces. Esto hará que su código se vea así:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

Ahora puedes colocar el código donde quieras en tu tema de WordPress. La mayoría de la gente pondrá dicho código en su barra lateral.php Archivo. Sin embargo, si no se siente cómodo editando un archivo de tema, también puede usar los widgets de temas de WordPress. Todos los buenos temas vienen con barras laterales listas para widgets. Así que todo lo que tienes que hacer es ir a la sección Apariencia »Widgets. Luego agregue un widget de texto a su barra lateral correspondiente. Finalmente, coloque el código de arriba y listo. Vea la captura de pantalla a continuación para ver un ejemplo:

Realmente no necesita agregar un complemento para hacer algo tan simple como esto.

Personalización avanzada

Esta sección es para diseñadores y desarrolladores que desean personalizar aún más este botón para que coincida con el esquema de color de su sitio, etc. Twitter te permite personalizar el color del botón, el color del texto, el color del enlace, el idioma, el gadget y la alineación del complemento.

Variables disponibles en la versión de JavaScript que usamos:

• número de visualización de datos (cierto o falso)
• botón de datos (hijo o gris)
• color del texto de datos (código hexadecimal)
• color del enlace de datos (código hexadecimal)
• data-lang (en, fr, de, es) - usa ambas letras Código de idioma ISO-639-1
• ancho de datos - (300px)
• alineación de datos - (derecha)

Si desea especificarlo en el código, se verá así:

<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>

Recursos:

Siga la documentación del botón
Sigue el generador de botones