Sitio web avanzado: Configuración de filas del sitio

Al seleccionar un diseño de columnas, se crea automáticamente una fila horizontal para contener el contenido de la columna vertical. Las filas constituyen la base estructural del diseño de su sitio web.

Utilice el editor de filas para organizar el contenido del sitio web cambiando los fondos, añadiendo bordes o ajustando el espaciado.

Antes de comenzar

Antes de editar las filas, crea una copia de seguridad de tu sitio . Esto te permitirá restaurar una versión anterior si cometes algún error.

Configurar una fila

Siga los pasos que se indican a continuación para configurar una fila.

Paso a paso:

1. Para abrir el editor de filas, coloca el cursor sobre una fila y haz clic en Fila .
   
2. Puedes editar una fila de la siguiente manera:
   • Haz clic en las flechas para mover la fila actual hacia arriba o hacia abajo.
     
   • Haz clic en Editar diseño para abrir el editor de diseño de filas. Más información sobre el editor de diseño de filas .
   • Haz clic en + Agregar y selecciona una de las siguientes opciones:
     • Sección generada por IA : Abre el asistente de la sección de IA e ingresa una solicitud.
     • Sección flexible en blanco : Añade una sección flexible.
     • Fila superior : Añade una nueva fila encima de la fila actual.
     • Fila inferior : Añade una nueva fila debajo de la fila actual.
     • Sección diseñada : Añade una sección prediseñada a la fila.
     • Columna: Añade una columna a la fila.
     • Fila interior: Añade una fila dentro de la fila actual.
   • Ajusta el espaciado entre filas utilizando las siguientes opciones:
     • Relleno transparente: Elimina todo el espacio interior.
     • Restablecer espaciado predeterminado : Restaura el espaciado a los ajustes definidos en el tema de su sitio.
   • Haz clic en animación para añadir animaciones, como un desvanecimiento o un zoom, cuando se cargue la fila. Selecciona una de las siguientes opciones:
     • Entrada
     • Voluta
     • Personalizar
   • Haz clic en Ocultar de para ocultar la fila en plataformas específicas como ordenadores de escritorio, tabletas o dispositivos móviles.
   • Para guardar la fila como una sección, haz clic en Guardar como sección y selecciona si deseas guardar solo la fila actual, varias filas o la página completa.
   • Haz clic en Guardar como ancla para establecer la fila como ancla .
   • Haz clic en Copiar para copiar la fila.
   • Haz clic en Conectar con datos para conectar la fila con contenido dinámico .
   • Haz clic en Eliminar para borrar la fila.

Personaliza el diseño de la fila

Utiliza el "Editor de diseño de filas" para personalizar el fondo y el espaciado.

1. Para abrir el editor de filas, coloque el cursor sobre una fila y haga clic en Fila.
2. Haga clic en Editar diseño para abrir el editor de diseño de filas.
3. Puede personalizar una fila de la siguiente manera:
   • Pestaña Ajustes: Active la opción "Sangrado completo" para que el contenido ocupe todo el ancho de la pantalla. Si está desactivada, el ancho del contenido se limita a 960 píxeles.
   • Pestaña Estilo:
     • Fondo:
       • Color: Seleccione un color de fondo. Un color degradado reemplaza la imagen, y viceversa.
       • Imagen: Haga clic en + para abrir el selector de imágenes.
         • Para crear un carrusel de imágenes de fondo, seleccione varias imágenes en el selector de imágenes.
         • Seleccione cómo se muestra la imagen, como Portada, Imagen completa, Mosaico o Sin repetición.
       • Vídeo: Haga clic en Seleccionar vídeo para subir un archivo o pegue una URL de YouTube, Vimeo o Dailymotion. Más información sobre fondos de vídeo.
     • Borde: Seleccione un tipo de borde y mueva el control deslizante para ajustar el ancho del borde.
     • Sombra: Active la opción Sombra y seleccione un color, tipo y posición para la sombra.

Crea un carrusel de imágenes de fondo

Puedes mostrar varias imágenes en secuencia dentro de un fondo de fila o columna.

Paso a paso:

1. Abre el selector de imágenes y selecciona varias imágenes.
2. Haz clic en Listo.
3. Seleccione Transición de diapositivas en el menú desplegable.
4. Mueve el control deslizante de velocidad de diapositiva para establecer la duración de cada imagen en segundos.

Puedes aplicar superposiciones de fondo, posicionamiento y estilos de visualización al control deslizante.