Cómo mostrar Tweets recientes en WordPress con widgets de Twitter

¿Quieres mostrar tus Tweets recientes en WordPress? La integración de Twitter a su sitio web de WordPress ayuda a aumentar la participación en ambas plataformas.


Los visitantes de tu blog descubren tus tweets, lo que te ayuda a conseguir nuevos seguidores en Twitter. Por otro lado, sus seguidores de Twitter descubren más de su contenido, lo que aumenta el tráfico a su sitio web..

En este artículo, le mostraremos cómo mostrar fácilmente tweets recientes en WordPress. También cubriremos cómo mostrar tweets selectivos en WordPress.

Cómo mostrar tweets recientes en WordPress

Agregar tus Tweets recientes en WordPress – Paso a paso

Puede mostrar sus tweets recientes en WordPress simplemente incrustando su perfil o línea de tiempo de Twitter.

Al igual que agregar un video de YouTube, WordPress también facilita la inserción de contenido de Twitter como un solo tweet, colección, lista, me gusta y momento en su sitio web.

WordPress usa la función oEmbed, que convierte automáticamente cualquier URL de contenido en un código de inserción cuando se pega en el área de contenido.

El lugar más común para mostrar tus tweets recientes suele ser la barra lateral de tu blog. Comencemos con eso.

Agregar tus Tweets recientes a tu barra lateral de WordPress

Primero, debe buscar y copiar la URL del perfil de Twitter que desea insertar. La URL del perfil de Twitter es simplemente la combinación de la URL del sitio web de Twitter y su nombre de usuario de Twitter.

Por ejemplo, la URL del perfil de Twitter de WPBeginner es https://twitter.com/wpbeginner.

URL del perfil de Twitter

A continuación, inicie sesión en su panel de WordPress y vaya a Apariencia »Widgets página. Simplemente arrastre y suelte el widget de texto en su barra lateral y luego pegue la URL del perfil de Twitter que copió anteriormente en el área de texto.

Pegue la URL del perfil de Twitter en el widget de texto de WordPress

Una vez hecho esto, se convertirá inmediatamente en un widget de línea de tiempo de Twitter que muestra Tweets recientes de esa cuenta en particular.

Guarde su widget de Tweets recientes en WordPress

Después de eso, puede nombrar su widget, guardarlo y obtener una vista previa en vivo en su sitio. Así es como aparecen nuestros tweets recientes en nuestro sitio web de demostración.

Tweets recientes en el sitio de demostración de WordPress - Con widget de texto

Como puede ver en la captura de pantalla anterior, este método agrega sus tweets recientes dentro de un cuadro con un control deslizante vertical. El cuadro incluye 20 tweets más recientes y el botón “Cargar más tweets” al final.

Incrustar Twitter Feed en WordPress con Twitter Publish

Reemplazando la función de widget de Twitter, Twitter ahora tiene la función Publicar de Twitter para incrustar contenido de Twitter en sitios web.

Twitter Publish le permite crear fácilmente el código de incrustación para varios tipos de contenido de Twitter, incluido un tweet, colección, perfil, lista, momento, hashtag, etc..

Publicación en Twitter para incrustar tweets en sitios web

Para utilizar este método, debe visitar el sitio web Publicar de Twitter y luego pegar la URL de su perfil de Twitter en el cuadro “¿Qué le gustaría insertar?”.

Ingrese la URL del perfil de Twitter en Twitter Publicar

Una vez hecho esto, haga clic en el ícono de la flecha.

Después de eso, le pedirá que elija una opción de visualización: Línea de tiempo integrada o botones de Twitter. Elija la “Línea de tiempo incrustada” como desea mostrar su línea de tiempo de Twitter con tweets recientes.

Opciones de visualización de publicación de Twitter

Al seleccionar la opción de visualización, creará instantáneamente el código de inserción para sus tweets recientes. Ahora haga clic en el botón Copiar código.

Copie el código de incrustación de Twitter de publicación de Twitter

A continuación, debes ir a Apariencia »Widgets desde su panel de control y agregue el widget “HTML personalizado” a su área de la barra lateral. Después de eso, pegue el código de inserción que copió anteriormente en el campo HTML.

Pegue el código de incrustación del perfil de Twitter en el widget HTML personalizado

Una vez hecho esto, guarde su widget y vea sus tweets recientes en vivo en su sitio web.

Así es como se veía nuestro feed de Twitter en un sitio de prueba.

Tweets recientes en WordPress - Sitio web de demostración

Incrustar tus Tweets recientes en publicaciones de blog de WordPress

A veces es posible que deba insertar su línea de tiempo de Twitter en las publicaciones de su blog o en su página acerca de.

WordPress viene con un bloque de inserción de Twitter para el nuevo editor de bloques de WordPress.

Simplemente cree una nueva publicación o edite una existente. En la pantalla de edición de publicaciones, agregue el bloque de inserción de Twitter en su área de contenido.

