¿Quieres limitar el número de tweets que se muestran en el widget de Twitter de tu sitio web?
Los propietarios de sitios web que incrustan feeds de Twitter a menudo quieren controlar cuánto contenido X (Twitter) se muestra.
Por mi experiencia en la gestión de integraciones de feeds de redes sociales, entiendo que la estética del sitio web y la experiencia del usuario son consideraciones clave.
Incrustar un widget de Twitter puede ser una buena forma de mostrar actualizaciones en directo, pero a veces puede mostrar demasiados tweets. Un feed de Twitter largo y desplazable puede abrumar a los visitantes del sitio web y hacer que tu página parezca desordenada.
Limitar el número de tweets mostrados en tu widget de Twitter te permite presentar un feed de redes sociales conciso, centrado y visualmente atractivo en tu sitio web.
En este artículo, voy a proporcionar un tutorial actualizado sobre cómo controlar fácilmente el recuento de tweets en tu widget de Twitter.
Utilizando mis conocimientos de las mejores prácticas de incrustación de medios sociales, compartiré pasos claros para personalizar tu widget de Twitter, de modo que puedas mantener un diseño limpio del sitio web y mejorar la experiencia del usuario, sin necesidad de codificación del sitio web.
En este artículo
- ¿Por qué limitar el número de tweets en los widgets de Twitter?
- ¿Cuál es la forma más fácil de limitar los tweets en los widgets de WordPress?
- Cómo limitar manualmente los tweets en un widget de Twitter
¿Por qué limitar el número de tweets en los widgets de Twitter?
Cuando añades un feed de Twitter a tu sitio web, es tentador mostrarlo todo. Pero a veces, ¡menos es más!
A continuación te explicamos por qué suele ser una buena idea limitar tus tweets:
- Mantenga su sitio web limpio y organizado - Piense en el widget del feed de Twitter de su sitio web en la barra lateral o en el pie de página: ¡es un espacio valioso! Mostrar demasiados tweets puede hacer que estas áreas parezcan desordenadas y abrumadoras. Limitar tus tweets ayuda a mantener el diseño de tu sitio web limpio, profesional y agradable a la vista.
- Asegúrese de que el contenido de Twitter sigue siendo relevante para su sitio web - No todos los tweets son relevantes para el sitio web. Limitar los tweets incrustados le permite mostrar solo el contenido que interesa a los visitantes de su sitio web.
- Centrar la atención del visitante - Demasiados tweets pueden distraer y desviar la atención de su mensaje principal. Limitar sus tweets ayuda a mantener a sus visitantes centrados en las partes importantes de su sitio web.
- Mejorar la accesibilidad del sitio web - Los widgets de tweets largos son difíciles de navegar para los lectores de pantalla. Limitar los tweets hace que su sitio sea fácil de usar para todos.
Así que, como puedes ver, limitar el número de tweets en tu widget no significa mostrar menos de tu actividad X. Se trata de hacer que tu sitio web sea mejor, más centrado y más fácil de usar para todos. Se trata de hacer que tu sitio web sea mejor, más centrado y más fácil de usar para todos.
¿Quiere saber más sobre cómo limitar eficazmente sus tweets y mostrarlos perfectamente en su sitio web? Siga leyendo.
¿Cuál es la forma más fácil de limitar los tweets en los widgets de WordPress?
La forma más sencilla de reducir el número de tweets en el widget de Twitter de WordPress es utilizar un plugin de WordPress específico para feeds de Twitter.
Los plugins amplían la funcionalidad de su sitio web y añaden características útiles sin necesidad de molestarse en codificar.
Y si quieres mostrar contenido X (Twitter) en tu sitio web usando un plugin, la mejor opción es Smash Balloon Twitter Feed Pro.
Con este plugin, puedes crear, personalizar e incrustar feeds y widgets de Twitter con unos simples clics, sin necesidad de codificación.
Sólo tienes que seguir el flujo guiado y podrás tener un hermoso contenido de Twitter en tu sitio web para atraer a tus visitantes.
Además de poder integrar feeds de Twitter en tu sitio, Twitter Feed Pro te permite limitar fácilmente el número de Tweets mostrados en un widget de Twitter con unos pocos clics.
Lo que más me gusta de los plugins de feeds de Smash Balloon es su sencillo personalizador visual de feeds.
De hecho, utilizando el personalizador de feeds con vista previa en directo, puedes personalizar el diseño, el número de tweets, los colores, los botones y mucho más.
Incluso puedes moderar tu feed libremente para eliminar o mostrar los tweets que quieras.
Twitter Feed Pro es el plugin de feeds de Twitter mejor valorado del mercado y cuenta con más de 100.000 sitios web que lo utilizan, con una puntuación media de 4,9/5 estrellas.
Y lo que es más importante, Smash Balloon cuenta con un excelente equipo de atención al cliente que te ayudará durante todo el proceso.
Ninguna pregunta es demasiado pequeña. Como resultado, crear un feed de Twitter con un número limitado de tweets no te llevará nada de tiempo.
Empieza a utilizar Twitter Feed Pro aquí
A continuación, sigue las siguientes instrucciones para instalar el plugin y limitar el número de tweets en tu widget de Twitter.
Paso 1: Instalar Smash Balloon Twitter Feed Pro Plugin
El primer paso es ir y obtener el plugin Twitter Feed Pro desde aquí.
Una vez hecho esto, sólo tienes que instalar y activar el plugin en tu sitio web. Puedes seguir esta guía para aprender a instalar un plugin de WordPress si necesitas un poco de ayuda.
Una vez hecho esto, puedes pasar al paso 2 y empezar a crear widgets de Twitter.
Paso 2: Crear un nuevo feed de Twitter
Usando Twitter Feed Pro, crear nuevos feeds puede ser super fácil.
En primer lugar, vaya al menú Twitter Feed " All Feeds desde el panel de control de WordPress.
A continuación, haga clic en el botón Añadir nuevo de la parte superior.
Ahora veamos el tipo de feed que quieres mostrar en tu sitio web WordPress. Este plugin viene con 6 tipos de feed diferentes para ayudarte a mostrar diferentes ejemplos de widgets de Twitter en tu sitio:
- Cronología del usuario: Este es el feed por defecto que se muestra en tu sitio web. Enumera los tweets de tu cronología de usuario principal. Si lo desea, puede introducir cualquier usuario de Twitter para mostrar un feed de sus tweets.
- Hashtag: Puedes utilizar esta opción para mostrar Tweets que contengan un hashtag específico.
- Inicio Timeline: Este tipo de feed muestra los tweets de tu cronología y de las personas a las que sigues.
- Buscar: Utiliza aquí la función de búsqueda avanzada de Twitter para mostrar un feed totalmente personalizado.
- Menciones: Puedes utilizar este tipo de feed para mostrar los tweets que @mencionan tu X handle.
- Listas: Puedes introducir el ID de una lista de Twitter para mostrar los tweets de los usuarios de la lista en tu feed.
Haga clic en el tipo de alimentación elegido y, a continuación, en Siguiente para pasar al siguiente paso.
Para este tutorial, utilizaré la opción de hashtag, ya que quiero mostrar un hashtag de marca en nuestro widget de Twitter de ejemplo.
Después de esto, puedes pasar al paso 3 y conectar tu cuenta de Twitter a tu nuevo feed.
Paso 3: Conecta tu cuenta X (Twitter)
El siguiente paso es conectar el plugin a tu cuenta de Twitter. Para ello, haz clic en el botón Conectar de la ventana emergente.
Al hacer clic se abrirá Twitter para que puedas dar al plugin acceso de sólo lectura a tu cuenta.
Twitter Feed Pro utilizará este acceso para ver el contenido de Twitter y no tiene acceso para hacer ningún cambio en absoluto. Por lo tanto, es completamente seguro utilizar Twitter Feed Pro.
Para continuar, haga clic en el botón Autorizar app de la ventana emergente.
Así de fácil, habrás conectado tu cuenta X (Twitter) a este plugin.
Para configurar tu nuevo feed de Twitter, ahora puedes añadir una fuente. Esta fuente puede ser una línea de tiempo de usuario, hashtag, lista de Twitter, y más que desea mostrar.
Para este artículo, introduciré el hashtag "KEEB_PD" como fuente.
Una vez introducida la fuente, pulse el botón Siguiente .
A continuación, Twitter Feed Pro te pedirá que elijas una plantilla para tu nuevo feed. Puedes elegir entre 7 diseños únicos, incluyendo tarjetas de mampostería, carrusel simple, carrusel escaparate, y más.
Mi plantilla favorita de Twitter feed es carrusel simple, pero para este ejemplo, vamos a seguir adelante y elegir Predeterminado.
Para continuar, seleccione una plantilla de la lista y haga clic en Siguiente.
Como puedes ver, Twitter Feed Pro facilita la creación de feeds de Twitter y la conexión de tu cuenta.
Ahora es el momento del paso 4, en el que puedes limitar el número de tweets que quieres incrustar en tu sitio.
Paso 4: Limite el número de tweets en su feed de Twitter
Ahora puedes elegir cuántos Tweets quieres mostrar en tu widget de Twitter. Esto es fácil de hacer con el plugin Twitter Feed Pro.
Ahora, puedes ver tu nuevo feed de Twitter abierto en el editor de feed en vivo. En la parte izquierda de la pantalla, puedes ver todas las opciones de personalización, como el diseño del feed, la combinación de colores, el estilo del encabezado, el botón de seguimiento y mucho más.
A la derecha, encontrarás una vista previa en directo de tu feed de Twitter para que puedas seguir los cambios en tiempo real.
Para empezar y limitar el número de tweets, haz clic en el botón Diseño de la fuente de la izquierda.
A la izquierda, puedes encontrar el campo Número de tweets a mostrar.
En este campo, introduzca cuántos tweets desea mostrar en su widget.
A continuación, haga clic en Guardar para confirmar los cambios.
Así de fácil, puedes limitar el número de tweets en tus feeds de Twitter. Ahora, vamos a seguir adelante y terminar de configurar su nuevo feed de Twitter.
Paso 5: Personaliza tu widget de Twitter
Veamos ahora cómo personalizar el diseño y la disposición de tu widget de Twitter. Para ello, puedes utilizar el editor de noticias en directo.
Para empezar, puede utilizar la opción de diseño de la izquierda para elegir entre 3 diseños de feed diferentes: Lista, Carrusel o Mampostería.
Con el diseño de lista , tus tweets aparecerán en una sola columna uno detrás de otro. Como resultado, este diseño puede mostrar los tweets tal y como aparecen en Twitter.
¿Quieres mostrar muchos tweets a la vez? El diseño de mampostería utiliza muchas columnas para mostrar tus tweets y que puedas mostrar mucho contenido fácilmente.
Por último, el diseño de carrusel puede mostrar el contenido en un hermoso slider de carrusel de Twitter que hace que su sitio sea más interactivo.
Haz clic en el botón Guardar cuando estés satisfecho con tu diseño.
Si desea más opciones de diseño, puede hacer clic en el botón Personalizar de la parte superior y volver a las opciones principales.
Ahora, haz clic en la opción Combinación de colores de la izquierda para empezar a configurar los colores de tu feed de Twitter.
Para simplificar la elección de colores, Twitter Feed Pro viene con 4 esquemas de color que puede elegir:
- Heredar del tema: Utilice los colores de su sitio web para que su feed coincida con su marca.
- Claro: Elige un aspecto brillante con un fondo claro y un color de fuente oscuro.
- Oscuro: Muestra un aspecto oscuro, con un fondo oscuro y un color de fuente claro.
- Personalizados: Elige manualmente todos los colores
Seleccione aquí la combinación de colores de su feed de Twitter y, a continuación, haga clic en el botón Guardar .
Después de esto, puedes continuar personalizando tu feed de Twitter usando nuestro sencillo editor de feed en vivo. Puedes configurar el estilo de la cabecera, el diseño de la caja de Tweets, el estilo de los botones, el tamaño del feed y mucho más.
No olvide hacer clic en Guardar para confirmar los cambios antes de continuar.
Ahora, ya estás listo para incrustar este feed de Twitter en tu sitio web con facilidad.
Paso 6: Añade tu widget de Twitter a tu sitio web
Con Twitter Feed Pro, puede incrustar su feed de Twitter de 2 maneras diferentes:
- Añade tu widget de Twitter a una página de WordPress
- Añade tu widget de Twitter a la barra lateral o al pie de página de WordPress
Veamos cómo funcionan ambos métodos:
Añade tu widget de Twitter a una página de WordPress
¿Listo para empezar?
En primer lugar, haga clic en el botón Incrustar de la esquina superior derecha.
Ahora, verás una ventana emergente en la que puedes elegir la ubicación de tu nuevo feed de Twitter.
Para continuar, haga clic en el botón Añadir a una página .
Ahora puede ver una lista de sus páginas de WordPress en la ventana emergente.
Sólo tiene que seleccionar su página de la lista y hacer clic en el botón Añadir .
Una vez hecho esto, el plugin Twitter Feed Pro abre esa página en el editor de WordPress.
Para empezar a incrustar tu feed, busca el icono del signo más (+ ) en la parte superior y haz clic en él.
Tras hacer clic en el icono del signo más (+), verás una lista de los bloques de WordPress disponibles y una barra de búsqueda. En la barra de búsqueda, escribe "twitter" y haz clic en el bloque Twitter Feed .
Si estás satisfecho con tu página, haz clic en el botón Publicar. Cuando previsualices la página, verás tu widget de Twitter en tu sitio, con un número limitado de tweets.
Ahora, veamos cómo añadir este feed de Twitter a tus áreas de widgets.
Añade tu widget de Twitter a la barra lateral o al pie de página de WordPress
También es posible añadir un widget de Twitter a la barra lateral o al pie de página de WordPress.
Además, también puedes hacerlo con el editor de retransmisiones en directo.
Para abrir tu feed de Twitter en el editor de feeds en vivo, primero, navega a Twitter Feed " Todos los feeds desde tu panel de WordPress.
En esta página, haz clic en el feed de Twitter que quieras incrustar.
Ahora puedes ver tu feed de Twitter abierto en el editor de feeds en directo.
Como antes, haz clic en el botón "Incrustar " de la parte superior para empezar a añadir este feed a tu sitio web.
Aparecerá una ventana emergente que te pedirá que elijas la ubicación de tu Twitter.
De momento, haz clic en la opción Añadir a un widget de la ventana emergente.
Una vez hecho esto, Twitter Feed Pro abrirá la página de widgets de tu sitio web WordPress.
Para empezar a gestionar los widgets de tu barra lateral, haz clic en la opción Barra lateral .
Si lo prefiere, puede hacer clic en la opción Pie de página .
Utilizaremos la barra lateral de WordPress para este tutorial.
A continuación, haz clic en el icono más (+) para añadir un nuevo widget. A continuación, busca el widget Twitter Feed para añadir el feed a tu barra lateral o pie de página.
Cuando navegues a tu sitio web principal, verás el widget de tu feed de Twitter. Y como has limitado el número de tweets mostrados, no ocupará demasiado espacio.
Como puedes ver, es súper fácil limitar el número de tweets y añadir el feed a tu sitio web usando este plugin.
A continuación, vamos a ver cómo se puede hacer lo mismo sin utilizar un plugin.
Cómo limitar manualmente los tweets en un widget de Twitter
Por supuesto, puedes optar por limitar los tweets manualmente en un widget de Twitter, especialmente si utilizas el widget de cronología de Twitter. Pero para utilizar este método, tendrías que editar manualmente el código del widget.
Esto puede ser una tarea bastante aterradora si no eres experto en tecnología, con muchas maneras en que todo puede salir mal. Existen varios inconvenientes a la hora de limitar el número de tweets en un widget de Twitter manualmente en comparación con el uso de un plugin, que exploraremos a continuación.
- Limitar los tweets de tu feed de Twitter manualmente no es tan fácil como con un plugin. Tienes que editar manualmente el código, lo que puede ser confuso. Cuando usas un plugin, como el de Smash Balloon, puedes hacerlo todo sin codificar.
- Cuando incrustas Twitter manualmente en tu sitio web, dejas margen para el error. Puedes perder partes del fragmento de código, omitir un paso del proceso, etcétera. Con un plugin de Twitter, ¡no hay nada que perder de vista!
- Cuando se utiliza un código de incrustación similar al widget oficial de Twitter, queda poco margen para cambiar su aspecto. Sin embargo, el widget de fuentes personalizadas de Twitter te ofrece un montón de posibilidades para ajustar el diseño de tus fuentes a tu gusto.
- Las incorporaciones manuales de feeds de Twitter tampoco ofrecen formas de filtrar tu feed para mostrar contenido específico. Por otro lado, un plugin te permite filtrar feeds por hashtags, términos de búsqueda y más.
Por último, hay un equipo dedicado de expertos detrás del plugin Twitter Feed Pro, listo para ayudar con cualquier obstáculo que pueda enfrentar, por lo que la ayuda está ahí cuando la necesite.
Con una alimentación manual, estás solo.
Para evitar los problemas anteriores, sugerimos utilizar la forma fácil de limitar los tweets en WordPress con la ayuda de un plugin.
Sin embargo, si realmente no quieres utilizar un plugin, a pesar de los inconvenientes, aquí tienes cómo editar el código de incrustación para el widget de la línea de tiempo de Twitter.
Para limitar manualmente los tweets en el widget, puedes establecer el atributo en tu enlace como data-tweet-limit= "3" por ejemplo.
Así es como se vería el código incrustado usando el Twitter de Smash Balloon como ejemplo:
<a class="twitter-timeline" data-lang="en" data-dnt="true" data-tweet-limit="3" href="https://twitter.com/smashballoon">Tweets by SmashBalloon</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8">Ahora pega el código incrustado donde quieras mostrarlo en tu sitio web, utilizando los datos de tu propia cuenta de Twitter.
¡Ya está!
Esperamos que este artículo te haya ayudado a aprender cómo limitar fácilmente el número de tweets en un widget de Twitter. Ahora todo lo que necesitas es atraer a tu audiencia con tu mejor contenido de Twitter.
¿Listo para integrar widgets de Twitter sobre los que tengas un control total? Empieza a utilizar Twitter Feed Pro hoy mismo.
