Trabaja con secciones

Añade secciones prediseñadas o en blanco a una página, reordénalas, duplícalas y elimínalas, y cambia el fondo, el espaciado y el ancho de una sección.

Una sección es una banda de ancho completo de una página, como una portada en la parte superior, una fila de productos o una llamada a la acción. Todos los bloques de una página están dentro de una sección. Las secciones se apilan de arriba abajo, y cada una tiene su propio fondo, espaciado y ancho.

Consulta las secciones de tu página

La lista Estructura de la columna izquierda muestra todas las secciones de la página que estás editando, en orden, con el número de bloques de cada una. Desplázate hacia abajo, por debajo de los bloques, para encontrarla. Cabecera y Pie de página aparecen al principio y al final.

La lista Estructura con Cabecera, seis secciones, Pie de página y el botón Añadir sección; Three products está seleccionada

Haz clic en el nombre de una sección para seleccionarla. También puedes hacer clic en una parte vacía de una sección en la página. El panel de ajustes de la derecha muestra entonces los ajustes de esa sección.

Añade una sección

  1. Haz clic en Añadir sección al final de la lista Estructura, o en Añadir una sección al final de la página.
  2. Elige un diseño en la ventana Añadir una sección. Elige Sección en blanco para empezar con una vacía, o escoge un diseño prediseñado como Portada con texto e imagen, Tres características o Llamada a la acción. Los diseños están agrupados bajo títulos como Cabeceras y portadas, Contenido, Medios, Llamadas a la acción y Tienda.
    La ventana Añadir una sección con una sección en blanco y diseños prediseñados en Cabeceras y portadas y en Contenido
  3. La nueva sección se añade al final de la página, justo encima del pie de página, y el editor se desplaza hasta ella.

Una sección en blanco muestra Arrastra un bloque aquí para empezar esta sección. Arrastra bloques desde el panel Bloques. Consulta Añade, mueve y cambia el tamaño de los bloques. Las palabras y las imágenes de un diseño prediseñado son ejemplos. Selecciona cada bloque y sustitúyelos por los tuyos.

Si cambias de opinión, haz clic en Cancelar en la ventana.

Mueve una sección

Hay dos formas de cambiar el orden de las secciones:

  • Pasa el cursor sobre una sección de la página, o selecciónala, y haz clic en la flecha hacia arriba o hacia abajo de la pequeña barra de herramientas de su esquina superior derecha.
  • En la lista Estructura, mantén pulsado el tirador de puntos situado a la izquierda del nombre de una sección, arrástralo hacia arriba o hacia abajo y suéltalo.
La barra de herramientas de la sección, en la esquina superior derecha, con los botones Subir, Bajar, Duplicar y Eliminar

La cabecera y el pie de página no se pueden mover. Siempre se quedan arriba y abajo.

Duplica una sección

Haz clic en el botón Duplicar (dos cuadrados superpuestos) de la barra de herramientas de la sección. La copia aparece justo debajo del original con todos sus bloques. También puedes seleccionar la sección, abrir Gestionar en el panel de ajustes y hacer clic en Duplicar.

Elimina una sección

  1. Haz clic en el botón Eliminar (la papelera) de la barra de herramientas de la sección. También puedes seleccionar la sección, abrir Gestionar en el panel de ajustes y hacer clic en Eliminar.
  2. Si la sección contiene bloques, una ventana te pide confirmar. Haz clic en Eliminar para quitar la sección y todo lo que contiene.
    La ventana ¿Eliminar esta sección?, que indica que la sección Three products contiene 3 bloques, con los botones Cancelar y Eliminar

Una sección vacía se elimina al instante. En ambos casos puedes hacer clic en Deshacer en la barra superior, o pulsar Ctrl + Z, para recuperar una sección.

Cambia los ajustes de una sección

  1. Selecciona la sección.
  2. En el panel de ajustes, haz clic en General para abrirlo.
    Los ajustes de la sección Three products: nombre, color de fondo, imagen de fondo, oscurecido de la imagen, color del texto, altura mínima, relleno vertical, separación de la cuadrícula y ancho del contenido
  3. Cambia cualquiera de estos ajustes:
  • Nombre de la sección: el nombre que aparece en la lista Estructura. Solo lo ves tú, no tus visitantes.
  • Color de fondo: un color detrás de toda la sección. Haz clic en Ninguno en el selector de color para quitarlo.
  • Imagen de fondo: una imagen detrás de la sección. Pega una dirección, o haz clic en Subir imagen o en Ver lo subido. Consulta Añade imágenes y usa la biblioteca de medios.
  • Oscurecido de la imagen: oscurece la imagen de fondo para que el texto claro siga siendo legible. Solo importa cuando la sección tiene una imagen de fondo.
  • Color del texto: el color del texto de la sección, salvo que un bloque defina el suyo.
  • Altura mínima: hace que la sección tenga al menos esta altura, aunque tenga poco contenido.
  • Relleno vertical: el espacio por encima y por debajo de los bloques.
  • Separación de la cuadrícula: el espacio entre los bloques.
  • Ancho del contenido: hasta dónde se pueden extender los bloques. Elige Estándar, Ancho, Estrecho o A sangre.
Consejo: Para crear una portada, da a una sección una imagen de fondo, sube el Oscurecido de la imagen y coloca encima un encabezado, algo de texto y un botón.

La cabecera y el pie de página

La cabecera y el pie de página aparecen en todas las páginas, así que no forman parte de las secciones de ninguna página en concreto. Sus filas de la lista Estructura tienen un botón con un ojo en lugar de un número de bloques. Haz clic en él para ocultar o mostrar la cabecera o el pie de página en todo tu sitio. No se puede seleccionar una cabecera o un pie de página oculto hasta que lo vuelvas a mostrar. Para cambiar su contenido, consulta Personaliza la cabecera y el pie de página.

Artículos relacionados

Last updated 2026-10-03