Nous allons regarder de plus près comment nous pouvons modifier notre template Joomla 4 pour personnaliser un peu plus notre site. 


Depuis le système du panneau d'administration, rendez-vous sur Systèmes > Templates > Site Templates, puis sélectionnez le template que vous souhaitez personnaliser.

/!\ Avant toutes modifications, il est très judicieux de faire une sauvegarde de son site, vous pouvez utiliser le composant Akeeba Backup pour cela. Et il est conseillé de travailler sur une copie du template pour ne pas impacter le site actuel, nous ne sommes jamais à l’abri d’un pépin ou d'une fausse manipulation...Affichage pour modifier le template

Panneau de personnalisation d'un template

Une fois votre template sélectionné, vous aurez une interface comme la capture d’écrans ci-dessus. C'est ici que vous pourrez modifier le code source d'un modèle.

Vous avez avec la barre d’outil, la possibilité de faire une copie du template , d’avoir un aperçu du template, de gérer vos dossiers, de créer un nouveau fichier ou de supprimer un dossier. /!\ Il ne demande pas de confirmation pour la suppression d’un dossier. /!\

Dans la seconde partie, nous avons l’onglet Éditeur. C'est ici que vous pourrez modifier le code source. Sélectionnez le fichier à travailler et la zone d’édition apparaîtra sur la droite. La barre d’outil change lors de l’édition d’un fichier, vous pourrez alors sauvegarder, enregistrer & fermer, renommer, supprimer et fermer le fichier.Les onglets sont différents quand on ouvre un fichier.

Barre d'outil lorsqu'on édite un fichier

Dans l'onglet Créer des substitutions, sélectionnez un élément que vous souhaitez faire une substitution (remplacement), il se créera sans demander de confirmation et se placera dans son bon emplacement automatiquement.Les remplacements disponibles

Onglet Créer des substitutions d'un template

Un message de confirmation apparaîtra avec le chemin du dossier de substitution. Une fois sur un des fichiers de l’élément que vous avez remplacé, vous remarquerez deux boutons en haut à droit qui vous permettront de voir le fichier original et les différences entre le fichier original et le fichier remplacé !Les boutons spéciaux pour les fichiers de remplacement

Boutons quand on édite un fichier de substitution.

Dans l'onglet Description du template , vous trouverez une courte description du modèle.

Dans l'onglet Fichiers mis à jour, s'affichera la liste des mises à jour à effectuer, s'il y en a.

Nous allons approfondir avec quelques fichiers importants et n’oubliez pas de faire une copie avant de modifier un fichier !

Nous avons le fichier index.php où se trouvent la structure et la configuration de l’affichage des positions du template.

Pour la création des positions des modules cela se fait dans le fichier templateDetailes.xmls.

Le fichier de style, template.css se trouve à la racine du dossier /css. Il est très fortement conseillé de créer votre propre fichier de style, nommez-le custome.css ou user.css selon les templates.

 /!\ Le fichier custome.css ne marche pas avec Cassiopeia, nommez votre fichier de style user.css.

Pensez à vider le cache si vous ne voyez pas les modifications apparaître.

Administration

Référencement

Sécurité

Gestion des utilisateurs

Gestion de contenu

Menu et navigation