¿Quieres saber cuál es la forma más sencilla de mostrar un carrusel de feeds de Twitter en WordPress?
Con un carrusel de fotos o vídeos de Twitter, puede hacer que su sitio web resulte más atractivo para sus visitantes y fomentar las ventas.
Pero si no eres un experto en tecnología, puede resultar confuso personalizar el código de Twitter y mostrar tu feed en un diseño de carrusel.
A continuación te mostramos la forma más sencilla de integrar un carrusel de noticias de Twitter en tu sitio web, ¡sin necesidad de programación!
En este artículo:
Métodos para incrustar el carrusel de noticias de Twitter
Para mostrar tu feed de Twitter en un diseño deslizante, tienes 2 opciones para elegir:
- Manual: Utiliza la plataforma de Twitter para generar un código de inserción. A continuación, modifica el código para personalizar tu feed de Twitter en un diseño de carrusel. También puedes contratar a un desarrollador para que lo haga por ti.
- Automático: Utiliza un plugin de WordPress que se conecte a la API de Twitter. A continuación, conecta tu cuenta de Twitter al plugin e incrusta tu cronología de Twitter en un diseño de carrusel con solo unos clics.
El 1er método es bastante complicado, ya que tendrás que ir y venir entre diferentes sitios web y lidiar con un montón de códigos de incrustación.
Por lo tanto, puede ser bastante complicado mostrar tus tweets en un diseño de presentación de diapositivas si no tienes conocimientos de codificación.
Además, si utilizas el método manual, necesitarás conocimientos técnicos avanzados de HTML, CSS, PHP, JavaScript u otros lenguajes de programación para personalizar el diseño de tu feed de Twitter.
Es más, si rompes accidentalmente tu sitio web por lo confuso que es el proceso, no tienes un equipo de asistencia dedicado a ayudarte.
La forma más fácil de añadir un carrusel de Twitter
Con la ayuda de un plugin de primera categoría como Twitter Feed Pro, puede crear fácilmente feeds de Twitter personalizables y mostrarlos en su sitio sin necesidad de ningún trabajo técnico.
De hecho, el plugin es tan fácil de usar que incluso los novatos en WordPress pueden configurar y mostrar su feed de Twitter con sólo unos clics.
Además de ser fácil de usar, incluye montones de funciones:
- El plugin también es muy rápido, por lo que no ralentizará su sitio web. Y eso significa mucho mejor SEO para su sitio.
- Para ahorrarte tiempo, Twitter Feed Pro tiene un aspecto estupendo nada más sacarlo de la caja y se adapta automáticamente a tu marca.
- Dado que el plugin funciona perfectamente con los principales plugins como WooCommerce, puede mostrar comentarios positivos de Twitter junto con la llamada a la acción a sus páginas de productos para aumentar sus ventas.
- Para tener un mayor control sobre el diseño, dispones de un editor de feeds en vivo, con el que podrás dar estilo a tu feed de Twitter con facilidad, sin necesidad de codificación.
¿Y lo mejor?
Cuando adquiera el plugin, también tendrá acceso a su rápido y amable equipo de soporte formado por expertos en WordPress.
Gracias a su servicio de atención al cliente y a sus increíbles funciones, más de 100.000 usuarios de todo el mundo confían en Twitter Feed Pro, con una sólida valoración media de 4,9/5 estrellas .
Cómo crear un carrusel X (Twitter) en WordPress
¿Listo para empezar a incrustar un carrusel de feeds de Twitter en WordPress? Vamos a sumergirnos en el tutorial paso a paso a continuación.
Paso 1: Instalar el plugin Twitter Feed Pro
Para empezar a añadir tu feed de Twitter a tu sitio, consigue tu propia copia del plugin Twitter Feed Pro aquí.
Una vez descargado el plugin en su ordenador, el siguiente paso es instalarlo en su sitio de WordPress.
¿Necesita que le refresquemos la memoria? Simplemente siga estas instrucciones paso a paso para instalar un plugin de WordPress en su sitio web.
Paso 2: Crear un feed de Twitter
Twitter Feed Pro hace que sea muy fácil crear un nuevo feed de Twitter para su sitio web WordPress.
Desde el panel de administración de WordPress, vaya al menú Twitter Feed " Todas las fuentes y haga clic en el botón Añadir nuevo.
Una vez hecho esto, el plugin te pedirá que selecciones el tipo de feed que quieres mostrar en tu carrusel de Twitter.
El plugin Twitter Feed Pro te permite elegir entre 3 tipos de feed:
- Cronología del usuario: Muestra los últimos tweets de cualquier usuario de Twitter, con o sin retweets.
- Hashtag: Muestra un feed con los hashtags específicos de Twitter que elijas.
- Buscar: Incrusta los resultados de búsqueda de Twitter después de elegir tus términos de búsqueda.
Seleccione el tipo de feed de Twitter que prefiera entre estas opciones y, a continuación, haga clic en Siguiente.
Paso 3: Conecte su cuenta de Twitter
Ahora, es el momento de conectar tu cuenta de Twitter al plugin para que puedas acceder a todas sus funcionalidades.
Para configurar tu plugin para que se conecte a tu cuenta de Twitter, haz clic en el botón Conectar aquí.
Una vez hecho esto, Twitter Feed Pro te pedirá acceso de sólo lectura a tu cuenta de Twitter.
El plugin sólo puede leer tus datos de Twitter y no tiene acceso a cambiar nada. Como resultado, tus datos personales estarán completamente seguros.
Por lo tanto, haga clic en el botón Autorizar aplicación para continuar.
Una vez hecho esto, puedes seleccionar la fuente de tu feed de Twitter. Esto significa que puedes elegir el hashtag, la cuenta de Twitter, la lista, el término de búsqueda, etc. que quieras mostrar.
Para nuestro tutorial, añadiremos los hashtags que hayamos elegido en el campo Hashtag .
Después de añadir la fuente, haga clic en Siguiente.
Paso 4: Diseñe su carrusel de noticias de Twitter
Con este plugin para WordPress de carrusel de feeds de Twitter, puedes elegir la plantilla para tu feed.
De esta forma, puedes habilitar rápidamente diseños únicos para tu nuevo feed. Desde aquí puedes mostrar tuits individuales, tarjetas de mampostería, widgets de Twitter y mucho más.
Dado que nuestro principal objetivo en este tutorial es añadir un carrusel de noticias de Twitter a su sitio, puede elegir la opción Carrusel simple o la opción Carrusel de escaparate .
Con una simple opción de carrusel, tu carrusel de Twitter se verá como una fila horizontal de tweets en una presentación de diapositivas.
Por otro lado, un carrusel de escaparates destacará un tuit cada vez.
Sólo tienes que seleccionar la plantilla de carrusel de Twitter y hacer clic en Siguiente.
En este tutorial, vamos a utilizar la plantilla de carrusel simple. Es una gran manera de promocionar tus tweets usando un anuncio interactivo en carrusel.
Su feed tendrá ahora un aspecto similar al del ejemplo de carrusel de Twitter que aparece a continuación:
Ahora, Twitter Feed Pro abrirá el editor de feed en vivo, donde podrás personalizar el diseño de tu nuevo feed de Twitter.
Hacia la izquierda, encontrarás el panel de personalización, donde podrás configurar el diseño de tu feed, la combinación de colores, el estilo de la cabecera, cargar más estilos de botones y mucho más.
La parte derecha de la pantalla tiene una vista previa en directo de tu nuevo carrusel de Twitter. De esta forma, podrás seguir fácilmente tus cambios en todo momento.
Paso 5: Personaliza tu feed carrusel de Twitter
Como se mencionó, este plugin de WordPress carrusel ya se ve muy bien nada más sacarlo de la caja.
Como copia automáticamente el tema existente en tu sitio web, tu feed de Twitter tendrá un aspecto coherente con la identidad visual de tu marca.
Y si quieres tener más control sobre el diseño de tu feed, también puedes hacerlo. Empieza por hacer clic en la opción Esquema de color de la izquierda.
Puedes elegir la combinación de colores que más te guste y cambiar al instante todos los colores de tu nuevo carrusel de Twitter.
Puede elegir entre 4 combinaciones de colores:
- Heredar del tema: Copia automáticamente los colores de tu tema de WordPress
- Claro: Elige un fondo claro y un color de fuente oscuro para tu carrusel de Twitter
- Oscuro: utilice un color de fondo oscuro junto con un tipo de letra claro.
- Personalizados: Selecciona manualmente todos los colores
Una vez seleccionada la combinación de colores que prefieras, haz clic en Guardar para confirmar los cambios.
Para continuar con la personalización, basta con hacer clic en el pequeño botón Personalizar de la parte superior.
Así de fácil, puedes usar las opciones restantes para configurar tu cabecera, el estilo de la caja de tweets, cargar más botones, lightbox y mucho más. También puedes configurar el número de diapositivas de tu carrusel de Twitter.
Haz clic en el botón Guardar cuando estés satisfecho con el aspecto de tu carrusel de Twitter.
Paso 6: Insertar el carrusel de noticias de Twitter en WordPress
Usando el plugin, ahora puedes incrustar un carrusel de feeds de Twitter sin ninguna molestia. De hecho, tienes 2 maneras diferentes de incrustar feeds de Twitter:
- Añadir carrusel de Twitter a la página de WordPress
- Añadir carrusel de Twitter a la barra lateral de WordPress
Añadir Twitter Feed Carrusel a la página de WordPress
En primer lugar, haz clic en el botón Incrustar situado en la parte superior del editor de transmisiones en directo.
Ahora, es el momento de elegir la ubicación de tu feed de Twitter. Puede añadirlo a los mensajes, páginas, barra lateral, pie de página, páginas de destino Elementor, y más.
Por ahora, haga clic en la opción Añadir a una página para continuar.
Ahora, puede seleccionar en qué página de WordPress desea mostrar su feed de carrusel de Twitter.
Seleccione su página en la ventana emergente y haga clic en Añadir.
Esto abrirá esa página en el editor de WordPress para que pueda incrustar el feed carrusel de Twitter.
Dentro de su editor, haga clic en el icono más (+) para añadir un nuevo bloque de WordPress.
Desde ahí, busca "twitter feed" y haz clic en el widget Twitter Feed para añadirlo a tu página.
Dentro del editor de páginas, puedes editar libremente el título de tu página y asegurarte de que todo se ve bien antes de publicarla. Cuando esté listo para publicarla en su sitio web, haga clic en Publicar o Actualizar.
Por último, abra su sitio web y podrá ver el aspecto de su carrusel de Twitter Smash Balloon.
Añadir carrusel de noticias de Twitter a la barra lateral de WordPress
Como el plugin tiene un widget ya preparado, también puedes utilizarlo para mostrar tu feed de Twitter como widget en tu barra lateral.
Para añadir un widget de Twitter a su sitio web, vaya a Twitter Feed " All Feeds desde su panel de control.
A continuación, haz clic en el feed de Twitter que acabas de crear.
Como antes, haz clic en el botón Incrustar de la esquina superior derecha del editor de tu directo.
A través de la ventana emergente, puedes elegir incrustar este feed de Twitter como widget. Para ello, haz clic en el botón Añadir a un widget .
Esto le enviará a la página Widgets de su sitio web WordPress.
Desde aquí, puedes hacer clic en un panel de la barra lateral si quieres incrustar tu carrusel de Twitter en la barra lateral.
Para añadir el carrusel al pie de página, haga clic en el panel del pie de página .
Usaremos un pie de página de WordPress para nuestro tutorial.
Después de elegir la ubicación, ya está listo para añadir la entrada del carrusel de Twitter a la barra lateral o al pie de página de su sitio web.
Aquí, haz clic en el icono más (+) para añadir un nuevo widget y haz clic en el widget de Twitter .
No olvide hacer clic en Actualizar para confirmar los cambios.
Ahora, puedes abrir tu sitio para ver tu deslizador de tweets mostrado para tus visitantes, como este ejemplo de carrusel de Twitter:
Así que, ¡ahí lo tienen!
Ahora, ya conoces la forma más fácil de incrustar tu carrusel de Twitter en tu sitio web WordPress. Con Smash Balloon, es fácil y rápido añadir contenido de redes sociales a tu sitio web.
Sólo tienes que utilizar Twitter Feed Pro para añadir un deslizador de tweets, y puedes conseguir más seguidores, mejorar las tasas de clics, y hacer crecer tu negocio - sin necesidad de lidiar con el código o conseguir cualquier complemento.
¿Listo para crear carruseles de diapositivas en Twitter? Empieza hoy mismo con Twitter Feed Pro.
Si quieres mejorar tu marketing en redes sociales en Twitter, consulta nuestro post sobre los mejores tipos de tuits para hacer crecer tu negocio.
Más guías y tutoriales sobre marketing en redes sociales
- Consejos probados sobre cómo conseguir más seguidores en TikTok [Revelado]
- Las mejores formas de aumentar la participación en Twitter
- Cómo programar publicaciones en Twitter/X desde tu sitio web (paso a paso)
- Los mejores plugins X (Twitter) para promocionar tu negocio en WordPress
- Las mejores formas de ganar dinero en Twitter con facilidad (selección de expertos)
graet pero no es rtl apoyo
¿podría darme el código css para hacerlo rtl?
Hola Fátima,
Gracias por ponerse en contacto con nosotros. Por favor, abra un nuevo ticket de soporte utilizando el formulario de soporte aquí; ya que necesitamos un poco más de información, por lo que podemos compartir el código CSS para RTL.
Gracias.