1. Changer le logo et les couleurs

Le template d'administration par défaut s'appelle Atum. Ses paramètres te permettent de changer l'apparence de l'écran de connexion en quelques clics.

  1. Dans le menu de l'administrateur, va dans Système → Templates → Styles de template d'administrateur.

  2. Clique sur le style par défaut, qui s'appelle généralement Atum - Default.

  3. Une fois la page de personnalisation ouverte, tu verras plusieurs onglets :

    • Image Settings : C'est ici que tu vas pouvoir changer les logos. Tu verras un champ nommé Login Logo. Clique dessus pour téléverser le logo de ton projet. Il apparaîtra alors sur l'écran de connexion, à la place du logo Joomla .

    • Colour Settings : Dans cet onglet, tu peux modifier les couleurs principales de l'interface d'administration. En modifiant le champ Link Color, tu changeras la couleur du bouton de connexion, ce qui te permet de les harmoniser avec la charte graphique de ton projet .

2. Changer le texte du titre

Le titre de la page "Joomla Administrator Login" peut également être remplacé. Pour cela, on utilise un remplacement de langue.

  1. Va dans Système → Gestion → Remplacements de langue.

  2. Dans la liste déroulante "Sélectionner une langue et un client", choisis Français (fr-FR) - Administrateur (ou la langue de ton site).

  3. Clique sur le bouton Nouveau en haut à gauche.

  4. Dans le champ Rechercher une constante de langue, saisis TPL_ATUM_BACKEND_LOGIN. La constante s'affichera en dessous. Sélectionne-la.

  5. Dans le champ Texte, efface le texte existant et écris le nouveau titre que tu souhaites afficher, comme par exemple "Connexion au projet Hepareg" .

  6. Clique sur Enregistrer et fermer.

3. Aller plus loin avec un template enfant (optionnel)

Les deux étapes ci-dessus couvrent 99% des besoins pour personnaliser l'écran de connexion. Cependant, si tu souhaites des modifications plus profondes (comme changer la disposition des éléments), tu devras utiliser un template enfant.

Le principe est le même que pour le site public :

  1. Va dans Système → Templates → Styles de template d'administrateur.

  2. Clique sur le template Atum Details and Files.

  3. Clique sur le bouton Create Child Template. Donne-lui un nom, par exemple "Atum - Hepareg" .

  4. Ce nouveau template enfant contiendra le fichier login.php que tu pourras modifier en toute sécurité, sans que tes changements ne soient écrasés lors des mises à jour de Joomla.

En résumé, pour une personnalisation simple et rapide de l'écran de connexion, les paramètres du template Atum (pour les logos et couleurs) et les remplacements de langue (pour les textes) sont tes meilleurs alliés.

N'hésite pas si tu as d'autres questions sur la personnalisation !

 

 

Partie 2 pour aller plus loin / Modifier le logo par exemple => 

 

Pour overrider le CSS de l'admin Atum

Méthode 1 : Créer un fichier user.css (recommandé)

Atum supporte un fichier user.css qui est automatiquement chargé après template.css.

  1. Va dans Système → Templates → Styles de template d'administrateur

  2. Clique sur Atum Details and Files (le template, pas le style)

  3. Navigue dans le dossier css

  4. Clique sur Nouveau fichier

  5. Nomme-le : user.css

  6. Ajoute ton CSS personnalisé :

css
/* Agrandir le logo admin */
.logo {
    max-width: 200px !important;
}

.logo img {
    max-height: 60px !important;
    width: auto !important;
}

  1. Enregistre et recharge la page admin (Ctrl+F5)

Méthode 2 : Créer un template enfant (plus propre)

Pour éviter que tes modifications soient écrasées lors des mises à jour de Joomla :

  1. Dans Système → Templates → Styles de template d'administrateur

  2. Clique sur Atum Details and Files

  3. Clique sur le bouton Créer un template enfant

  4. Nomme-le (ex: "Atum Hepareg")

  5. Active ce nouveau template enfant comme style par défaut

  6. Dans ton nouveau template enfant, crée le fichier css/user.css avec ton code