Personalización de la web
EnaCast permite personalizar la apariencia visual de la web de tu emisora para que se adapte a la imagen de tu marca. Puedes cambiar los colores, activar el modo oscuro y añadir CSS personalizado.
Configuración del tema
Section titled “Configuración del tema”La configuración visual de tu web se gestiona desde el panel de gestión en studio.enacast.com. En el menú lateral, dentro de Configuración, abre Configuración Frontend.
La página muestra una tarjeta por cada configuración de tema de tu emisora, con su Color Principal, su Color Oscuro y la etiqueta Habilitado o Deshabilitado. El botón Editar de cada tarjeta abre el formulario de la configuración; los cambios se aplican al pulsar Guardar.
Cada emisora puede tener varias configuraciones de tema guardadas, aunque solo una puede estar activa a la vez: la que tiene marcada la casilla Habilitado. Al guardar una configuración habilitada, las demás se deshabilitan.
Color principal
Section titled “Color principal”El campo Color Principal define el tono de los botones, enlaces, barras de navegación y otros elementos interactivos de la web. Puedes elegirlo con el selector de color o escribir su código hexadecimal (por ejemplo, #247f00).
El campo Color Oscuro es la variante oscura del color principal, que se usa cuando el modo oscuro está activado.
Modo oscuro
Section titled “Modo oscuro”El modo oscuro cambia el fondo de la web a tonos oscuros y adapta los textos y elementos para mejorar la lectura en entornos con poca luz.
Se activa o desactiva con la casilla Tema Oscuro del formulario. Cuando está activado, toda la web se muestra con el esquema de colores oscuro, incluyendo la cabecera, el reproductor y los módulos de contenido.
Imagen de portada
Section titled “Imagen de portada”La imagen de portada aparece como fondo de la cabecera de tu web. Los campos Posición X de la Portada (%) y Posición Y de la Portada (%) del formulario guardan cómo se encuadra esa imagen. Déjalos como están: si quieres cambiar la imagen de portada o su encuadre, escribe a soporte.
CSS personalizado
Section titled “CSS personalizado”Para personalizaciones más avanzadas, puedes añadir código CSS personalizado en el campo CSS Personalizado del formulario. Se aplica sobre el estilo base del tema y te permite:
- Cambiar fuentes tipográficas
- Ajustar márgenes y espaciados
- Ocultar o modificar elementos específicos
- Añadir estilos propios para secciones concretas
El CSS del campo CSS Personalizado se aplica solo mientras esa configuración de tema está habilitada. Tu emisora también puede tener un CSS propio de la emisora, que configura el equipo de EnaCast y se aplica siempre, independientemente del tema activo. Si hay CSS en ambos niveles, se combinan: primero se aplica el CSS del tema y después el CSS de la emisora.
Diseño de cabecera y pie de página
Section titled “Diseño de cabecera y pie de página”La web de tu emisora utiliza una plantilla de cabecera y una plantilla de pie de página que determinan la estructura visual de estas zonas. Estas plantillas son gestionadas por el equipo de EnaCast y se seleccionan durante la configuración inicial de tu emisora.
Consejos
Section titled “Consejos”- Mantén la coherencia: usa el mismo color principal en la web, redes sociales y material impreso
- Prueba en móvil: comprueba siempre que la web se ve correctamente en dispositivos móviles después de hacer cambios de estilo
- Menos es más: un diseño limpio y sencillo suele funcionar mejor que uno recargado de personalizaciones
Si tienes dudas, puedes contactar con el soporte técnico en support@enacast.com
Emisora para los enlaces: