dijous, 23 setembre 2021, 22:54
lloc: Àgora
Curs: Àgora (agora)
Glossari: Preguntes freqüents

MOODLE: Com podem ajustar els estils del nou tema visual de Moodle XTEC2020?

per Administrador/a Espai de suport - dimecres, 23 setembre 2020, 10:03
 
Amb el pas de Moodle 3.6 a 3.8 s'ha fet necessari actualitzar el disseny visual de la plataforma, degut a que l'utilitzat fins ara ja no era compatible amb les noves versions de Moodle. El nou tema visual s'anomena "XTEC2020" i està basat en el tema  Boost de Moodle.

Les configuracions de colors, imatges de capçalera i estils CSS específics que teníeu en la versió anterior de Moodle s'han traslladat al nou tema visual, però els canvis en la distribució, mida i colors dels components poden fer que no es vegin exactament igual, o que es presentin problemes de contrast entre els colors originals i els nous valors per defecte. És convenient que les persones administradores dels espais en reviseu el nou aspecte, i que hi introduïu els ajustaments oportuns en cas que fos necessari.

Un canvi important és l'estil del títol que es mostra a la capçalera de cada pàgina, que en l'anterior versió era de color blanc amb contorn gris i negreta, i a XTEC2020 és de color gris fosc amb tipus de lletra estàndard. Això fa que perdi contrast amb colors de fons foscos o damunt de determinades imatges de capçalera. Si us trobeu amb aquest problema us aconsellem seguir aquests passos:

  • Accediu amb l'usuari "admin" a: Administració del lloc | Aparença |  XTEC2020 (al final de la pàgina)
  • Busqueu a la secció Paràmetres CSS l'apartat Estils personalitzats i afegiu-hi aquest codi:
#page-header h1 {
  color: white;
  text-shadow: 1px 1px 5px rgba(0,0,0,.7);
  font-weight: 700;
}

  • Feu clic al botó Desa els canvis i comproveu que els títols de capçalera es vegin correctament.
En aquesta mateixa pàgina hi trobareu moltes altres opcions de configuració de colors, estils, tipus de lletra, imatges de capçalera i altres elements. També us permet programar avisos que es mostraran a tots els usuaris durant un determinat període de temps, i afegir enllaços als comptes de xarxes socials del centre.

És important que les combinacions de colors que apliqueu al vostre Moodle (i, en general, a qualsevol espai web) tinguin un contrast suficient. En aquesta pàgina podeu comprovar l'índex de qualsevol combinació de colors, que per a satisfer els estàndards d'accessibilitat "AA" ha de tenir un valor mínim de 4,5 amb text normal i 3,0 en negreta.

Recordeu que podeu plantejar qualsevol dubte o suggeriment sobre els estils i la personalització al fòrum de suport d'Àgora-Moodle.