Le principe
DGTLMS s'habille à votre charte : un logo, une couleur principale et une police suffisent à transformer l'interface. Le réglage se fait par espace (site), ce qui permet des marques différentes pour différents clients.
Étapes
Ouvrir la personnalisation
Administration → Personnalisation.Déposer les logos
Un logo pour le thème clair et, idéalement, une variante pour le thème sombre, plus un favicon.
Choisir la couleur principale
Elle pilote les boutons, liens et accents via le jeton
--primary.Régler la police
Sélectionnez la famille de caractères des titres et du texte.
Personnaliser le pied de page
Mentions, liens légaux, contact.
Enregistrer
Le rendu s'applique immédiatement à l'espace.
Menu en haut ou à gauche
Par défaut, les rubriques (Tableau de bord, Gestion, Formations…) s'affichent en haut de l'écran. Pour les placer dans une colonne à gauche : Administration → Options d'affichage → Paramètres généraux → Position du menu de navigation, choisissez À gauche, puis Valider. Le réglage vaut pour toute la plateforme.
- La rubrique ouverte déplie ses sous-menus (Mes cours, Planning, Catalogue…) juste en dessous.
- Le bouton Réduire le menu, en bas de la colonne, ne garde que les icônes : le nom de chaque rubrique s'affiche au survol et les sous-menus reviennent en haut du contenu. Chaque utilisateur fait ce choix pour lui-même, sur son navigateur.
- Sur tablette en portrait et sur mobile, le menu reste le menu déroulant habituel (☰).
Bon à savoir
- Prévoyez un logo lisible sur fond clair et sur fond sombre : les deux thèmes coexistent.
- Le favicon est la petite icône affichée dans l'onglet du navigateur. Déposez un fichier ICO ou une image carrée (PNG conseillé, de 32×32 à 512×512 pixels). Sans favicon propre, un site reprend celui du thème par défaut, puis celui de DGTLMS. Si l'ancienne icône reste affichée, rechargez la page : le navigateur la garde en mémoire.
- Formats acceptés pour le logo, le logo du thème sombre et l'image de connexion : PNG, JPEG, GIF et, sur une plateforme en PHP 8, WebP. Un WebP est converti en PNG à l'import (transparence conservée) pour s'afficher correctement dans les attestations et les documents PDF.
- Le thème suit par défaut le réglage du système de chaque utilisateur (clair ou sombre). Chacun peut le changer avec le bouton de thème de l'en-tête, qui passe de *automatique* à *clair*, puis *sombre*, puis revient à *automatique*.
- La couleur principale doit garder un contraste suffisant (accessibilité RGAA) avec le texte et le fond.
- La personnalisation est par espace : chaque client peut avoir sa propre identité visuelle.