¿Quieres añadir un feed horizontal X (Twitter) en tu sitio web WordPress?
Colocar sus últimos tweets, menciones o incluso hashtags en un elegante diseño horizontal en su sitio web es una buena forma de mostrar actualizaciones puntuales sin ocupar mucho espacio vertical.
Como vendedor de medios sociales, sé que conseguir que tu feed de Twitter se vea tal y como quieres en tu sitio web utilizando las opciones normales de incrustación de Twitter puede ser difícil, especialmente cuando quieres un diseño específico como un deslizador horizontal o un carrusel.
En Smash Balloon, creamos los mejores plugins de feeds de redes sociales para WordPress. Nuestros plugins hacen que sea muy fácil de mostrar el contenido de sitios como Twitter en varios diseños, incluyendo horizontal.
En este artículo, te mostraré exactamente cómo utilizar nuestro sencillo método para añadir un feed horizontal de Twitter a tu sitio web WordPress.
¿Y lo mejor de todo? Esta guía te guía paso a paso. Está hecha para todo el mundo, para que puedas tener rápidamente tu hermoso feed horizontal de Twitter en tu sitio - sin necesidad de codificación.
En este artículo
- La forma más fácil de añadir un feed horizontal en Twitter
- Cómo incrustar un feed horizontal X (Twitter) en WordPress
- Tutoriales y guías populares sobre Twitter Marketing
La forma más fácil de añadir un feed horizontal en Twitter
Eres libre de incrustar manualmente un feed horizontal de Twitter en tu sitio web. Pero debes saber que hacerlo conlleva muchas limitaciones, como:
- Difícil de configurar: Cuando incrustas manualmente tus tweets en una plantilla de diseño horizontal en WordPress, necesitas lidiar con mucho código como HTML, PHP, JavaScript o CSS personalizado.
- Difícil de personalizar: Estás atascado con el diseño por defecto de Twitter. Así que si quieres cambiar el diseño de tu feed de Twitter a un feed de desplazamiento horizontal, puede que tengas que gastar dinero contratando a un desarrollador.
- Arriesgado: ¿alguna vez has intentado modificar el código de incrustación de tu sitio web en WordPress? Si cometes un pequeño error, es posible que aparezca la temida página de "error", cuya corrección te llevará mucho tiempo y recursos.
- Control limitado sobre tus tweets: ¿Quieres moderar tus tweets para mostrar sólo el contenido que deseas? Twitter tampoco te permite hacerlo.
- Nadie que priorice ayudarte: ¿Se te ha estropeado la web? ¿O no sabes qué hacer? Twitter no tiene un equipo de soporte dedicado a ayudarte. Así que estás solo.
Si Twitter dificulta la incrustación horizontal de tu feed de Twitter en tu sitio, ¿cuál es la mejor manera?
Usted puede hacer todo más fácil y más rápido mediante el mejor plugin de Twitter feed para WordPress: Smash Balloon Twitter Feed Pro.
Este plugin para principiantes te ayuda a añadir fácilmente tu feed horizontal de Twitter a tu sitio WordPress.
Sí, ni siquiera es necesario modificar líneas de código para configurarlo.
¿Y lo mejor? Tiene un diseño de carrusel incorporado. Así que usted puede mostrar fácilmente su feed de Twitter horizontalmente, también.
Además, como está diseñado pensando en los usuarios, puedes estar seguro de que el plugin se carga súper rápido en tu sitio web. Y un sitio web más rápido significa mejor SEO, por lo que su sitio se posiciona mejor en los resultados de los motores de búsqueda.
Además, con una sólida valoración de 4,9/5 estrellas, este plugin de feeds de Twitter personalizados está felizmente recomendado por más de 100.000 usuarios activos.
Twitter Feed Pro amplía la funcionalidad de su sitio web para mostrar el contenido de Twitter en su sitio. Estas son algunas de las mejores características del plugin:
- Muy fácil de configurar: Instala el plugin, configúralo y muestra tu feed horizontal de Twitter con sólo unos clics, ¡sin necesidad de conocimientos técnicos!
- Se ve muy bien fuera de la caja: Este plugin de Twitter para WordPress hereda automáticamente el diseño de tu tema. Por lo tanto, es coherente con la identidad visual de tu marca y el tema de WordPress existente.
- Fácilmente personalizable: Usando nuestro personalizador de feed en vivo, puedes habilitar fácilmente el diseño de desplazamiento horizontal, cambiar los colores, establecer el diseño de los botones y mucho más.
- Añade tus feeds de Twitter sin necesidad de código: Puedes incrustar fácilmente un widget de desplazamiento de Twitter en tu barra lateral o pie de página con el widget del plugin.
- Optimizado para un buen SEO: Dado que el plugin se creó pensando en el SEO, te resultará más fácil posicionarte en los resultados de los motores de búsqueda y llegar a más clientes potenciales.
- Te da el control total de tu contenido: Muestra sólo los tweets que quieras en tu feed personalizado de Twitter con la ayuda de la función de moderación del plugin.
¿Y sabes qué más viene con el plugin? Puedes contactar con su amable y servicial equipo de soporte. Están dedicados a ayudarte siempre que necesites que alguien te eche una mano.
¿Otra parte interesante de usar este plugin para integrar Twitter en tu sitio web?
Twitter Feed Pro de Smash Balloon también es felizmente confiado por las marcas más grandes de todo el mundo para mostrar la prueba social. Así que, ¡sabes que estás en buena compañía!
Como puedes ver, te resultará muy fácil incrustar contenido de plataformas de medios sociales con la ayuda de este plugin de Twitter.
¿Quieres aumentar la participación en la cuenta de Twitter de tu marca? Consigue hoy mismo tu copia de Twitter Feed Pro.
Cómo incrustar un feed horizontal X (Twitter) en WordPress
Usando este método a continuación, puedes configurar tus tweets rotativos en WordPress en pocos minutos.
Empecemos.
Paso 1: Instalar el plugin Twitter Feed Pro
En primer lugar, obtenga su propia copia del plugin Smash Balloon Twitter Feed Pro aquí. Descarga el plugin en tu ordenador e instálalo en tu sitio web WordPress.
¿Necesitas un repaso sobre la instalación de plugins de WordPress?
Puedes seguir este útil tutorial sobre cómo instalar un plugin de WordPress en tu sitio. Tiene instrucciones paso a paso para que puedas hacerlo fácilmente.
Paso 2: Crear un nuevo feed de Twitter
Utilizando el flujo guiado, puede crear fácilmente un nuevo feed de Twitter en su sitio web.
En primer lugar, vaya al menú Twitter Feed " All Feeds desde el panel de control de WordPress.
En esta página, pulse el botón Añadir nuevo .
Para seguir creando tu feed horizontal de Twitter, tienes que elegir el tipo de feed.
Usando Twitter Feed Pro, hay diferentes tipos de feed entre los que puedes elegir:
- Cronología del usuario: Muestra los tweets y retweets recientes de tu cronología de Twitter.
- Hashtag: Muestra tweets basados en hashtags específicos que hayas seleccionado.
- Buscar: Introduce los términos de búsqueda e incrusta las publicaciones de Twitter coincidentes.
Hemos elegido mostrar un hashtag de Twitter como ejemplo.
Una vez seleccionado el tipo de feed de Twitter, haz clic en el botón Siguiente .
Paso 3: Conecte su cuenta de Twitter
Al conectar su cuenta de Twitter, puede mostrar contenido de Twitter en su sitio web.
Para empezar, haz clic en el botón Conectar de la ventana emergente.
Una vez que hagas clic en él, el plugin te redirigirá a Twitter. Allí, puedes dar al plugin acceso de solo lectura a tu cuenta de Twitter.
Dado que se trata de un acceso de sólo lectura, Twitter Feed Pro no podrá realizar ningún cambio en tu cuenta.
Haz clic en el botón de la aplicación Autorizar para conectar tu cuenta de Twitter.
Así de fácil, habrás conectado tu feed a Twitter, ¡sin necesidad de lidiar con tokens de acceso o API!
Después de eso, el plugin abrirá tu sitio web una vez más para que puedas terminar de configurar tu feed de Twitter.
Ahora, puedes elegir qué mostrar en tu sitio web introduciendo cuentas de usuario específicas, hashtags, términos de búsqueda y mucho más.
Para nuestro tutorial, añadiremos el hashtag de Twitter "#KEEB_PD" en la ventana emergente.
Una vez que haya añadido una fuente, pulse el botón Siguiente .
Paso 4: Activar el diseño horizontal
Después de conectar tu fuente, el plugin te pedirá que elijas la plantilla que prefieras.
Con estas plantillas, puedes crear rápidamente un diseño único para tu feed de Twitter. Esto significa que puedes añadir fácilmente un carrusel de Twitter a WordPress utilizando una plantilla.
Para mostrar su feed de Twitter horizontalmente, seleccione la plantilla Carrusel simple y haga clic en Siguiente.
Esto habilitará un diseño horizontal para tu feed de Twitter, que se parece a esto:
Paso 5: Estiliza tu feed horizontal de Twitter
¿Ya has elegido el diseño de carrusel para tu feed de Twitter en WordPress? Perfecto.
El plugin abrirá ahora tu feed horizontal de Twitter en el editor de feeds en directo para que puedas personalizar su diseño.
A la izquierda, puedes encontrar todas las opciones de personalización. Con ellas, puedes configurar el esquema de colores, el diseño del feed, el tamaño del feed, el número de entradas y mucho más.
También hay una vista previa en directo de tu feed a la derecha. De este modo, obtendrás una vista previa en tiempo real de tu feed de Twitter.
Para empezar, haga clic en la opción Diseño de la fuente de la izquierda.
Si te desplazas hacia abajo a la izquierda, encontrarás las opciones para configurar tu feed horizontal de Twitter.
En la opción Configuración del carrusel , puede activar o desactivar las flechas de navegación, los puntos de paginación, así como la reproducción automática.
Debajo, puedes elegir el número de tweets, las filas, el tamaño del carrusel, el tiempo de intervalo, el tipo de bucle y mucho más.
Elija las opciones que prefiera y pulse Guardar.
Para volver de nuevo a las opciones principales, haga clic en el botón Personalizar de la esquina superior izquierda.
Ahora, vamos a cambiar los colores de tu nuevo feed de Twitter.
Para ello, vaya a la opción Combinación de colores de la izquierda.
Desde aquí, puedes elegir entre 4 esquemas de color diferentes para tu feed horizontal de Twitter.
- Heredar del tema: Copie los colores de su sitio web
- Claro: Fondo claro con fuente oscura
- Oscuro: fondo oscuro junto con una fuente más clara
- Personalizados: Elige manualmente todos los colores
Sólo tienes que seleccionar un esquema de color de las opciones y, a continuación, hacer clic en Guardar para continuar.
A continuación, puede volver de nuevo a las opciones principales haciendo clic en el botón Personalizar de la parte superior.
Como puedes ver, puedes utilizar el editor de feed en directo para personalizar el resto de tu feed de Twitter con facilidad.
Todo lo que tienes que hacer es pulsar unos pocos botones, y podrás cambiar la cabecera de tu feed, cargar más botones, el diseño de la tarjeta de Twitter, y mucho más. No hay necesidad de lidiar con fragmentos de código confusos o contratar a un desarrollador para ayudarle.
Cuando estés satisfecho con el aspecto de tu feed de Twitter de desplazamiento horizontal, haz clic en el botón Guardar .
Paso 6: Insertar su feed horizontal de Twitter en WordPress
Por último, puedes empezar a incrustar este feed horizontal de Twitter en tu sitio web.
Con Twitter Feed Pro, puedes mostrar tu feed en la página de tu sitio web, en la barra lateral o en el pie de página.
Insertar su feed de Twitter horizontal en una página de WordPress
Para incrustar un feed de Twitter personalizado, puedes utilizar fácilmente el personalizador visual de feeds del plugin.
En primer lugar, haga clic en el botón Incrustar de la esquina superior derecha.
Ahora puedes elegir incrustar tu feed de Twitter en una página o en un área de widgets. Además, también puedes copiar el shortcode desde esta ventana emergente.
Por ahora, haga clic en el botón Añadir a una página para continuar.
A continuación, seleccione la página en la que desea incrustar el feed horizontal de Twitter y haga clic en el botón Añadir.
Ahora puede ver la página abierta en el editor de WordPress. Aquí, haz clic en el icono más (+) para poder añadir un nuevo bloque de contenido.
Una vez hecho esto, escribe "twitter feed" en el cuadro de búsqueda y haz clic en el widget Twitter Feed para incrustar tu feed.
Siéntase libre de editar el contenido de la página y asegurarse de que todo se ve bien antes de hacer clic en el botón Publicar o Actualizar .
Una vez hecho esto, los visitantes de tu sitio web podrán ver tu feed horizontal de Twitter siempre que visiten tu sitio web.
Inserta tu feed de Twitter horizontal en tu barra lateral o pie de página
Si quieres añadir el feed a la barra lateral o al pie de página de tu sitio como widget de Twitter, también puedes utilizar el editor de feeds en directo.
Comience por navegar hasta el menú Twitter Feed " All Feeds desde su panel de control de WordPress.
A continuación, haz clic en el feed horizontal de Twitter que quieras incrustar.
Ahora, este plugin de Twitter para WordPress abrirá tu feed en el editor en vivo una vez más.
Como antes, haz clic en el botón Incrustar de la parte superior para continuar.
En la ventana emergente, puedes elegir incrustar tu feed de Twitter como widget. A continuación, haz clic en el botón Añadir a un widget .
Una vez hecho esto, el plugin abrirá tu página de Widgets, donde podrás gestionar todos los widgets de tu sitio web WordPress.
Para empezar a incrustar tu feed de Twitter, haz clic en el panel Sidebar aquí
También puede hacer clic en un panel de pie de página si prefiere incrustar allí su feed.
Utilizaremos el pie de página como ejemplo.
Ahora, haz clic en el icono más (+) para añadir un nuevo widget a tu barra lateral o pie de página.
Por último, busque el widget Twitter Feed y haga clic en él.
Para confirmar los cambios, pulse el botón Actualizar .
Ahora, cuando los visitantes de tu sitio web lo visiten, verán tu cronología de Twitter incrustada de esta forma:
¡Y ya está!
Ahora, usted sabe cómo agregar un desplazamiento horizontal de Twitter feed a su sitio fácilmente. Con la ayuda de Twitter Feed Pro, puede incrustar contenido de Twitter en un montón de maneras diferentes en cuestión de minutos.
De este modo, es mucho más fácil aumentar la participación en Twitter y la notoriedad de la marca, para que tu negocio crezca a largo plazo.
¿Listo para incrustar feeds de Twitter? Empieza a utilizar Twitter Feed Pro hoy mismo.
¿Quieres más formas de mostrar feeds de redes sociales? Sigue esta guía sobre cómo incrustar feeds de Instagram en WordPress.
Tutoriales y guías populares sobre Twitter Marketing
- Cómo conseguir los feeds personalizados de Twitter de Smash Balloon GRATIS
- Las mejores formas de aumentar la participación en Twitter
- Cómo incrustar widgets responsivos de Twitter en tu sitio web
- Formas probadas de ganar dinero en Twitter con facilidad (selección de expertos)
- Cómo programar publicaciones en Twitter/X desde tu sitio web (paso a paso)
