Documentación de SeedProd

Documentación, Materiales de Referencia y Tutoriales para SeedProd

Bloque de Incrustación de Línea de Tiempo de X (Twitter)

El bloque de Incrustación de Línea de Tiempo de X (Twitter) te permite incrustar un feed en vivo de tuits de cualquier cuenta pública de X (Twitter) directamente en tu página de SeedProd. Los visitantes pueden desplazarse por las publicaciones recientes sin salir de tu sitio, añadiendo contenido social dinámico y en tiempo real a tu página.

Este bloque es útil para generar prueba social, mantener fresco el contenido de tu página y animar a los visitantes a seguir tu cuenta de X (Twitter). Puedes controlar las dimensiones de la línea de tiempo, el esquema de colores, el idioma y qué elementos de la interfaz —como la cabecera, el pie de página, los bordes y la barra de desplazamiento— se muestran u ocultan.

Bloque de línea de tiempo incrustada de X (Twitter) que muestra un feed de tweets en vivo incrustado en una página de SeedProd

Requisitos: El bloque de Incrustación de Línea de Tiempo de X (Twitter) está disponible en todos nuestros planes de licencia.

Aviso de Deprecación: X (Twitter) ha dejado de admitir silenciosamente la función de Línea de Tiempo. Este bloque será obsoleto en una futura actualización de SeedProd.


Añadir el Bloque de Incrustación de Línea de Tiempo de X (Twitter) a tus Páginas

Sigue estos pasos para añadir un bloque de Incrustación de Línea de Tiempo de X (Twitter) a tu página de SeedProd:

Paso 1: Añadir el Bloque

En Diseño > Bloques, arrastra y suelta el bloque Incrustación de Línea de Tiempo de X (Twitter) en la sección deseada de tu página.

Arrastrando el bloque de línea de tiempo incrustada de X (Twitter) a una página de SeedProd

Paso 2: Configurar los Ajustes de Contenido

Una vez añadido, haz clic en el bloque de Incrustación de Línea de Tiempo de X (Twitter) para abrir su configuración. En la pestaña Contenido, encontrarás las siguientes opciones en la sección Configuración de X (Twitter):

  • Nombre de Usuario de X (Twitter): Introduce el nombre de usuario de X (Twitter) cuya línea de tiempo deseas mostrar (por ejemplo, seedprod). No incluyas el símbolo @.
  • Esquema de Colores: Elige entre Claro y Oscuro para que el widget de la línea de tiempo coincida con el diseño de tu página.
  • Ocultar Cabecera: Activa para mostrar u ocultar la cabecera del perfil en la parte superior del widget de la línea de tiempo (Sí/No).
  • Ocultar Pie de Página: Activa para mostrar u ocultar el área del pie de página en la parte inferior del widget de la línea de tiempo (Sí/No).
  • Ocultar Bordes: Activa para eliminar los bordes alrededor del widget de la línea de tiempo (Sí/No).
  • Transparente: Activa para hacer que el fondo del widget de la línea de tiempo sea transparente (Sí/No).
  • Ocultar Barra de Desplazamiento: Activa para ocultar la barra de desplazamiento dentro del widget de la línea de tiempo (Sí/No).
  • Mostrar Respuestas: Activa para incluir las respuestas de los tuits en el feed de la línea de tiempo (Sí/No).
  • Ancho: Establece el ancho del widget de la línea de tiempo en píxeles usando un control deslizante.
  • Alto: Establece la altura del widget de la línea de tiempo en píxeles usando un control deslizante.
  • Alineación: Establece la alineación horizontal del widget en la página — Izquierda, Centro o Derecha — con controles por dispositivo para escritorio, tableta y móvil.
  • Idioma: Elige el idioma de visualización para la interfaz del widget. Las opciones incluyen Automático, Inglés, Árabe, Bengalí, Checo, Danés, Alemán, Griego, Español, Persa, Finlandés, Filipino, Francés, Hebreo, Hindi, Húngaro, Indonesio, Italiano, Japonés, Coreano, Malayo, Neerlandés, Noruego, Polaco, Portugués, Rumano y más.
Pestaña de contenido del bloque de línea de tiempo incrustada de X (Twitter) que muestra el nombre de usuario, el esquema de colores, las opciones de interruptor y las dimensiones

Paso 3: Personaliza el Diseño

En la pestaña Avanzado, puedes controlar aún más el diseño y el comportamiento de tu bloque de Incrustación de Línea de Tiempo de X (Twitter).

Espaciado:

  • Margen: Establece el espaciado exterior alrededor del bloque en los cuatro lados, con controles independientes para escritorio, tableta y móvil.
  • Relleno: Establece el espaciado interior dentro del contenedor del bloque en los cuatro lados, con controles por dispositivo.

Atributos:

  • Clase personalizada: Añade una o más clases CSS personalizadas al contenedor del bloque para una estilización específica.
  • ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puedes usarlo para referenciar el bloque en CSS o JavaScript personalizado.
  • Atributos personalizados: Añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una línea nueva usando el formato clave|valor.

Visibilidad del Dispositivo:

  • Ocultar en escritorio: Activa para ocultar el bloque cuando se ve en pantallas de escritorio.
  • Ocultar en tableta: Activa para ocultar el bloque cuando se ve en pantallas de tableta.
  • Ocultar en móvil: Activa para ocultar el bloque cuando se ve en pantallas móviles.

Efectos de Animación:

  • Efecto de desplazamiento: Aplica una animación activada por desplazamiento al bloque, incluyendo opciones de Desplazamiento Vertical y Desplazamiento Horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
  • Efecto del ratón: Aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
Pestaña avanzada del bloque de línea de tiempo incrustada de X (Twitter) que muestra Espaciado, Atributos, Visibilidad del dispositivo y Efectos de animación

Paso 4: Guarde sus Cambios

Una vez que hayas terminado de configurar el bloque de Incrustación de Línea de Tiempo de X (Twitter) y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has agregado con éxito un bloque de línea de tiempo incrustada de X (Twitter) a tu página! Incrustar un feed de tweets en vivo es una excelente manera de mantener tu página activa y conectada a tu presencia social. Usa el esquema de colores, los interruptores de visibilidad y los controles de dimensiones para que el widget encaje de forma natural en el diseño de tu página.

Artículos Relacionados