Berlin - Páginas, secciones y popups | Sección

Última modificación: hace 3 años

Las secciones son separaciones gráfica que podemos añadir en las páginas. A estas secciones podremos aplicarles colores e imágenes de fondo que nos permitan crear, por ejemplo, separaciones gráficas a lo largo de la página.

Estas secciones son esenciales ya que todos los componentes se añaden en su interior. Además, una página debe tener, al menos, una sección.

Añadir nuevas secciones

Para añadir una sección, basta con seleccionar la página, acceder a la pestaña "Añadir contenido" y pulsar "Sección".

Otra forma de añadirlo es seleccionar otra sección ya existente, acceder a la pestaña "Añadir contenido", situarnos en "Insertar después" y pulsar "Sección".

Configurar una sección

Para configurar una sección, la seleccionamos y accedemos a la pestaña "Propiedades".

PROPIEDAD	DESCRIPCIÓN
Mostrar título	Nos permite mostrar u ocultar un título para la sección. Este título queda pegado a su zona superior. Si no lo queremos, podremos utilizar otro tipo de títulos, como el título de pantalla (Ver aquí) o un simple texto editado.
Mostrar en menú	Por defecto, las secciones de una página no se muestran dentro del menú principal. Si se desea que se vean en él, se marcará esta propiedad con un "Sí".
Título en menú	Si se decide mostrar la sección en el menú principal, deberá indicarse cuál es su título.
Color primario de columna	Podemos personalizar el color de fondo de la columna central de la pantalla (la zona en la que se colocan los contenidos -textos, imágenes, etc...-)
Color secundario de columna	El color secundario se utiliza en combinación con la propiedad *"Tipo de fondo de columna".*
Color de fondo de pantalla	Color de fondo de la sección, se visualizará en los laterales de la columna central de contenido.
Tipo de fondo de columna	Propiedad que permiten cambiar estilo de fondo de la columna central (se usa en combinación con los colores primario y secundario de la pantalla. Sólido. Aplica el color definido en *“Color primario de pantalla”. Lineal.* Aplica los dos colores, el *"Color primario de pantalla"* y el "Color secundario de pantalla". creando un degradado de un color a otro. Bicolor. Aplica los dos colores en bloque, uno encima de otro. Con la propiedad *"Control del degradado (porcentaje)"definimos el espacio que ocupará el "Color primario de pantalla"* (p. ej. 50 es mitad y mitad; 90 aplicar el 90% para color primario y un 10% del color secundario)
Degradado de color (porcentaje)	Se utiliza en combinación con *"Tipo de fondo de columna"*, si se aplica la opción "Bicolor". Permite definir qué porcentaje ocupará el color primario.
Imagen de fondo de pantalla	Permita añadir una imagen de fondo para la sección.
Tipo de fondo	Esta opción está relacionada con "Imagen de fondo de pantalla". Nos va a permitir: Repetir fondo. La imagen de fondo que utilicemos mantendrá su tamaño original y se repetirá tantas veces como sea necesario para cubrir el espacio disponible. Resulta útil para aplicar tramas y patrones. No repetir fondo. La imagen que utilicemos de fondo se reescalará hasta ocupar todo el espacio disponible. Con esta configuración, se recomienda utilizar una imagen de gran tamaño y buena resolución.
Ancho	Permite decidir el ancho de la columna central, seleccionando entre distintos parámetros: XS tiene un tamaño máximo de 480px S tiene un tamaño máximo de 640px M tiene un tamaño máximo de 740px (tamaño por defecto) L tiene un tamaño máximo de 980px XL tiene un tamaño máximo de 1024px XXL tiene un tamaño máximo de 1280px XXXL tiene un tamaño máximo de 1920px Full: ocupa todo el ancho de la pantalla