Cómo añadir el botón oficial de Twitter Follow en WordPress

Twitter está extendiendo sus funcionalidades a la red mundial. Todo comenzó con el botón oficial de tweet, luego la plataforma Twitter Anywhere Platform , y recientemente el nuevo botón oficial de Twitter. Probablemente te estarás preguntando qué demonios es este botón de seguimiento de twitter? ¿Qué es diferente en el botón de seguimiento de Twitter y en el botón de seguimiento inteligente? No te preocupes, en este artículo cubriremos qué es el botón de seguimiento de twitter, y cómo puedes añadirlo en tu sitio de WordPress.

¿Qué es el botón Twitter Follow

?

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 siguiente utiliza el mismo modelo de implementación que el botón oficial de tweet, 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 siguiente, se abre una ventana con más información sobre el usuario.

Probablemente se esté preguntando en qué se diferencia del botón Smart Follow de abajo?

Bueno, el botón de seguimiento inteligente requiere que usted haga toda la integración de Twitter Anywhere. Tampoco te permite mostrar el número de seguidores ni hacer ninguna personalización. Mientras que el botón de seguimiento de Twitter te permite mostrar el conteo, y es muy fácil de integrar. Echa un vistazo al ejemplo en vivo a continuación (no olvides hacer clic en el siguiente enlace para ver lo que hace):

>

Cómo añadir el botón oficial de Twitter Follow en WordPress

Puedes 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:

Seguir @AprenderWP

>

P.D. Asegúrese de cambiar el nombre de usuario con el suyo propio.

Si estás usando el botón oficial de tweet, entonces no necesitas pegar el script dos veces. Así que tu código se verá así:

Seguir @AprenderWP

Ahora puedes pegar el código donde quieras en tu tema de WordPress. La mayoría de la gente pondrá dicho código en su archivo sidebar.php . Sin embargo, si no te sientes cómodo editando un archivo de tema, entonces puedes utilizar los widgets de tema de WordPress también. Todos los buenos temas vienen con barras laterales listas para widgets. Así que todo lo que tienes que hacer es ir a la pestaña Apariencia " Widgets. A continuación, agregue un widget de texto a la barra lateral correspondiente. Por último, pegue el código de arriba, y ya está. Vea el ejemplo en la captura de pantalla de abajo:

Realmente no hay necesidad de añadir un plugin para hacer algo tan simple como esto.

Personalización avanzada

Esta sección es para diseñadores y desarrolladores que quieran personalizar 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 widget y la alineación del plugin.

Variables disponibles en la versión JavaScript que estamos utilizando:

  • data-show-count ( true or false)
  • data-button ( azul o gris)
  • data-text-color (código hexadecimal)
  • data-link-color (código hexadecimal)
  • data-lang (en, fr, de, es) - utiliza el código de idioma de dos letras ISO-639-1
  • ancho de datos - (300px)
  • data-align - (derecha)

Si quieres especificarlo en el código, se vería algo así:

Seguir @AprenderWP

>

Recursos:

Documentación del botón FollowGenerador de botones Follow

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir