Como mostrar seguidores en los iconos de redes sociales con WordPress

¿Has visto alguna vez un sitio web con iconos de redes sociales que muestran un contador con el número de seguidores de cada uno? En este artículo vamos a ver una forma sencilla de mostrar los seguidores de los medios sociales en cada icono, incluyendo un texto sin tener que escribir código en Wordpress.

Lo primero que vamos a hacer es instalar y activar el plugin Social Media Share Buttons & Social Sharing Icons. Una vez que lo tenemos activado nos dirigimos a Ajustes – Social Media Share para incluir los perfiles de las redes sociales que queremos mostrar.

Primero debemos incluir nuestro nombre de usuario de Twitter sin el símbolo @, por ejemplo reinspirit.

Para conseguir las consumer key, consumer secret, access token y access token secret keys, necesitamos ir a la web de desarrollador de Twitter y crear una aplicación para Twitter. No te pongas nervioso, suena más difícil de lo que verdaderamente es y ahora vamos a ver como es el proceso.

Primero debemos iniciar sesión con nuestro nombre de usuario y contraseña de Twitter en la web para desarrolladores de Twitter. Una vez que hemos iniciado sesión, debemos entrar en nuestro perfil de la foto en la esquina superior derecha de la pantalla y en el menú desplegable entramos en mis aplicaciones.

Twitter nos mostrará algunas aplicaciones que creamos en el pasado, o nos indicará que actualmente no tenemos ninguna aplicación disponible. En cualquiera de los casos es necesario entrar en el botón «Create New App«.

En el siguiente apartado incluimos un nombre para nuestra aplicación, añadimos un poco de descripción y entramos en la URL de nuestro sitio web. Después de marcar la casilla «Yes, I agree» por debajo de los términos y condiciones, pulsamos en el botón para crear nuestra aplicación de Twitter.

Ahora Twitter crea la aplicación que nos dirige a la página de configuración de dicha aplicación. No es necesario entrar en la pestaña de configuración de la API. En la configuración de la API ve hacia abajo para buscar el acceso al apartado de la pestaña y pulsa el botón de «Generate my access token«. Twitter volverá a cargar la página y mostrará una notificación de «access token» se ha creado para nosotros. Ahora debemos pulsar el botón Test oAuth.

En el siguiente apartado aparecen todas las claves que hay que copiar y pegar en los ajustes de Social Media Share de nuestro sitio WordPress.

Después de incluir las claves de Twitter, podemos añadir nuestro ID de la página de Facebook. Para obtener el ID de la página de Facebook hay que que pulsar en «Edit Page» mientras vemos la página como un administrador.

Las demás opciones son sencillas. Podemos añadir nuestro perfil de YouTube, la URL de YouTube Channel, la página de Pinterest, Instagram, etc. También se puede optar por mostrar nuestro número de comentarios en un icono. Una vez que hemos terminado, pulsamos en el botón para guardar la configuración.

🔎 Elegir un diseño para los contadores sociales

El plugin Social Count Plus viene con 6 ajustes para el diseño de los iconos que podemos elegir. También podemos elegir el color del texto para el número de seguidores en la pestaña de diseño de los ajustes del plugin. Una vez elegido el diseño para los botones, necesitamos pulsar el botón «Guardar cambios» para guardar la configuración.

✏️ Como mostrar los contadores sociales en nuestro sitio

Se puede mostrar los botones sociales con el número de seguidores utilizando un widget, códigos cortos y tags de plantilla. Si queremos añadir los botones en el sidebar del blog, entonces vamos a Apariencia – Widgets y arrastramos y soltamos el widget de Social Media Share en el sidebar del blog.

El plugin trae una serie de códigos cortos y funciones que podemos utilizar en nuestras entradas, páginas o archivos de plantilla de nuestro tema para mostrar los botones sociales. Una lista de estos códigos cortos y funciones están disponibles en la página de configuración del plugin en la pestaña Shortcodes y Functions tab.

Esperamos que este artículo te ayude a mostrar los iconos con el número de seguidores en todas las redes sociales como texto en el blog de WordPress.