Áú»¢¶Ä²©

8 Crear el vostre propi tema

Vista general

Per defecte, Áú»¢¶Ä²© ofereix una s¨¨rie de temes predefinits. Podeu seguir el procediment passa per passa indicada aqu¨ª per crear el vostre. No dubteu a compartir el resultat del vostre treball amb la comunitat Áú»¢¶Ä²© si heu creat alguna cosa genial.

Passa 1

Per definir el vostre propi tema, haureu de crear un fitxer CSS i desar-lo a la carpeta assets/styles/ (per exemple, custom-theme.css). Podeu copiar els fitxers d'un tema diferent i crear el vostre tema basat en ell, o b¨¦ comen?ar des de zero.

Passa 2

Afegiu el vostre tema a la llista de temes que retorna el m¨¨tode APP::getThemes(). Podeu fer-ho anul¡¤lant el m¨¨tode ZBase::getThemes() a la classe APP. Aix¨° es pot fer afegint el codi seg¨¹ent abans de la clau de tancament a include/classes/core/APP.php:

  public static function getThemes() {
             return array_merge(parent::getThemes(), [
                 'custom-theme' => _('Custom theme')
             ]);
         }

Tingueu en compte que el nom que especifiqueu dins del primer parell de cometes ha de coincidir amb el nom del fitxer del tema sense extensi¨®.

Per afegir diversos temes, nom¨¦s cal enumerar-los sota el primer tema, per exemple:

  public static function getThemes() {
             return array_merge(parent::getThemes(), [
                 'custom-theme' => _('Custom theme'),
                 'anothertheme' => _('Another theme'),
                 'onemoretheme' => _('One more theme')
             ]);
         }

Tingueu en compte que tots els temes, excepte el darrer, han de tindre una coma al final.

Per canviar els colors del gr¨¤fic, cal afegir l'entrada a la taula de base de dades graph_theme.

Passa 3

Activeu el tema nou.

A la interf¨ªcie Áú»¢¶Ä²©, podeu definir el tema per defecte o canviar el vostre tema al perfil d'usuari.

Gaudiu del nou tema!