Descubre en este tutorial cómo mostrar el número de seguidores de una cuenta de Twitter en WordPress con la ayuda de un shortcode.
En WordPress existen plugins que te permiten mostrar el número de seguidores de Twitter pero si lo único que necesitas mostrar es eso, te aseguro que te va a sobrar mucho código.
En cambio, con este tutorial aprenderás a hacerlo con unas pocas líneas de código.
Twitter tiene una API abierta por lo que puedes tomar los valores expuestos en la misma y mostrarlos a tu antojo en tu página web.
Interesante, ¿verdad?
Pues eso es justo lo que vas a ver en este tutorial:
Cómo recoger mediante la API los datos del número de seguidores de una cuenta de Twitter y mostrarlos en cualquier punto de tu web gracias a un shortcode.
Aquí tienes los pasos a seguir:
Instrucciones para mostrar el número de seguidores de una cuenta de Twitter en WordPress
1. Obtén tus claves API de Twitter
Para acceder a los datos de la API de tu cuenta de Twitter necesitas dos cosas:
- Crear una clave API.
- El usuario de la cuenta de Twitter.
A continuación te muestro unas capturas de la creación de la app en Twitter y la solicitud de las claves API de Twitter.
Una vez que obtengas las claves API, déjalas a mano porque las vas a utilizar en breve.
2. Crea el shortcode
Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
En este snippet usas las funciones wp_remote_get y json_decode para acceder y extraer los datos de la API de Twitter.
Para adaptarlo a tu caso tienes que:
1- Usar tus propias claves API en estas líneas:
$api_key = 'tu_api_key';$api_secret_key = 'tu_api_key_secreta';
2- Usar el nombre de usuario de la cuenta de Twitter de la que quieres mostrar los seguidores, en minúscula, en esta línea:
$twitter_account = 'tu_usuario';
El código está basado en este post de WP Beginner.
3. Introduce el shortcode donde quieras
La ventaja de los shortcodes es que puedes insertarlos en cualquier punto de la web.
Solo tendrás que escribir «[tu_shortcode]», en este caso [osom_followers], donde desees que se visualice (al final de un artículo, en la barra lateral, en el footer…)
Importante:
- Si estás utilizando el editor clásico, utiliza la pestaña de HTML para introducir el shortcode.
- En caso de que ya estés usando el nuevo editor de bloques (Gutenberg) puedes añadirlo al bloque normal de párrafo, el de HTML o el de shortcode. Todos ellos renderizarán de forma correcta el contenido.
Conclusiones
Ahora ya sabes cómo tomar valores de la API de Twitter y mostrar el número de seguidores de una cuenta en cualquier punto de la web gracias a un shortcode.
Ya solo te queda ponerlo en práctica. 😉
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor.
