Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL y htaccess


Cómo crear el widget de Twitter para insertar las listas de un perfil

Twitter ofrece la posibilidad de insertar en tu web un widgets de búsquedas, timelines, favoritos y listas de tu cuenta.

En pocos pasos vamos a ver cómo configurar y obtener el código para ponerlo en una web.

Para comenzar es necesario tener una cuenta de Twitter para acceder al panel de creación del widget. En esta URL tienes los pasos necesarios para crear una cuenta en Twitter.

Otros post interesantes son:

Acceso al administrador de Widgets de tu cuenta de Twitter

Los pasos a seguir para llegar al administrador de widgets son los siguientes:

  • Loguearse en Twitter.
  • Clickar en nuestro perfil y seleccionar configuración.

En la imagen inferior os muestro los 2 pasos:

configuración TwitterDespués llegamos a una pantalla y los siguientes pasos son:

Widget de Twitter

Una vez llegado al administrador nos encontramos con un listado de widgets creados. Ahí podremos crear, editar o eliminar los widgets que creamos oportunos.

Crear el widget de Twitter de listas

Le damos a crear nuevo widget y después seleccionamos ‘Me gusta’. En el siguiente paso nos preguntarán por la url del perfil que queremos usar, por defecto nos viene el ejemplo de https://twitter.com/TwitterDev/lists/national-parks:

widget twitter listas

Ya tendríamos el código fuente listo para copiarlo, no obstante, podemos clickar en ‘Set customization options’ para configurar varias opciones del widget:

configurar timeline widget twitter

En este formulario tendremos que rellenar:

  • Definimos la altura y anchura del widget, creo que el mínimo son 350px de alto, y por defecto el widget se adapta al ancho de su posición en la web.
  • Podemos elegir entre 2 plantillas, una de fondo transparente (light) y otra de fondo negro (dark).
  • Por defecto dejamos el idioma en automático.
  • Por último podemos concretar el color que tendrán los enlaces de cada tuit.

Una vez elegidas las opciones de configuración comprobamos en el preview que el widget es de nuestro agrado. Solo nos queda clickar en ‘crear widget’ o ‘Update’, y se nos refrescará la página con el código fuente a incrustar en nuestra web.

Insertar el widget de Twitter en WordPress

Colocar este widget de Twitter en WordPress es muy sencillo, con estos pasos lo tendremos colocado en pocos segundos:

  • Vamos a apariencia > Widgets
  • Seleccionamos el widget de Texto/HTML.
  • Pegamos el código del widget y lo arrastramos al sidebar.

Los plugins y widgets de Twitter más usados

Os recomiendo leer este interesante post las herramientas que nos ofrece Twitter: ‘Los widgets y plugins de Twitter más usados‘.

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR