Branding

Logo

Il peut être intéressant de changer le logo de GLPI pour des raisons purement esthétique, ou bien pour augmenter le sentiment d'intégration à l'entreprise pour les utilisateurs.

Et pour ce faire, il faut se rendre dans Administration > Entités > [Nom de l'entité concernée] > Personnalisation de l'interface :

 

Ici, on active le CSS Personnalisé, et on peut y appliquer ceci :

/* Logo menu */
.page .glpi-logo {
  background: url('/pics/logos/custom/Support-Rakouns-title-white.png') no-repeat;
  background-size: contain;
  width: 200px;
}

/* Logo menu compact (sidebar réduite) */
body.navbar-collapsed .navbar-brand .glpi-logo {
  background: url("/pics/logos/custom/Support-Rakouns-2.png") no-repeat;
  background-size: contain;
  width: 40px;
  height: 40px;
}

/* Logo page de connexion */
.page-anonymous .glpi-logo {
  --logo: url("https://cloud.rakouns.bzh/public.php/dav/files/BgyTpJFo5yoTsB2/Support-Rakouns-title-grey.png");
  content: var(--logo);
  width: 400px;
  height: 100px;
}
.py-4 {
    padding-top: 0rem !important;
}

Comme l'indique les commentaires dans le code, Chaque section modifie le logo, soit via une URL interne GLPI, soit via une URL publique, les deux sont possible.

Voici le résultat :

Cela permet de créer un meilleur sentiment d'appartenance je trouve, et c'est surtout bien plus joli, on va pas se mentir !