En OZ CMS, dentro de las opciones de Estilos Globales, puedes definir qué tan ancho o estrecho se verá tu sitio web. Este ajuste es clave para dar coherencia visual a todo el proyecto y adaptarlo a las preferencias de diseño, ya sea para una experiencia amplia y envolvente o una presentación más contenida y centrada.
A continuación, te explico para qué sirve esta configuración, dónde encontrarla y cómo usarla paso a paso.
¿Qué permite el ajuste de ancho del diseño?
El ancho del diseño define cuánto espacio horizontal ocupa tu contenido principal dentro de la ventana del navegador. Puedes optar por:
Diseño estirado (full width): el contenido se extiende de borde a borde, ideal para diseños modernos, imágenes amplias o secciones con fondos que cubren toda la pantalla.
Diseño más estrecho (boxed): el contenido se mantiene dentro de un contenedor centrado con márgenes a los lados, dando una apariencia más ordenada y clásica.
Este ajuste se aplica a todas las páginas de forma global, asegurando consistencia en cada sección del sitio.
¿Dónde se configura el ancho del diseño?
Accede a tu sitio dentro de OZ CMS y entra al Editor de Páginas.
Busca la opción de Estilos Globales (Global Styles).
Dentro del panel de configuración, localiza la sección de Ancho del Diseño.
Aquí encontrarás las opciones para alternar entre diseño estirado o diseño más angosto.
¿Cómo cambiar el ancho del diseño?
Haz clic en “Estilos Globales”.
Selecciona la opción Ancho del Diseño.
Si deseas que tu sitio se vea más amplio, elige Diseño estirado para que los contenedores principales ocupen todo el ancho disponible.
Si prefieres un formato más centrado y con márgenes laterales, selecciona Diseño más estrecho.
Guarda los cambios para aplicarlos de forma automática en todas las páginas.
Ajustes complementarios
Además de cambiar entre estirado o estrecho, puedes combinar esta configuración con:
Fondos y contenedores: Define imágenes, colores o videos de fondo que aprovechen el espacio total.
Ajuste de columnas y filas: Dentro de cada contenedor, puedes organizar filas y columnas para alinear el contenido de forma proporcional.
Revisión por dispositivo: Usa la vista previa para comprobar cómo se adapta el ancho a pantallas de escritorio, tablet o móvil.
Conclusión
El control del ancho del diseño en OZ CMS es una función sencilla pero fundamental para definir la estructura visual de tu sitio. Con solo unos clics desde Estilos Globales, puedes decidir si tu contenido se verá totalmente expandido o más contenido, manteniendo coherencia en cada página y facilitando la experiencia de navegación.