Cómo incrustar tweets reales en publicaciones de blog de WordPress

¿Quieres incrustar tweets individuales en las publicaciones de tu blog de WordPress? Incrustar tweets en las publicaciones de su blog le permite citar fácilmente tweets dentro de sus publicaciones y hacerlos más atractivos.

Es posible que haya visto muchos blogs y sitios web de noticias populares que incorporan tweets de organizaciones e individuos en sus artículos.

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

En este artículo, le mostraremos cómo incrustar fácilmente tweets en publicaciones y páginas de blogs de WordPress.

Cómo incrustar tweets fácilmente en publicaciones de blog de WordPress

Videotutorial

Suscríbete a WPBeginner

Si prefiere instrucciones escritas, siga leyendo.

Incrustar tweets reales en publicaciones de WordPress: paso a paso

WordPress facilita la incorporación de servicios de terceros en las publicaciones de su blog. Esto incluye videos de YouTube, tweets y otras publicaciones en redes sociales.

Esta característica utiliza un método llamado oEmbed. Básicamente, puede simplemente agregar la URL de un sitio web de terceros, y WordPress les solicitará un código de inserción.

Solo puede agregar servicios oEmbed incluidos en la lista blanca en WordPress, y Twitter es uno de esos servicios.

El editor de bloques de WordPress viene con un bloque incorporado de Twitter que le permite insertar fácilmente tweets en sus publicaciones y páginas.

Primero, debe ir a Twitter y encontrar el tweet que desea incrustar. Después de eso, haz clic en el ícono de flecha hacia abajo a la derecha y luego selecciona la opción ‘Copiar enlace a Tweet’.

Copiar enlace al tuit

A continuación, debe editar la publicación o página de WordPress donde desea incrustar el tweet.

En la pantalla de edición de publicaciones, haga clic en el ícono + para agregar un nuevo bloque y luego seleccione el bloque de Twitter en la sección Insertar.

Agregue el bloque de incrustación de Twitter en el editor de WordPress

Ahora verá el bloque de incrustación de Twitter agregado en el área de edición de publicaciones. Debe pegar la URL del tweet que copió anteriormente en la configuración del bloque.

Insertar Twitter en el editor de publicaciones de WordPress

WordPress ahora buscará y mostrará automáticamente el tweet real en el contenido de su publicación.

Tweet real incrustado en la publicación de WordPress

Puede guardar su publicación o publicarla para ver una vista previa en vivo. Así es como se veía en nuestro sitio web de demostración.

Tweet real incrustado en la vista previa de la publicación del blog de WordPress

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

Incrustación automática de tweets simplemente pegando la URL

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

Si todavía está utilizando el antiguo editor clásico de WordPress, deberá copiar y pegar el enlace del tweet directamente en el editor de publicaciones.

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

Agregue la URL de Twitter en el editor clásico de WordPress

Una vez hecho esto, cargará inmediatamente el tweet real en su editor de publicaciones.

Tweet incrustado en el editor clásico de WordPress

No olvides actualizar o guardar tus cambios y obtener una vista previa de tu publicación o página.

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

De forma predeterminada, WordPress le permite incrustar manualmente tweets en sus artículos y solo puede agregar un tweet a la vez.

¿Qué sucede si desea mostrar tweets recientes de su cuenta, otro usuario o un hashtag?

Aquí es donde Feeds de Twitter personalizados de Smash Balloon entra. Te permite incrustar fácilmente un feed de Twitter con hermosos diseños y toneladas de opciones de personalización.

En primer lugar, debe instalar y activar el Feeds de Twitter personalizados de Smash Balloon enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

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

Tras la activación, debe visitar Feeds de Twitter » Licencia e ingrese su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web de Smash Balloon.

Introduce tu licencia de Smash Balloon

A continuación, debe hacer clic en ‘Activar licencia’ y luego hacer clic en Guardar cambios.

Después de eso, puedes ir a Feeds de Twitter » Configurar y haga clic en el botón azul grande para conectar su cuenta de Twitter.

Conecta tu cuenta de Twitter

Esto lo llevará al sitio web de Twitter y se le pedirá que inicie sesión. Una vez que haya iniciado sesión, debe hacer clic en el botón ‘Autorizar aplicación’ para continuar.

