Saltar al contenido

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

¿Quieres insertar tweets individuales en las publicaciones de tu blog de WordPress? Incrustar Tweets en las publicaciones de su blog le permite citar tweets fácilmente dentro de sus publicaciones, así como hacerlas más atractivas.

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

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

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

 

Incrustar tweets reales en publicaciones de WordPress: paso a paso

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

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

Solo puede agregar servicios oEmbed en 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 incorporado que le permite insertar tweets fácilmente en sus publicaciones y páginas.

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

20201205 27

A continuación, debe editar la publicación o la página de WordPress en la que desea insertar el tweet.

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

20201205 28

Ahora verá el bloque Insertar 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.

20201205 29

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

Leer más  Cómo aplicar automáticamente cupones en WooCommerce usando URL de cupón
20201205 30

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.

20201205 31

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 inserción de Twitter.

20201205 2

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 su contenido. Es por eso que necesita pegar la URL del tweet en una línea separada en el editor.

20201205 32

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

20201205 33

No olvide actualizar o guardar sus cambios y obtener una vista previa de su publicación o página.

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

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

¿Qué pasa si quisiera mostrar los tweets recientes de su cuenta, otro usuario o un hashtag?

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

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

Nota: también hay disponible una versión gratuita del complemento de feeds de Twitter personalizado . Presentamos la versión Pro porque tiene más funciones.

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

20201205 34

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

Leer más  ¿Qué es WordPress? Una guía para principiantes (preguntas frecuentes + pros y contras)

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

20201205 35

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.

20201205 36

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

Visualización de 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 en la que desea mostrar el feed de Twitter. En la pantalla de edición de publicaciones, haga clic en el botón (+) para agregar el bloque de Twitter Feed a su página.

20201205 37

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

20201205 38

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

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

Vuelve a Twitter Feeds »Twitter Feeds y desplázate hacia abajo hasta la configuración de Feed. Luego, seleccione la opción de ‘Hashtag’ e ingrese el hashtag de su elección en el campo.

20201205 39

Asegúrese de guardar sus cambios y luego verifique su sitio. Verá una lista de Tweets con el hashtag que eligió.

20201205 40

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 pestaña Twitter Feeds »Personalizar , y verás tu primer conjunto de opciones para mostrar tu feed. Tiene enlaces rápidos en la parte superior para navegar a la sección que desea personalizar.

Leer más  Cómo obtener la ubicación de su visitante a partir de su dirección IP
20201205 41

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

20201205 42

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 la página de su feed de Twitter para ver su cambio aplicado al feed.

20201205 43

Si está utilizando el editor clásico , deberá copiar y pegar el código corto [custom-twitter-feeds] donde desea que esté su fuente en su página o publicación.

También puede usar el código corto o el widget de Twitter Feed para agregar sus Tweets en su barra lateral o pie de página. Simplemente vaya a Apariencia »Widgets y arrastre el widget Twitter Feed a su barra lateral, o donde quiera.

20201205 44

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

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

Simplemente dirígete a Twitter Feeds »Twitter Feeds y luego selecciona la pestaña” Mostrar tu feed “.

20201205 45

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

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

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

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

20201205 46

A partir de ahí, agregue el código corto dentro de la configuración del bloque y guarde su publicación o página.

20201205 47

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

20201205 48