Structure générale

1. Structure globale dossier du thème

Nous allons évidemment trouver le dossier xswatch4 sous le dossier themes lui-même situé à la racine de XOOPS.

La structure du thème est la suivante :

2. Dossiers css-xxx

Chaque dossier css-xxx correspond à une des 21 variantes du thème.
On trouve ainsi :
css-cerulean, pour la variante Cerulean
css-cosmo, pour la variante Cosmo
...,
css-united pour la variante United,
css-yeti pour la variante Yeti,

Nous n'avons pas besoin d'intervenir dans ces dossiers.
Nous verrons plus loin comment choisir une variante parmi un choix de 21 variantes.

3. Dossier css

Ce dossier contient le fichier feuille de style xoops.css notamment.
Nous verrons plus loin comment personnaliser une feuille de style mycss.css sans toucher aux feuilles de styles des variantes.

4. Dossier images

Ce dossier contient les images associées au thème.
C'est le lieu pour personnaliser son fichier favicon.png, l'icône se trouvant juste à côté de l'URL.
On pourra aussi ajouter son logo d'entreprise et une image lors de la maintenance du site.

5. Dossier js

Ce dossier contient les fichiers en javascript nécessaires au bon fonctionnement du thème.

6. Dossier language

Ce dossier contient les fichiers de langue pour la traduction des éléments qui composent le thème.

7. Dossier modules

Ce dossier contient les surcharges en Bootstrap 4 d'un grand nombre de modules.

8. Dossier tpl

Ce dossier contient l'ensemble des templates qui composent le thème excepté le template principal du thème, celui qui appelle tous les autres.
Nous détaillerons plus loin chaque template.

9. Fichier README.md

Ce fichier est comme son nom l'indique un fichier à lire.
On peut y trouver des informations générales sur le thème mais aussi des informations précises pour personnaliser le thème et mieux le comprendre.

10. Fichier theme.tlp

C'est le fichier principal qui structure le thème.
Il est à la base de tout.
Nous allons le voir en détail afin de bien visualiser les éléments qui le composent.

---