Base de Conocimiento

Bienvenido al centro de conocimiento OZ

Fondos por sección

Contenedores / Bloques

Fondos por sección

Aprende a personalizar los fondos de tu página seleccionando entre diferentes tipos y aplicando ajustes para mejorar la estética y legibilidad.

Last updated on 25 Nov, 2025

En OZ CMS puedes configurar fondos individuales para cada contenedor o columna de tu página, sin afectar el diseño global. Esta función te permite controlar colores, imágenes o videos de fondo de forma precisa, logrando efectos visuales atractivos y secciones claramente diferenciadas.

A continuación, se explica cómo funcionan los fondos por sección, cómo se añaden y cuáles son los ajustes disponibles dentro del editor.


¿Qué tipos de fondo se pueden aplicar?

Cada contenedor o columna dentro de tu sitio puede tener uno de estos tipos de fondo:

  • Color sólido: Usa colores planos definidos en tu paleta global o personalizados por sección.

  • Imagen: Sube una imagen propia en formato PNG, JPG, GIF o GIF animado.

  • Video: Inserta un video de YouTube para reproducirse como fondo, con o sin audio.

Además, puedes aplicar superposiciones (overlay) de color sólido o degradado con distintos niveles de transparencia para mejorar la legibilidad del contenido o reforzar la estética.


¿Cómo añadir un fondo por sección?

Snapshot
  1. Entra al editor de OZ CMS y selecciona el contenedor o la columna a la que deseas aplicar un fondo.

  2. Accede a las opciones de fondo desde el panel lateral de configuración.

  3. Elige el tipo de fondo:

    • Para color sólido: selecciona un color de la paleta o define un nuevo código HEX.

    • Para imagen: sube tu archivo o elige una imagen existente.

    • Para video: inserta la URL del video de YouTube.

  4. Ajusta la posición y la repetición de la imagen si es necesario:

    • Puedes decidir si la imagen se repite, no se repite o cubre todo el contenedor.

    • Define la alineación (superior, derecha o izquierda).

  5. Si es un video, selecciona si se reproduce con o sin sonido y si debe iniciar y finalizar en puntos específicos.

  6. Añade una superposición si quieres oscurecer la imagen o el video para resaltar texto:

    • Configura el color, la transparencia y el tipo (sólido o degradado).


¿Cómo ajustar el fondo de una columna?

Los mismos pasos aplican para columnas individuales dentro de un contenedor. Cada columna puede tener un fondo distinto, usando combinaciones de color, imagen o gradiente, más overlays independientes.


Configuraciones adicionales

  • Los fondos se pueden combinar con divisores de forma (shape dividers) en la parte superior o inferior del contenedor para separar visualmente secciones.

  • Puedes usar puntos de anclaje para crear navegación interna hacia cada sección con fondo.

  • Los fondos de video permiten bucles y recortes de inicio y fin para mantener coherencia visual.


Ventajas de usar fondos por sección

Configurar fondos por sección te permite destacar bloques clave, crear contrastes visuales y adaptar cada parte de tu página a distintos objetivos de diseño sin modificar el estilo global del sitio.


Conclusión

Los fondos individuales por sección en OZ CMS te dan flexibilidad para diseñar páginas más atractivas, estructuradas y coherentes. Desde colores sólidos hasta videos de fondo, cada opción se ajusta fácilmente desde el editor, sin necesidad de plugins ni código adicional.

¿Te ayudo este articulo?
Previous

Tecnología OZ CMS

Next

Soporte al cliente disponible a través del dashboard del cliente.