Si vous souhaitez personnaliser le nouveau panneau d'administration de Joomla 4 (que ce soit pour votre confort ou pour celui de vos utilisateurs ou de vos clients), il vous faudra nécessairement ajouter un nouveau fichier pour y déclarer vos classes CSS. Dans ce tutoriel, je vous propose de voir comment créer un ficher 'user.css' dans Atum , le template d'administration de Joomla 4.
Où faut-il créer ce nouveau fichier ?
Il s'agit de créer un fichier pour effectuer des surcharges CSS pour certains éléments d'Atum, le nouveau template d'administration de Joomla 4. Ce fichier doit s'intituler user.css pour être reconnu et appliqué par Joomla.
Emplacement du fichier pour les versions antérieures à Joomla 4.10 :
/administrator/templates/atum/css/user.css
A partir de Joomla 4.10, le fichier doit être déposé :
/media/templates/administrator/atum/css/user.css
Comment créer un fichier 'user.css' dans Atum?
La solution la plus simple est de créer ce fichier sur votre ordinateur avec un éditeur - type Notepad++ - puis de le transférer sur le serveur où est hébergé votre site Joomla 4.
- Etape 1 - Ouvrez votre éditeur de texte et créez un fichier (vide pour l'instant) que vous enregistrez sous le nom de user.css
- Etape 2 - ouvrez votre client FTP (type FileZilla) et connectez vous au serveur où est hébergé votre site Joomla 4.
- Etape 3 - s'il n'existe pas déjà, créez un dossier CSS dans le dossier d'Atum (veillez à localiser le bon emplacement en fonction de la version de votre site Joomla 4).
- Etape 4 - Transférez votre fichier user.css dans ce dossier.
Voilà, vous savez créer un fichier 'user.css' dans Atum et il est en place dans votre site Joomla 4. L'avantage de cette solution est qu'elle respecte les procédures et que vos directives CSS ne seront pas écrasées lors de la prochaine mise à jour.