Cómo incrustar Tweets reales en las entradas del blog de WordPress

¿Quieres incrustar tweets individuales en las entradas de tu blog de WordPress? Incrustar Tweets en las entradas de tu blog te permite citar fácilmente los tweets dentro de tus entradas, así como hacerlas más atractivas.

Es posible que hayas visto muchos blogs populares y sitios web de noticias que incrustan tweets de organizaciones y personas en sus artículos.

Esto hace que las citas sean más auténticas y permite a tus usuarios seguir las conversaciones completas para obtener más información.

En este artículo, te mostraremos cómo incrustar fácilmente tweets en las entradas y páginas del blog de WordPress.

Cómo incrustar fácilmente tuits en entradas de blog de WordPress

Video Tutorial

Suscribirse a WPMundobytes

Si prefieres las instrucciones escritas, sigue leyendo.

Incrustar Tweets reales en entradas de WordPress - Paso a paso

WordPress facilita la incrustación de servicios de terceros en las entradas de tu blog. Esto incluye vídeos de YouTube, tweets y otras publicaciones de redes sociales

Esta función utiliza un método llamado oEmbed. Básicamente, puedes añadir la URL de un sitio web de terceros, y WordPress les pedirá un código de incrustación.

Sólo puedes añadir servicios oEmbed de la lista blanca en WordPress, y Twitter es uno de esos servicios.

El editor de bloques de WordPress viene con un bloque de incrustación de Twitter integrado que te permite insertar fácilmente tweets en tus entradas y páginas

En primer lugar, tienes que ir a Twitter y encontrar el tuit que quieres incrustar. Después, haz clic en el icono de la flecha hacia abajo de la derecha y, a continuación, selecciona la opción "Copiar enlace a Tweet"

Copiar Enlace a Tweet

A continuación, tienes que editar la entrada o página de WordPress en la que quieres incrustar el tuit

En la pantalla de edición de la entrada, haz clic en el icono + para añadir un nuevo bloque y, a continuación, selecciona el bloque de Twitter en la sección Incrustaciones

Añadir el bloque de inserción de Twitter en el editor de WordPress

Ahora verás el bloque de incrustación de Twitter añadido en el área de edición de la entrada. Tienes que pegar la URL del tweet que has copiado antes en la configuración del bloque

Insertar Twitter en el editor de entradas de WordPress

Ahora WordPress obtendrá y mostrará automáticamente el tuit real en el contenido de tu entrada

Tuit real incrustado en un post de WordPress

Puedes guardar tu post o publicarlo para ver una vista previa en vivo. Así es como se ve en nuestro sitio web de demostración

Tuit real incrustado en la vista previa de una entrada de blog de WordPress

Consejo profesional: También puedes pegar la URL del Tweet en un bloque de párrafo y WordPress lo convertirá automáticamente en un bloque de inserción de Twitter

Incrustar automáticamente los tweets con sólo pegar la URL

Cómo incrustar tweets en el editor clásico de WordPress

Si todavía utilizas el antiguo editor clásico de WordPress, tendrás que copiar y pegar el enlace del tuit directamente en el editor de entradas

A diferencia del editor de bloques, el editor clásico es un único cuadro de texto para todo tu contenido. Por eso tienes que pegar la URL del tweet en una línea separada en el editor

Añadir la URL de Twitter en el editor clásico de WordPress

Una vez hecho esto, se cargará inmediatamente el tweet real en tu editor de posts

Tweet incrustado en el editor clásico de WordPress

No olvides actualizar o guardar los cambios y previsualizar tu post o página

Cómo incrustar automáticamente los últimos tweets en WordPress

Por defecto, WordPress te permite incrustar manualmente los tweets en tus artículos, y sólo puedes añadir un tweet cada vez

¿Y si quieres mostrar los tweets recientes de tu cuenta, de otro usuario o de un hashtag?

Aquí es donde Globo Smash personalizado en Twitter llega. Te permite incrustar fácilmente un feed de Twitter con hermosos diseños y toneladas de opciones de personalización

En primer lugar, tienes que instalar y activar el Globo Smash Personalizado Twitter Feeds plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Nota: hay un versión gratuita de los feeds personalizados de Twitter disponible también. Estamos mostrando la versión pro porque tiene más funciones.

Tras la activación, tienes que visitar Twitter Feeds " Licencia e introduce tu clave de licencia. Puedes encontrar esta información en tu cuenta en el sitio web de Smash Balloon

Introduce tu licencia de Smash Balloon

A continuación, debes hacer clic en "Activar licencia" y luego en "Guardar cambios"

Después de eso, puedes ir a Twitter Feeds " Configurar y haz clic en el gran botón azul para conectar tu cuenta de Twitter.

Conecta tu cuenta de Twitter