Autorizar la aplicación

Después de eso, será redirigido a su sitio web donde verá los campos Token de acceso y Secreto de token de acceso completados. Asegúrate de guardar tus cambios.

Mostrar su feed de Twitter en WordPress

Una vez que haya configurado el complemento, puede agregar sus tweets recientes a cualquier publicación o página de WordPress.

Simplemente edite la publicación o la página donde desea mostrar el feed de Twitter. En la pantalla de edición de publicaciones, haga clic en el botón (+) para agregar el bloque Feed de Twitter a su página.

Agregar feed de Twitter a la página

Tan pronto como agregue el bloque, cargará automáticamente los tweets recientes de su cuenta de Twitter. Ahora puede guardar su publicación o página y visitarla para ver su feed de Twitter en acción.

Feed de Twitter en la página

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

Incluso puede configurar su feed para mostrar un hashtag en particular si lo desea. Así es como lo harías.

Volver a Feeds de Twitter » Feeds de Twitter y desplácese hacia abajo hasta la configuración de su fuente. Luego seleccione la opción para ‘Hashtag’ e ingrese su hashtag de elección en el campo.

Configuración de hashtags de Smash Balloon

Asegúrese de guardar sus cambios y luego verifique su sitio. Verás una lista de Tweets usando el hashtag que elegiste.

Feed de hashtags de Twitter

Ahora, veamos cómo puede personalizar fácilmente su feed.

Personalización de su feed de Twitter en WordPress

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

Simplemente dirígete a la Feeds de Twitter » Personalizar y verá su primer conjunto de opciones para mostrar su feed. Tienes enlaces rápidos en la parte superior para navegar a la sección que deseas personalizar.

Personalizar diseño

Comencemos haciendo clic en la sección de diseños. Desde aquí, puede elegir entre una serie de opciones que incluyen estilos de lista, carrusel y mampostería.

Elige tu diseño

También puede mostrar y ocultar diferentes elementos como encabezado, enlaces de Twitter, acciones de respuesta y retweet, y más. Una vez que haya terminado, no olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Ahora puede visitar su página de feeds de Twitter para ver su cambio aplicado al feed.

Diseño de mampostería de 2 columnas de feed de Twitter

Si está utilizando el editor clásico, deberá copiar y pegar el código abreviado [custom-twitter-feeds] dónde quieres que esté tu feed en tu página o publicación.

También puede usar el código abreviado o el widget Feed de Twitter para agregar sus Tweets en su barra lateral o pie de página. solo ve a Apariencia » Widgets y arrastra el widget Feed de Twitter a tu barra lateral, o donde quieras.

Agregar feed de Twitter a la barra lateral

Creación de múltiples feeds de Twitter en WordPress

¿Qué sucede si desea mostrar varios feeds de Twitter en una página o publicación? Puede hacerlo fácilmente usando los códigos cortos disponibles.

Solo dirígete a Feeds de Twitter » Feeds de Twitter y luego seleccione la pestaña ‘Mostrar su feed’.

Muestra tu feed

En esta página, verá un montón de ejemplos de shortcode que puede usar.

Por ejemplo, podría simplemente usar este código abreviado: [custom-twitter-feeds screenname=optinmonster num=6] para mostrar 6 tweets recientes de OptinMonster.

Cambia el ‘nombre de pantalla’ a cualquier nombre de Twitter que quieras usar. Y luego elija el número que desee en la opción ‘num = 6’ para mostrar la cantidad de Tweets.

A continuación, lo agregará a su publicación usando el bloque de código abreviado haciendo clic en (+) y luego eligiendo el widget de código abreviado.

Widget de código abreviado de Twitter

Desde allí, agregue el código abreviado dentro de la configuración del bloque y guarde su publicación o página.

Insertar código abreviado de Twitter

Ahora puede guardar o publicar su publicación y visitar su sitio web para verla en acción.

Twitter de OptinMonster

Esperamos que este artículo le haya ayudado a aprender cómo incrustar tweets reales en publicaciones de blog de WordPress. También puede consultar nuestra guía sobre cómo crear un boletín informativo por correo electrónico para aumentar su tráfico, y nuestra selección experta de los mejores complementos de Twitter para WordPress para obtener más seguidores.

.

Deja un comentario