Documentación de SeedProd

Documentación, materiales de referencia y tutoriales para SeedProd

Bloque separador

El bloque Spacer te permite añadir espacios en blanco verticales precisos entre otros bloques de tus páginas SeedProd. En lugar de depender de los ajustes de margen y relleno dispersos en bloques individuales, el Spacer te ofrece un elemento dedicado y visible que puedes colocar en cualquier lugar de tu diseño para controlar el espacio entre secciones, encabezados, imágenes o cualquier otro contenido.

Lo que hace que el bloque Espaciador sea especialmente útil es su control de altura por dispositivo. Puedes establecer una altura de espaciador diferente para pantallas de escritorio, tabletas y móviles de forma independiente, de modo que el espaciado de tu página se vea intencionado y pulido en todos los dispositivos sin comprometer la configuración de ningún otro bloque.

Bloque espaciador que añade espacio en blanco vertical entre secciones en una página de SeedProd.

Requisitos:El bloque Spacer está disponible en todos nuestrosplanes de licencia.


Añadir el bloque espaciador a tus páginas

Sigue estos pasos para añadir un bloque espaciador a tu página SeedProd:

Paso 1: Añadir el bloque

En Diseño > Bloques, arrastra y suelta el bloque Espaciador en la sección deseada de tu página, entre los elementos que deseas separar.

Arrastrar el bloque Espaciador a una página de SeedProd entre dos secciones de contenido.

Paso 2: Configurar la altura del espaciador

Una vez añadido, haz clic en el bloque Espaciador para abrir su configuración. La sección Espaciador contiene un único control de Altura con controles deslizantes por dispositivo, para que puedas definir exactamente cuánto espacio aparece en cada tamaño de pantalla.

  • Altura (escritorio): Establezca la altura del espaciador para pantallas de escritorio utilizando el control deslizante (0-500 píxeles). Haga clic en el icono del escritorio para editar este valor.
  • Altura (tableta): Establezca la altura del espaciador para pantallas de tableta utilizando el control deslizante (0-500 píxeles). Haga clic en el icono de la tableta para cambiar al modo de edición de tableta y ajustar el valor independientemente del escritorio.
  • Altura (móvil): establece la altura del espaciador para pantallas móviles utilizando el control deslizante (0-500 píxeles). Haz clic en el icono móvil para cambiar al modo de edición móvil y ajustar el valor independientemente del escritorio y la tableta.
Configuración del bloque espaciador que muestra el control deslizante de altura con iconos de selección para ordenador, tableta y dispositivo móvil.

Paso 3: Guarde los cambios

Una vez que haya terminado de configurar el bloque Spacer, asegúrese de guardar su trabajo.


¡Has añadido correctamente un bloque Espaciador a tu página! Úsalo siempre que tu diseño necesite un espacio controlado: entre una sección principal y tu primera fila de contenido, entre un encabezado y una imagen, o en cualquier lugar donde el espaciado predeterminado entre bloques no se ajuste a tu diseño. Con valores de altura independientes para ordenadores de sobremesa, tabletas y móviles, puedes ajustar el ritmo vertical de tu página en todos los dispositivos sin tocar la configuración de ningún otro bloque.

Artículos relacionados