Twitter está ampliando su funcionalidad a la World Wide Web. Todo comenzó con el botón oficial de tweet, luego con la plataforma Twitter Anywhere y, más recientemente, con el nuevo botón oficial de seguimiento de Twitter. Probablemente te estés preguntando qué diablos es este botón Seguir en Twitter. ¿Qué tiene de diferente el botón Seguir Twitter y el botón Seguir inteligente? No se preocupe, en este artículo cubriremos qué es el botón Seguir de Twitter y cómo puede agregarlo a su sitio de WordPress.
¿Qué es el botón Seguir de Twitter?
El botón Seguir 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 Seguir utiliza el mismo modelo de implementación que el botón de tweet oficial y es muy sencillo de integrar. Puede ver la demostración del botón Seguir en la esquina superior izquierda de la imagen a continuación. Al hacer clic en el botón Seguir, 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 Smart Follow 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 Seguir Twitter te permite mostrar el conteo y es muy fácil de integrar. Mira el ejemplo en vivo a continuación (no olvides hacer clic en Seguir para ver lo que hace):
Cómo agregar el botón oficial de seguimiento 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="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
PD Asegúrate de cambiar el nombre de usuario por el tuyo.
Si está utilizando el botón de tweet oficial, no es necesario pegar el script dos veces. Entonces su código se verá así:
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">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 insertará ese código en su propio barra lateral.php Archivo. Sin embargo, si no se siente cómodo editando un archivo de tema, también puede usar widgets de temas de WordPress. Todos los buenos temas vienen con barras laterales listas para widgets. Entonces, todo lo que debe hacer es ir a la pestaña Apariencia »Widget. Luego agregue un widget de texto a la barra lateral correspondiente. Finalmente, pega el código de arriba y listo. Mire la captura de pantalla a continuación para ver el ejemplo:
Realmente no hay necesidad de agregar un complemento para hacer algo tan simple.
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 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 complemento.
Variables disponibles en la versión de JavaScript que estamos usando:
- contar-mostrar-datos (verdadero o falso)
- botón de datos (azul o gris)
- datos-texto-color (código hexadecimal)
- enlace de datos-color (código hexadecimal)
- data-lang (en, fr, de, es) – use 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 a, se vería así:
<a href="http://twitter.com/wpbeginner" class="twitter-follow-button">Follow @wpbeginner</a>
Recursos:
Siga la documentación del botón
Generador de botones de seguimiento
