Los Diseños son una gran forma de agregar estructura y organización a sus páginas.
Utilice columnas o filas para crear varias áreas de contenido separadas que se mostrarán simultáneamente.
Use las pestañas, las filas contraíbles y los acordeones para distribuir una gran parte del contenido en un espacio limitado o para ocultar información que pertenece a la página, pero que no debe compararse ni verse simultáneamente con otro contenido.
Puede agregar Diseños, también llamados grupos de secciones, en cualquier parte dentro del área de contenido principal de su sitio.
Las columnas se utilizan para crear áreas de contenido horizontales abiertas. Utilícelas como secciones de introducción que incluyen elementos destacados de otras páginas en el sitio, para rellenar el espacio cuando el contenido de su página es escaso, o para que ciertas secciones se destaquen más que otras en la página.
- Mostrar encabezados de sección: especifique si habrá un título.
- Mostrar los delimitadores de sección: cree límites entre las columnas.
- Distribuir el ancho de manera uniforme entre las columnas.: el ancho de las columnas seguirá siendo el mismo, independientemente del contenido.
- Igualar la altura de los paneles de contenido: De forma predeterminada, las columnas tienen la misma altura que el contenido. Utilice esta opción para igualar la altura automáticamente.
Las pestañas le permiten distribuir mucho contenido en un espacio físico limitado de su sitio web. Con varias pestañas en los grupos de secciones solo se puede abrir una sección a la vez. De forma predeterminada, la primera pestaña se abrirá al cargar la página.
- Altura mínima en píxeles: si se aplica la altura mínima, todas las pestañas tendrán al menos esa altura.
- Transiciones de secciones animadas: se mostrará un efecto de transición cuando se cambie de una pestaña a otra.
- Distribuir el ancho de manera uniforme entre las pestañas: el ancho de las pestañas seguirá siendo el mismo, independientemente del contenido.
- Igualar la altura de los paneles de contenido de las pestañas: de forma predeterminada, cada pestaña tiene la misma altura que su contenido. Utilice esta opción para igualar automáticamente la altura de todas las pestañas.
Las filas son secciones con contenido abierto superpuestas una arriba de la otra en una posición vertical.
Las filas contraíbles se pueden contraer o ampliar con un atractivo efecto de animación. Especifique cuáles serán las secciones individuales que se contraerán o ampliarán de forma predeterminada. Las transiciones de secciones animadas son una característica compatible con las Filas contraíbles también.
El acordeón mostrará una sección a la vez. Cuando se abre una sección, el resto se replegará automáticamente con un atractivo efecto de animación. De forma predeterminada, la primera sección se abrirá al cargar la página.
Las pestañas verticales pueden abrirse una a la vez. De forma predeterminada, la primera sección (pestaña) se abrirá al cargar la página.
- Altura mínima en píxeles
- Transiciones de secciones animadas
- Igualar la altura de los paneles de contenido de las pestañas
Una característica adicional que tienen todos los diseños es la opción de hacer una transición de un tipo al otro, mediante la configuración respectiva disponible en el menú de la derecha.