¿Qué es una sección en GemPages?
A Secciones es el componente principal de cualquier página en GemPages. Cada página se compone de varias secciones apiladas verticalmente, y cada sección puede contener una o más secciones. columnas, filas y elementos dentro de eso.
Las secciones te ayudan a estructurar tu página en bloques de contenido claros, como banners principales, características del producto, testimonios o llamadas a la acción (CTA), para que puedas diseñar y gestionar cada parte de forma independiente.
En GemPages New Editor v7, las secciones son más flexibles que nunca:
- Puede añadir hasta 6 columnas dentro de una sección
- Ajusta el espaciado, el tamaño y los estilos de fondo.
- Aplicar bordes, radio de esquina y sombras
- Controla cómo aparece la sección en diferentes dispositivos
Configurar la pestaña Configuración
En el editor de GemPages, haga clic en la sección de destino para abrir su panel de configuración en el lado izquierdo.
Desde ahí, puedes personalizar la visibilidad de tu sección como prefieras, incluyendo:
Diseño
Seleccione el diseño preferido de su sección en Diseño Configuración. Puede agregar hasta 6 columnas en una sección.
Ancho de columna
Si su sección tiene más de una columna, puede ajustar el ancho de las columnas desde
- Tasa de cambio: ajustar manualmente
- Adaptarse al contenido: Ajusta automáticamente el ancho de cada columna para que se adapte a tu contenido.
Gestión de columnas
En esta configuración, haga clic en el Pedido Haga clic en el cuadro para abrir el panel de configuración detallado. Puede reorganizar la posición de cada columna, duplicar eso, o eliminar él.
Tamaño
La Tamaño Los ajustes te permiten controlar el ancho aparente de tu sección y la cantidad de espacio interior que tiene, lo que te ayuda a crear un diseño limpio y cómodo.
- Ancho: Elige el ancho que debe tener tu sección:
- Completo (100%)Esta sección se extiende a lo ancho de todo el navegador, ideal para banners principales, imágenes de ancho completo o grandes bloques visuales.
- Predeterminado (1200px)Mantiene el contenido centrado con un ancho máximo fijo para una maquetación de página más estructurada.
- Relleno: El relleno añade espacio dentro de la sección, alrededor de todos los elementos internos. Puedes ajustar el relleno superior, inferior, izquierdo y derecho para que tu contenido tenga más espacio.
- Espaciado de página: El relleno de página controla el espacio entre los bordes del navegador y su secciones de páginaPuedes definirlo globalmente en Estilos globales > Relleno de página.
- SíEsta sección sigue la configuración global de Espaciado de página para mantener la coherencia en toda la página.
- NoEsta sección utiliza los valores de relleno personalizados que has configurado anteriormente, lo que te ofrece mayor flexibilidad en el diseño.
Fondo
En la sección Fondo En la configuración, puedes cambiar color de fondo o usar un imagen/video como fondo de tu sección.
Consulte este artículo Para obtener más información sobre cómo personalizar la configuración de fondo en GemPages.
Forma
La sección Configuración de forma te permiten personalizar su estilo borde, esquinas y sombra para que tu diseño luzca más pulido y acorde con el estilo de tu marca.
- Borde: Agrega un borde alrededor de tu sección y ajusta el color, el grosor y el trazo del borde para definir límites claros entre bloques de contenido grandes.
- Esquina: Para crear un estilo visual más suave, ajuste el radio de las esquinas de su sección.
- Sombra: Utilice los controles de sombra para crear profundidad visual o resaltar su sección. Puede configurar:
- Tipo: Exterior, interior o centrado
- Dirección: Elige dónde cae la sombra.
- Color: Combina con la paleta de tu marca
- Distancia: Hasta dónde se proyecta la sombra
- Difuminar: La suavidad o nitidez de la sombra se ve.
- Tamaño: La sombra se extendió
Alineación
Ajusta la alineación de tu sección. Puedes elegir entre alineado a la izquierda, alineado al centro horizontal o alineado a la derecha.
Configurar la pestaña Avanzada
La Avanzado Esta pestaña te ofrece un mayor control sobre cómo aparece tu sección en diferentes dispositivos, junto con opciones de espaciado detalladas y estilos de forma adicionales.
Estos ajustes te ayudan a optimizar la capacidad de respuesta y a crear un diseño limpio y coherente en toda la página.
Para una personalización más avanzada, siga las instrucciones en este artículo.
gracias por tus comentarios