Documentación de SeedProd

Documentación, materiales de referencia y tutoriales para SeedProd

X (Twitter) Insertar bloque de cronología

El bloque X (Twitter) Embed Timeline te permite incrustar una fuente en directo de tweets 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 web, lo que añade contenido social dinámico y en tiempo real a tu página.

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

X (Twitter) Bloque de línea de tiempo incrustado que muestra una fuente de tweets en directo incrustada en una página de SeedProd.

Requisitos:El bloque X (Twitter) Embed Timeline está disponible en todos nuestrosplanes de licencia.

Aviso de obsolescencia:X (Twitter) ha dejado de utilizar silenciosamente la función Timeline. Este bloque quedará obsoleto en una futura actualización de SeedProd.


Añadir el bloque de línea de tiempo incrustada X (Twitter) a tus páginas

Sigue estos pasos para añadir un bloque X (Twitter) Embed Timeline a tu página SeedProd:

Paso 1: Añadir el bloque

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

Arrastrar el bloque «X (Twitter) Embed Timeline» a una página de SeedProd.

Paso 2: Configurar los ajustes de contenido

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

  • X (Twitter) Nombre de usuario: Introduce el nombre de usuario de X (Twitter) cuya cronología deseas mostrar (por ejemplo, seedprod). No incluya el símbolo @.
  • Esquema de colores: elige entre claro y oscuro para que el widget de la línea de tiempo combine con el diseño de tu página.
  • Ocultar encabezado: Activa o desactiva la opción para mostrar u ocultar el encabezado del perfil en la parte superior del widget de la línea de tiempo (Sí/No).
  • Ocultar pie de página: Activa o desactiva la opción 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 esta opción para eliminar los bordes alrededor del widget de la línea de tiempo (Sí/No).
  • Transparente: Activa o desactiva la opción para que el fondo del widget de la línea de tiempo sea transparente (Sí/No).
  • Ocultar barra de desplazamiento: Activa o desactiva la barra de desplazamiento dentro del widget de la línea de tiempo (Sí/No).
  • Mostrar respuestas: Activa esta opción para incluir las respuestas a los tuits en la cronología (Sí/No).
  • Ancho: Establezca el ancho del widget de la línea de tiempo en píxeles utilizando un control deslizante.
  • Altura: Establezca la altura del widget de la línea de tiempo en píxeles utilizando un control deslizante.
  • Alineación: Establezca la alineación horizontal del widget en la página (izquierda, centro o derecha) con controles específicos para cada dispositivo: ordenador, 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, finés, filipino, francés, hebreo, hindi, húngaro, indonesio, italiano, japonés, coreano, malayo, neerlandés, noruego, polaco, portugués, rumano y más.
X (Twitter) Insertar la pestaña Contenido de la cronología que muestra el nombre de usuario, la combinación de colores, las opciones de alternancia y las dimensiones.

Paso 3: Personalizar el diseño

En la pestaña Avanzado, puedes controlar aún más el diseño y el comportamiento de tu bloque X (Twitter) Embed Timeline.

Espaciado:

  • Margen: establece el espacio exterior alrededor del bloque en los cuatro lados, con controles independientes para ordenador, 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 aplicar un estilo específico.
  • ID CSS: SeedProd genera automáticamente un ID CSS único para este bloque. Puede utilizarlo para hacer referencia al bloque en CSS o JavaScript personalizados.
  • Atributos personalizados: añade atributos HTML personalizados al elemento contenedor del bloque. Introduce cada atributo en una nueva línea utilizando el formato clave|valor.

Visibilidad del dispositivo:

  • Ocultar en el escritorio: Activa esta opción para ocultar el bloque cuando se vea en pantallas de escritorio.
  • Ocultar en tableta: Activa esta opción para ocultar el bloque cuando se vea en pantallas de tableta.
  • Ocultar en dispositivos móviles: Activa esta opción para ocultar el bloque cuando se vea en pantallas de dispositivos móviles.

Efectos de animación:

  • Efecto de desplazamiento: aplica una animación activada por desplazamiento al bloque, incluyendo opciones de desplazamiento vertical y horizontal con controles de dirección, velocidad y desplazamiento de la ventana gráfica.
  • Efecto ratón: aplica un efecto de paralaje impulsado por el movimiento del ratón al bloque.
X (Twitter) Insertar línea de tiempo Pestaña avanzada que muestra el espaciado, los atributos, la visibilidad del dispositivo y los efectos de animación.

Paso 4: Guarde los cambios

Una vez que hayas terminado de configurar el bloque X (Twitter) Embed Timeline y personalizar su apariencia, asegúrate de guardar tu trabajo.


¡Has añadido correctamente un bloque X (Twitter) Embed Timeline a tu página! Incrustar un feed de tweets en directo es una forma estupenda de mantener tu página activa y conectada con tu presencia en las redes sociales. Utiliza la combinación de colores, los controles de visibilidad y los controles de dimensión para que el widget se adapte de forma natural al diseño de tu página.

Artículos relacionados