¿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 implementación que el botón de tweet oficial, y es realmente sencillo de integrar. Puede ver la demostración del botón de seguimiento en la esquina superior izquierda de la imagen de abajo. Al hacer 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 hagas toda la integración de Twitter Anywhere. Tampoco le permite mostrar su número de seguidores ni realizar ninguna personalización. Mientras que el botón de seguimiento de Twitter te permite mostrar el recuento y es muy fácil de integrar. Vea el ejemplo en vivo a continuación (no olvide hacer clic en Seguir para ver qué hace):
Cómo agregar el botón de seguimiento oficial de Twitter en WordPress
Puede ir a la página del botón Seguir y generar un código para ti. O simplemente puede copiar el código a continuación:
<a href="https://twitter.com/TongaSoft" class="twitter-follow-button" data-show-count="true">Follow @wpbeginner</a> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
PD: Asegúrate de cambiar el nombre de usuario con el tuyo.
Si está utilizando el botón de tweet oficial, no es necesario que pegue el script dos veces. Entonces su código se verá así:
<a href="https://twitter.com/TongaSoft" class="twitter-follow-button" data-show-count="true">Follow @wpbeginner</a>
Ahora puede pegar el código en cualquier lugar que desee en su tema de WordPress. La mayoría de la gente pondrá dicho código en su sidebar.php expediente. Sin embargo, si no se siente cómodo editando un archivo de tema, también puede utilizar los widgets de tema de WordPress. Todos los buenos temas vienen con barras laterales listas para widgets. Así que todo lo que tendría que hacer es ir a la pestaña Apariencia »Widgets. Luego agregue un widget de texto a su barra lateral apropiada. Por último, pegue el código de arriba y listo. Mire en la captura de pantalla a continuación para ver el ejemplo:
Realmente no es necesario agregar un plugin 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 la combinación de colores de su sitio, etc. Twitter le permite personalizar el color del botón, el color del texto, el color del enlace, el idioma, el widget y la alineación del plugin.
Variables disponibles en la versión de JavaScript que estamos usando:
- recuento-show-de-datoscierto o falso)
- botón de datosazul o gris)
- color-texto-datos (código hexadecimal)
- color de enlace de datos (código hexadecimal)
- data-lang (en, fr, de, es) – usa las dos 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ía así:
<a href="https://twitter.com/TongaSoft" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#ffa24f" data-show-count="true">Follow @wpbeginner</a>
Recursos:
Seguir la documentación del botón
Generador de botones de seguimiento
.
Fuente: wpbeginner