Personalització de la web
EnaCast permet personalitzar l’aparença visual de la web de la teva emissora perquè s’adapti a la imatge de la teva marca. Pots canviar els colors, activar el mode fosc, afegir CSS personalitzat i configurar la imatge de portada.
Configuració del tema
Section titled “Configuració del tema”La configuració visual de la teva web es gestiona des de la secció de disseny del tauler d’administració. Cada emissora pot tenir diverses configuracions de tema guardades, tot i que només una pot estar activa alhora.
Color principal
Section titled “Color principal”El color principal defineix el to dels botons, enllaços, barres de navegació i altres elements interactius de la web. Es configura mitjançant un codi de color hexadecimal (per exemple, #247f00).
També pots definir un color principal per a mode fosc, que es farà servir quan el mode fosc estigui activat.
Mode fosc
Section titled “Mode fosc”El mode fosc canvia el fons de la web a tons foscos i adapta els textos i elements per millorar la lectura en entorns amb poca llum.
Pots activar o desactivar el mode fosc des de la configuració del tema. Quan està activat, tota la web es mostra amb l’esquema de colors fosc, incloent la capçalera, el reproductor i els mòduls de contingut.
Imatge de portada
Section titled “Imatge de portada”La imatge de portada apareix com a fons de la capçalera de la teva web. Pots controlar com es posiciona la imatge amb les opcions d’alineació:
Posició horitzontal:
| Opció | Resultat |
|---|---|
| Centre | La imatge es centra horitzontalment |
| Esquerra | La imatge s’alinea a la vora esquerra |
| Dreta | La imatge s’alinea a la vora dreta |
| Automàtic | El sistema tria la millor posició |
Posició vertical:
| Opció | Resultat |
|---|---|
| Centre | La imatge es centra verticalment |
| Dalt | La imatge s’alinea a la vora superior |
| Baix | La imatge s’alinea a la vora inferior |
| Automàtic | El sistema tria la millor posició |
CSS personalitzat
Section titled “CSS personalitzat”Per a personalitzacions més avançades, pots afegir codi CSS personalitzat que s’aplicarà sobre l’estil base del tema. Això et permet:
- Canviar fonts tipogràfiques
- Ajustar marges i espaiats
- Amagar o modificar elements específics
- Afegir estils propis per a seccions concretes
El CSS personalitzat es pot definir en dos nivells:
- A nivell de tema: s’aplica només quan aquell tema està actiu
- A nivell d’emissora: s’aplica sempre, independentment del tema actiu
Si es defineix CSS en ambdós nivells, es combinen: primer s’aplica el CSS del tema i després el CSS de l’emissora.
Vista prèvia
Section titled “Vista prèvia”Abans d’activar un tema, pots veure com quedarà la teva web amb l’opció de vista prèvia. La vista prèvia et permet navegar per la web amb la nova configuració sense que els visitants vegin els canvis.
- Configura el tema amb els colors, mode i imatge que desitgis
- Desa els canvis
- Fes clic a l’enllaç de vista prèvia
- Navega per la web per comprovar que tot es veu correctament
- Si n’estàs satisfet, activa el tema perquè sigui visible per a tothom
Disseny de capçalera i peu de pàgina
Section titled “Disseny de capçalera i peu de pàgina”La web de la teva emissora utilitza una plantilla de capçalera i una plantilla de peu de pàgina que determinen l’estructura visual d’aquestes zones. Aquestes plantilles són gestionades per l’equip d’EnaCast i es seleccionen durant la configuració inicial de la teva emissora.
Consells
Section titled “Consells”- Mantingues la coherència: fes servir el mateix color principal a la web, xarxes socials i material imprès
- Prova en mòbil: comprova sempre que la web es veu correctament en dispositius mòbils després de fer canvis d’estil
- Menys és més: un disseny net i senzill sol funcionar millor que un recarregat de personalitzacions
Si tens dubtes, pots contactar amb el suport tècnic a support@enacast.com