Una de las características más poderosas y accesibles del CMS de OZ Studio es su sistema de edición visual. Diseñado para que cualquier persona pueda construir y personalizar un sitio web sin conocimientos técnicos, el constructor de CMS de OZ Studio se basa en una estructura modular y flexible, completamente gestionable mediante tecnología drag and drop (arrastrar y soltar).
Descrubriremos los elementos que lo componen y cómo sacar el máximo provecho de la estructura de tu sitio utilizando el header, contenedores y divisores.
Estructura principal: Header, Cuerpo y Footer
El diseño en el CMS de OZ Studio se organiza en tres secciones estructurales principales que aparecen en todas las páginas:
1. Header (encabezado):
Es la parte superior del sitio. Comúnmente incluye el logotipo, menú de navegación, datos de contacto, botones de acción rápida o enlaces a redes sociales. Puede ser fijo o desplazable y admite personalización en colores, tipografía y comportamiento.
2. Cuerpo:
Es el espacio central y dinámico del sitio, donde se ubican los bloques de contenido principales: imágenes, texto, formularios, productos, sliders, testimonios, galerías, llamadas a la acción, videos, etc. Todo el contenido visual se construye en esta zona utilizando contenedores, filas y columnas.
3. Footer (pie de página):
La parte inferior. Aquí se colocan enlaces complementarios como políticas de privacidad, aviso legal, contacto, redes sociales y otros accesos rápidos. También es completamente editable y puede replicarse en todas las páginas del sitio para mantener coherencia.
Cómo construir el header en CMS de OZ Studio
El CMS de OZ Studio permite crear el header directamente desde el editor visual. Puedes construirlo desde cero o utilizar bloques prediseñados. Aquí te mostramos cómo hacerlo:
Paso 1: Agrega un bloque de header
Desde el editor, haz clic en “Agregar bloque” en la parte superior de la página.
Selecciona la categoría “Header”.
Elige entre varios diseños prediseñados (con menú, logotipo al centro, barra de contacto, etc.) o selecciona una plantilla en blanco.
Paso 2: Añade contenedores y columnas si necesitas
Puedes dividir tu encabezado en varias filas y columnas para colocar diferentes elementos (por ejemplo, logotipo a la izquierda, menú al centro, y botón a la derecha).
Usa el sistema de columnas ajustables para alinear con precisión los elementos.
Paso 3: Inserta los widgets necesarios
Los widgets más utilizados en un header son:
Widget de imagen o logo: coloca el logotipo de tu marca, con enlace a la página principal.
Widget de menú: agrega la barra de navegación principal. Puedes configurarla para que sea horizontal, vertical o tipo “hamburguesa” para móviles.
Widget de botón: ideal para llamadas a la acción, como “Agenda tu cita”.
Widget de iconos: útil para mostrar redes sociales o accesos rápidos.
Contenedores, filas y columnas: la arquitectura del contenido
En el CMS de OZ Studio, el diseño se estructura mediante contenedores, que son las cajas principales donde se insertan los elementos. Cada contenedor puede dividirse en filas y cada fila, a su vez, en columnas (hasta cinco por fila). Esta lógica de organización permite crear diseños complejos o simples, según las necesidades del proyecto.
Principales características de los contenedores:
Son flexibles y reordenables.
Pueden tener fondos personalizados (imagen, color, video).
Soportan relleno (espaciado interno) para separar visualmente los elementos.
Cada columna dentro de un contenedor puede tener su propio fondo y configuración independiente.
Esta estructura jerárquica permite crear páginas ordenadas y visualmente coherentes, con control total sobre la distribución y diseño de cada componente.
Divisores de forma: transiciones visuales sin código
Para separar contenedores y secciones, el CMS de OZ Studio ofrece una herramienta llamada divisores de forma. Estos son elementos gráficos prediseñados que permiten marcar visualmente el inicio o el fin de una sección, generando transiciones fluidas y estéticamente atractivas.
Características de los divisores:
Hay 19 estilos prediseñados (curvas, triángulos, pinceles, nubes, grunge, etc.).
Se pueden ubicar en la parte superior o inferior de cualquier contenedor.
Es posible invertirlos para que encajen perfectamente con el diseño de la sección siguiente.
Pueden aplicarse con transparencia y color personalizado para integrarse al esquema visual del sitio.
Los divisores permiten eliminar cortes abruptos entre secciones y aportar dinamismo sin recurrir a diseño externo.
Conclusión
La interfaz del CMS de OZ Studio está diseñada para empoderar al usuario. Su sistema drag and drop, combinado con una estructura lógica de contenedores, encabezados, cuerpo y pies de página, permite construir sitios web profesionales sin barreras técnicas. Todo esto sin depender de plugins externos, plantillas de terceros ni código personalizado.
Más allá de facilitar el diseño, esta metodología garantiza que cualquier cambio pueda realizarse en tiempo real, desde cualquier dispositivo, con control total sobre cada detalle del sitio.