Esto te llevará al sitio web de Twitter y se te pedirá que inicies sesión. Una vez iniciada la sesión, tienes que hacer clic en el botón "Autorizar la aplicación" para continuar

Autorizar la aplicación

Después de esto, serás redirigido de nuevo a tu sitio web, donde verás que se han rellenado los campos de Token de Acceso y de Secreto de Token de Acceso. Asegúrate de guardar los cambios.

Mostrar tu feed de Twitter en WordPress

Una vez que hayas configurado el plugin, puedes añadir tus tweets recientes a cualquier entrada o página de WordPress

Simplemente edita el post o la página donde quieras mostrar el feed de Twitter. En la pantalla de edición de la entrada, haz clic en el botón (+) para añadir el bloque de Twitter Feed a tu página.

Añadir el feed de Twitter a la página

En cuanto añadas el bloque, se cargarán automáticamente los tweets recientes de tu cuenta de Twitter. Ahora puedes guardar tu entrada o página y visitarla para ver tu feed de Twitter en acción

Twitter en la página

Ahora tienes un feed de tus Tweets que se actualiza automáticamente cada vez que twitteas.

Incluso puedes configurar tu feed para que muestre un hashtag concreto si quieres. Así es como lo harías

Vuelve a Twitter Feeds " Twitter Feeds y desplázate hasta la configuración de tu feed. A continuación, selecciona la opción de "Hashtag" e introduce el hashtag de tu elección en el campo.

Configuración del hashtag Smash Balloon

Asegúrate de guardar los cambios y, a continuación, comprueba tu sitio. Verás una lista de Tweets que utilizan el hashtag que elegiste.

Feed de hashtags de Twitter

Ahora, veamos cómo puedes personalizar fácilmente tu feed

Personalizar tu feed de Twitter en WordPress

Smash Balloon Twitter Feed te permite mostrar los feeds de Twitter en varios diseños con varias opciones de personalización

Simplemente dirígete a la página Twitter Feeds " Personalizar y verás tu primer conjunto de opciones para mostrar tu feed. Tienes enlaces rápidos en la parte superior para navegar a la sección que quieras personalizar

Personalizar el diseño

Empecemos por hacer clic en la sección de diseños. Desde aquí, puedes elegir entre varias opciones, como los estilos de lista, carrusel y mampostería

Elige tu diseño

También puedes mostrar y ocultar diferentes elementos como la cabecera, los enlaces de Twitter, las acciones de respuesta y retweet, y mucho más. Una vez que hayas terminado, no olvides hacer clic en el botón Guardar cambios para guardar tu configuración

Ahora puedes visitar tu página de Twitter para ver tus cambios aplicados al feed

Twitter feed 2 column masonry layout

Si utilizas el editor clásico, tendrás que copiar y pegar el shortcode [custom-twitter-feeds] donde quieras que esté tu feed en tu página o entrada

También puedes utilizar el shortcode o el widget de Twitter Feed para añadir tus Tweets en tu barra lateral o en el pie de página. Sólo tienes que ir a Apariencia " Widgets y arrastra el widget de Twitter Feed a tu barra lateral, o donde quieras.

Añadir el feed de Twitter a la barra lateral

Crear varios feeds de Twitter en WordPress

¿Qué pasa si quieres mostrar varios feeds de Twitter en una página o entrada? Puedes hacerlo fácilmente utilizando los códigos cortos disponibles

Sólo tienes que dirigirte a Twitter Feeds " Twitter Feeds y luego selecciona la pestaña "Mostrar tu feed".

Mostrar tu feed

En esta página, verás un montón de ejemplos de shortcodes que puedes utilizar

Por ejemplo, puedes utilizar simplemente este shortcode [custom-twitter-feeds screenname=optinmonster num=6] para mostrar 6 tweets recientes de OptinMonster

Cambia el 'screenname' por cualquier nombre de Twitter que quieras utilizar. Y luego elige el número que quieras en la opción 'num=6' para mostrar el número de Tweets.

A continuación, lo añadirás a tu publicación utilizando el bloque de código corto haciendo clic en el (+) y eligiendo después el widget de código corto.

Widget de código corto de Twitter

A partir de ahí, añade el shortcode dentro de la configuración del bloque y guarda tu post o página

Insertar código corto de Twitter

Ahora puedes guardar o publicar tu post y visitar tu sitio web para verlo en acción

Feed de Twitter de OptinMonster

Esperamos que este artículo te haya servido para aprender a incrustar Tweets reales en las entradas del blog de WordPress. Quizás también quieras ver nuestra guía sobre cómo crear un boletín de noticias por correo electrónico para aumentar tu tráfico, y nuestra selección de expertos de los mejores plugins de Twitter para WordPress para conseguir más seguidores

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo incrustar Tweets reales en las entradas del blog de WordPress puedes visitar la categoría Plugins.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up