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, añadir CSS personalizado y configurar la imagen de portada.
Configuración del tema
Section titled “Configuración del tema”La configuración visual de tu web se gestiona desde la sección de diseño del panel de administración. Cada emisora puede tener varias configuraciones de tema guardadas, aunque solo una puede estar activa a la vez.
Color principal
Section titled “Color principal”El color principal define el tono de los botones, enlaces, barras de navegación y otros elementos interactivos de la web. Se configura mediante un código de color hexadecimal (por ejemplo, #247f00).
También puedes definir un color principal para modo oscuro, que se usará 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.
Puedes activar o desactivar el modo oscuro desde la configuración del tema. 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. Puedes controlar cómo se posiciona la imagen con las opciones de alineación:
Posición horizontal:
| Opción | Resultado |
|---|---|
| Centro | La imagen se centra horizontalmente |
| Izquierda | La imagen se alinea al borde izquierdo |
| Derecha | La imagen se alinea al borde derecho |
| Automático | El sistema elige la mejor posición |
Posición vertical:
| Opción | Resultado |
|---|---|
| Centro | La imagen se centra verticalmente |
| Arriba | La imagen se alinea al borde superior |
| Abajo | La imagen se alinea al borde inferior |
| Automático | El sistema elige la mejor posición |
CSS personalizado
Section titled “CSS personalizado”Para personalizaciones más avanzadas, puedes añadir código CSS personalizado que se aplicará sobre el estilo base del tema. Esto 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 personalizado se puede definir en dos niveles:
- A nivel de tema: se aplica solo cuando ese tema está activo
- A nivel de emisora: se aplica siempre, independientemente del tema activo
Si se define CSS en ambos niveles, se combinan: primero se aplica el CSS del tema y después el CSS de la emisora.
Vista previa
Section titled “Vista previa”Antes de activar un tema, puedes ver cómo quedará tu web con la opción de vista previa. La vista previa te permite navegar por la web con la nueva configuración sin que los visitantes vean los cambios.
- Configura el tema con los colores, modo e imagen que desees
- Guarda los cambios
- Haz clic en el enlace de vista previa
- Navega por la web para comprobar que todo se ve correctamente
- Si estás satisfecho, activa el tema para que sea visible para todos
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