Agregar bloque de incrustación de Twitter en WordPress Editor

Ahora debe pegar la URL de su perfil de Twitter y hacer clic en el botón “Incrustar”.

Incrustar línea de tiempo de Twitter en publicación de WordPress

Después de eso, WordPress buscará y mostrará automáticamente tus tweets recientes en el área de contenido.

Perfil de Twitter integrado en la publicación de WordPress

Este método agrega un feed de Twitter con una barra de desplazamiento en su publicación.

Alternativamente, también puede usar el método de publicación de Twitter, que le permitirá mostrar tweets recientes sin la barra de desplazamiento.

Vaya al sitio web Publicar de Twitter y pegue la URL de su perfil de Twitter en el cuadro “¿Qué le gustaría incrustar?” Y haga clic en la flecha al lado.

Ingrese la URL del perfil de Twitter en Twitter Publicar

Después de eso, elija la opción “Línea de tiempo incrustada” y luego copie el código incrustado.

Copiar código de incrustación para el perfil de Twitter

A continuación, debe agregar el bloque ‘HTML personalizado en su editor de publicaciones para pegar el código de inserción.

Agregar bloque HTML personalizado en el editor de WordPress

Ahora puede pegar el código de inserción que copió anteriormente.

Pegue el código de incrustación del perfil de Twitter en el bloque HTML personalizado

Una vez hecho esto, guarde su publicación y obtenga una vista previa en vivo.

Mostrando Tweets selectivos en WordPress

Incrustar su perfil de Twitter mostrará todas sus publicaciones recientes en su sitio web. ¿Qué sucede si solo desea mostrar los tweets seleccionados??

No se preocupe, también hay soluciones simples para eso. Existen principalmente 5 formas de insertar tweets seleccionados en su sitio web.

  • Colección: Muestra una colección curada de tweets de acuerdo con temas, intereses, conversaciones y más..
  • Lista: Mostrar tweets de un grupo seleccionado de usuarios de Twitter.
  • Gustos: Mostrar todos los tweets que un usuario específico de Twitter ha marcado como Me gusta.
  • Momento: Mostrar tweets de un momento público por un usuario de Twitter.
  • Hashtag: Mostrar tweets de cualquier persona que contenga un hashtag específico.

Entre estas opciones, puede crear las últimas cuatro selecciones directamente desde el sitio web de Twitter. Además, puede copiar su URL respectiva y pegarla en su barra lateral de WordPress usando el widget de texto.

Por ejemplo, puede encontrar sus listas de Twitter en su página de perfil de Twitter. Seleccione cualquier lista que desee insertar y haga clic en ella.

Listas de Twitter de WPBeginner

Al hacer clic en el enlace, se abrirá la lista y puede copiar la URL de la lista desde su navegador. Por ejemplo, la URL de nuestra lista de Twitter “Expertos de WordPress” es https://twitter.com/wpbeginner/lists/wordpress-experts.

Ahora puedes pegar esta URL en tu barra lateral de WordPress.

Agregar lista de Twitter en el widget de texto de WordPress

Del mismo modo, puede encontrar las URL de me gusta, momento y hashtag desde su página de perfil de Twitter, e incrustar fácilmente en su sitio de WordPress.

Sin embargo, debe utilizar la función avanzada TweetDeck de Twitter para crear una colección. Una colección de Twitter es una lista de tweets organizados bajo un tema por un usuario.

Visite el sitio web TweetDeck e inicie sesión con su cuenta de Twitter. Cuando se abra el panel de TweetDeck, haga clic en el botón “Agregar columna” en el panel izquierdo.

Agregar columna en la aplicación TweetDeck

A continuación, debe elegir la opción “Colección”.

Elija la opción de colección en TweetDeck

Después de eso, puedes nombrar tu nueva colección de Twitter.

Crear nueva colección en TweetDeck

Una vez hecho esto, verá una nueva columna agregada a su tablero de TweetDeck.

Arrastre Tweets a la colección de Twitter

Ahora, puede arrastrar tweets desde su casa de Twitter o cualquier cuenta de usuario y crear su colección.

Una vez que haya agregado tweets en su colección, puede insertarlos en su sitio web. Haga clic en el icono Opciones y luego haga clic en la opción Compartir. Después de eso, seleccione la opción “Insertar colección”.

Insertar colección de TweetDeck

Al hacer clic en Incrustar colección, la página de publicación de Twitter se abrirá con el código de incrustación para su colección de Twitter.

Copiar código de incrustación para la colección de Twitter

Copie el código de inserción y luego péguelo en su sitio web utilizando el widget HTML personalizado.

Incrustar colección de Twitter con widget HTML personalizado

Una vez hecho esto, guarde su widget y vea su colección de Twitter en vivo en su sitio web.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar tweets recientes en WordPress y cómo mostrar tweets selectivos en WordPress. También es posible que desee ver nuestra lista de los mejores complementos de redes sociales para WordPress.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me