Gestión de Plantillas y Diseño

En Medios CMS, el diseño de tu sitio es independiente de la información que publicas. Una plantilla es una combinación predefinida de colores, tipografías, estilos de bordes y sombras que determina cómo se presenta visualmente tu portal. Debido a esta estructura, puedes cambiar de plantilla en cualquier momento sin riesgo de perder o afectar tus contenidos, como noticias, artículos, publicidades o widgets.

Selección de plantilla

Para elegir una nueva estética, ve a Diseño > Plantillas. Utiliza los filtros para explorar el catálogo y selecciona la que mejor se adapte a tu proyecto. Una vez aplicada, puedes comenzar a personalizar sus detalles desde Diseño > Apariencia, donde verás los cambios en vivo antes de confirmarlos. 

Personalización de Apariencia

• Colores: Elige un color principal para botones, líneas y detalles estéticos. Asegúrate de mantener un buen contraste para garantizar que todos los textos sean legibles y la navegación sea cómoda.

• Tipografía y Tamaño: Selecciona combinaciones de fuentes diseñadas para trabajar en conjunto (una para títulos y otra para el cuerpo de texto). Puedes ajustar el tamaño de forma general para mejorar la lectura en todos los dispositivos.

• Fondo del sitio: Puedes optar por un color liso o una imagen. Ten en cuenta que algunas plantillas lucen mejor con fondos claros y planos, mientras que otras permiten mayor creatividad visual con imágenes. No dudes en experimentar, ya que puedes revertir estos cambios cuando quieras.
  

Gestión de Logotipos, Imágenes y Favicon

Personaliza la identidad visual de tu portal desde Configuración >General >Logotipos e imágenes. En esta sección puedes gestionar cómo se visualiza tu marca en los diferentes dispositivos y en la navegación del usuario.

Logotipo Principal y Móvil

El sistema permite diferenciar el logo según el dispositivo para optimizar el espacio:

• Logo principal: Se visualiza en computadoras de escritorio y notebooks.
• Logo en móviles: Diseñado para pantallas pequeñas y tablets. Se recomienda una relación de aspecto horizontal (ej. 500x150 px) para que no ocupe demasiado espacio vertical y permita ver el contenido rápidamente.
• Sin imagen: Si no subes un archivo, el sistema mostrará automáticamente el Nombre del sitio configurado en la sección General.

Recomendación técnica: Utiliza siempre archivos PNG con fondo transparente. Esto permite que el logotipo se fusione perfectamente con el color o imagen de fondo de tu plantilla.

Dimensiones según la Plantilla

El tamaño ideal depende del diseño elegido:

• Barras superiores fijas: Algunas plantillas ofrecen una barra superior fija, por lo tanto, el logo se ajusta a una altura limitada. Se sugiere un tamaño de 500x100px.
   
• Encabezados amplios: Permiten mayor flexibilidad, admitiendo logos de gran tamaño, anchos completos o formatos cuadrados.
  

Te sugerimos realizar pruebas con diferentes dimensiones y relaciones de aspecto para encontrar el equilibrio visual que mejor se adapte al espacio disponible en tu plantilla.

Favicon (Icono del navegador)

El Favicon es el pequeño icono que aparece en la pestaña del navegador y ayuda a identificar tu sitio entre otros.

• Configuración: Sube la imagen en el apartado Favicon dentro de la misma sección de Logotipos e imágenes.
• Actualización: Los navegadores suelen almacenar el Favicon en caché. Si cambias la imagen y no ves el cambio reflejado, presiona CTRL + SHIFT + R para forzar la actualización del navegador o espera a que los datos se renueven automáticamente.