Deberás crear las páginas y los pies de página de tu sitio con secciones personalizables apiladas verticalmente. Puedes agregar, eliminar y mover secciones para organizar tu contenido. En esta guía, aprenderás lo que puedes hacer con las secciones de página y cómo usarlas para crear diseños de página únicos.
Si necesitas ayuda para crear una página nueva en la que se añadirán secciones, consulta Agregar páginas a tu navegación.
Consejo: esta guía es para la versión 7.1. Para lograr un efecto similar en la versión 7.0, usa un índice apilado.
Mira el video
Agregar y editar secciones
La forma en que agregas y editas secciones depende de si estás editando en un equipo o en la aplicación de Squarespace.
Cuando añades una página nueva, esta empieza con, como mínimo, una sección creada previamente, a menos que sea una página en blanco. Para empezar a editar las secciones, ve a la página y, a continuación, haz clic en Editar, en la parte superior izquierda de la vista previa de página.
Posiciona el cursor sobre una sección para ver sus opciones:
- Para agregar una sección, haz clic en Agregar sección.
- Para duplicar una sección, haz clic en el ícono duplicar. Las secciones de página de la colección no se pueden duplicar.
- Para mover una sección, haz clic en ↑ o en ↓.
- Para modificar el estilo de una sección, haz clic en el icono del lápiz.
- Para borrar una sección, presiona el icono de la papelera. Después de guardar, no podrás restablecer las secciones. Las secciones de páginas de Colección no se pueden borrar.
- Haz clic en Guardar para publicar los cambios. Los cambios no se guardan automáticamente.
No hay límite en cuanto a la cantidad de secciones que puedes añadir, pero recomendamos no agregar más de veinte a una página porque las páginas con mucho contenido tardan más para cargarse. Para informarte mejor, consulta Mi sitio se carga lentamente.
Cuando añades una página nueva, esta empieza con, como mínimo, una sección creada previamente, a menos que sea una página en blanco. También puedes agregar más secciones a una página. Actualmente, la aplicación solo admite algunas secciones.
Pulsa Editar o el ícono de lápiz en la esquina superior derecha para abrir la página y editarla y, a continuación, agrega o edita secciones:
- Para añadir una nueva sección, pulsa + en la parte superior o inferior de una sección y, a continuación, elige un tipo de sección.
- Para mover una sección, pulsa ↑ o ↓ en la barra de herramientas.
- Para aplicar estilo a una sección, pulsa el ícono de lápiz en la barra de herramientas.
Pulsa Listo o ✓ en la esquina superior izquierda para guardar los cambios.
Añadir contenidos a las secciones
La forma en la que agregas contenido y modificas su estilo depende de la sección. A continuación, indicamos tres tipos:
- Secciones de bloque: Personaliza un diseño con bloques.
- Secciones de diseño automático: agrega conjuntos de contenido y organízalos automáticamente en listas o galerías.
- Secciones de páginas de colección: Muestran los elementos de la colección. Por ejemplo, las Páginas de blog tienen secciones de colección que muestran las publicaciones de blog.
Puedes agregar secciones de bloques y diseño automático a cualquier página. Las secciones de páginas de la colección son exclusivas de sus páginas.
Nota: la aplicación de Squarespace permite editar el contenido de una sección compatible, pero no puedes usar la aplicación para agregar bloques nuevos en una sección. Para las áreas de tu sitio que no puedes editar en la aplicación, usa una computadora de escritorio.
Secciones de bloques
Los bloques son características que puedes emplear para agregar contenido a tu sitio, como texto, imágenes, botones y formularios. Todas las secciones son secciones de bloques, excepto las secciones de diseño automático y de páginas de colección.
Para agregar contenido a las secciones de bloque y modificar el estilo:
- Agrega o mueve los bloques para personalizar el diseño.
- Para añadir contenidos a un bloque, haz doble clic sobre él.
- Para borrar un bloque, posiciona el cursor sobre él y presiona el icono de la papelera. Después de guardar, no se podrán restablecer los bloques.
- Para cambiar los estilos de la sección, presiona el icono del lápiz.
Secciones de diseño automático
Utiliza diseños automáticos para añadir conjuntos de contenido, como imágenes y texto, en diseños visualmente llamativos que se actualizan automáticamente al agregar más contenido. En estas secciones se muestra un distintivo automático en el selector de secciones.
Para obtener más información, visita Diseños inteligentes.
Secciones de Galería
Las secciones de galería son un tipo de diseño inteligente adecuado para mostrar imágenes sin mucho texto. Para obtener más información, consulta Secciones de galería.
Secciones de página de colección
Usa páginas de colección para mostrar una colección de elementos, como entradas de blog o eventos. Las páginas de blog, eventos, portafolio y tienda son todas páginas de colección. Para informarte mejor, consulta las Secciones de páginas de colección.
Secciones de pie de página
Crea tu pie de página con secciones. Posiciona el cursor sobre el pie de página y presiona Editar pie de página para agregar secciones y editarlas. Agrega secciones de bloque en blanco o secciones de estilo de pie de página con diseños de bloque predefinidos. No es posible agregar otros tipos de secciones al pie de página.
Para obtener más información, consulta Cómo editar pies de página.
Cambiar el estilo de la sección
Puedes hacer que las secciones sigan los estilos de todo el sitio en el panel Estilos del sitio o puedes editar el diseño, el fondo y el color de una sección individual para dar a tus páginas más variedad o contraste.
Para aplicar estilo a secciones individuales, haz clic en Editar en la página, coloca el cursor sobre la sección y haz clic en el ícono del lápiz. Las secciones de bloque incluyen tres pestañas: Formato, Fondo y Color.
Formato
En la pestaña Formato, puedes cambiar estos detalles:
- Altura de sección. Las secciones con más contenido pueden mostrarse a una altura mayor que la configuración. Esto también afecta la cantidad de relleno que está en la parte superior e inferior del contenido de la sección.
- Ancho del contenido: cuánto del ancho de la sección abarca tu contenido.
- Alineación de contenido: cómo se alinea el contenido con los bordes de sección, a lo largo de la parte superior o inferior o equidistante de la parte superior e inferior
Fondo
En la pestaña Fondo, puedes agregar una imagen, un video o una ilustración de fondo. El contenido de fondo puede aparecer sin bordes o recuadro desde los bordes de la sección. Para obtener más información sobre tus opciones, consulta las siguientes guías:
Color
En la pestaña Color, puedes seleccionar y personalizar un tema cromático para la sección. Ten en cuenta que cualquier cambio que hagas en un tema cromático afectará a todas las secciones de tu sitio web que utilicen ese tema. Para informarte mejor, visita Cómo cambiar los colores.
Otras secciones
Para obtener más información sobre las opciones de estilo para secciones de diseño automático y secciones de páginas de la colección, consulta estas guías:
- Diseños inteligentes
- Secciones de Galería
- Crear un blog con Squarespace
- Páginas de Eventos
- Páginas de portafolio
- Secciones de tienda
Mover contenidos entre distintas secciones
Para mover contenidos:
- Secciones de bloque: arrastra bloques para moverlos de una sección de bloque a otra en la misma página.
- Secciones de diseño automático: reutiliza una lista o una imagen de galería para añadirla a una lista o sección de galería diferente.
- Secciones de colección: mueve las publicaciones de un blog, eventos y productos de una colección a otra del mismo tipo. Actualmente, no es posible mover subpáginas de portafolio.