Tutorial: Twitter - embeber Twiters de otros usuarios en tu sitio web (muy fácil)

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
No sé si alguna vez habéis tratado de embeber líneas de tiempo en algún sitio web como WordPress.

La verdad es que es una complicación, toca crear un código y conectarlo con una API y mil cosas más (una locura).

Pues casualmente (navegando por la web ¿cómo no?) me encontré con esta forma de hacerlo que es realmente muy sencilla.

PASO 1. -

Ingresa a Twitter y revisa el link al usuario/a del que quieras tener la línea de tiempo en tu sitio web.

Por ejemplo, quieres tener la línea de tiempo de FOROBETA en tu sitio web.

Buscamos en Twitter y encontramos que el link para Forobeta es


twitter001.webp

Lo copiamos.

PASO 2. -

Ingresamos al siguiente enlace web

PHP:
https://publish.twitter.com/#

Una vez que hayamos ingresado pegamos la URL de Twitter (en nuestro ejemplo de Forobeta).

DEBE SER LA DIRECCIÓN DE TWITTER COMPLETA INCLUIDO EL HTTP://

twitter002.webp

Una vez pegada hacemos clic en ENTER o en la flecha al final para ingresar la URL

PASO 3. -

Si hemos realizado bien los pasos se abrirá una DEMO de cómo quedará la línea de tiempo y el código a COPIAR

twitter003.webp

PASO 4. -

¿Y si queremos personalizar el código?

Entonces hacemos clic en el texto que dice

SET CUSTOMIZATION OPTIONS

twitter004.webp

PASO 5. -

Se abrirá una caja de opciones donde podemos especificar

ALTO - ANCHO - TEMA A USAR (LIGHT O DARK) - COLOR GENERAL DEL WIDGET - LENGUAJE DEL WIDGET - Y OTRAS OPCIONES

twitter005.webp

PASO 6. -

En mi caso voy a personalizarlo del siguiente modo

twitter006.webp

Fíjate como automáticamente casi de inmediato en la parte inferior se muestra cómo quedará el widget.

twitter006.webp

PASO 7. -

Una vez que hayas terminado la personalización haz clic en el botón UDPATE

twitter007.webp

PASO 8. -

Copia el código con los cambios

twitter008.webp

Y pégalo en tu sitio web (en modo HTML no lo olvides)

twitter009.webp
 
Última edición:
Epale, grande ,hace tiempazo la buscaba. Crack .
 
Epale, grande ,hace tiempazo la buscaba. Crack .

Confieso que yo andaba en las mismas pero ya había tirado la toalla... y mira ayer estaba buscando un widget para el CLIMA, porque el del mi sitio web dejó de funcionar... y no encontré nada decente pero vi que en un sitio web habían embebido la línea de tiempo de esta forma y ahí queda....

Lo más gracioso es que cuando andaba buscando el widget de clima, ya había desistido de encontrar uno para tráfico... pero no lo encontré, y cuando buscaba el del clima encontré el de tráfico, jajajaaa... ¿será que me toca buscar otro de twitter para encontrar de clima? Qué enredo...
 
Confieso que yo andaba en las mismas pero ya había tirado la toalla... y mira ayer estaba buscando un widget para el CLIMA, porque el del mi sitio web dejó de funcionar... y no encontré nada decente pero vi que en un sitio web habían embebido la línea de tiempo de esta forma y ahí queda....

Lo más gracioso es que cuando andaba buscando el widget de clima, ya había desistido de encontrar uno para tráfico... pero no lo encontré, y cuando buscaba el del clima encontré el de tráfico, jajajaaa... ¿será que me toca buscar otro de twitter para encontrar de clima? Qué enredo...

Una cosa a veces te lleva a otra. Ahora pensaré el twitter de quien poner, un noticiero o un influencer.
 
Una cosa a veces te lleva a otra. Ahora pensaré el twitter de quien poner, un noticiero o un influencer.

Yo en mi sitio de buses ya he puesto 3, relacionados con el transporte o el tráfico en la ciudad.

Ya tenía un plugin para ello pero no era muy vistoso la verdad, aparte que la parte de imágenes está todavía en fase experimental y no se ven nada bien.

Creo que esto es mejor, más liviano y más personalizable... más "tweet" jajajaa...
 
Excelente Tutorial amigo super sencillo... ya lo estoy poniendo en práctica, saludos.:encouragement:
 
Excelente Tutorial amigo super sencillo... ya lo estoy poniendo en práctica, saludos.:encouragement:

Me alegro que te haya gustado.

Siempre me gusta que mis tutoriales sean lo más sencillos posible. Incluso los de Photoshop verás que no importa si eres principiante.
 
Gracias muy buen tutorial!
 
Gracias, :encouragement: muy bueno tu tutorial.
 
Atrás
Arriba