b'jour,
Un thème Xoops thème se modifie avec un éditeur de code. Les langages à connaître (ou du moins comprendre) sont le html et le css.
D'une manière plus générale pour modifier l'apparence de ton site, il faut distinguer :
• le thème
• les templates
Le
thème est l'ensemble de fichiers que se trouve dans : www/theme/nom-de-ton-theme/ Il définit l'aspect global de ton site, notamment grâce au(x) feuille(s) de style qu'il contient. C'est sur la ou les feuilles .css qu'il faut intervenir en priorité.
Les
templates sont les fichier livrés avec chaque module (y compris le module système). On le trouve, pour les modules gérant du contenu, dans www/modules/ton-module/templates/ Ils se chargent de l'affichage des données propres au module.
Pour personnaliser l'apparence de son site on peut agir :
• soit sur les feuilles du thème, en ouvrant le(s) fichier(s) .css on peut deviner les champs d'application (couleur de fond de page, marges des pages, aspect du header, du footer, taille et couleur de la police, etc.). Tes modifications impacteront l'ensemble des pages du site, quelque soit le module.
• soit sur les templates du module. Les fichiers disponibles sont variés mais dans la grande majorité des cas on dispose de templates pour les pages du module et pour ses blocs (placés dans un sous-dossier /blocks). En les modifiant il est possible changer l'agencement des informations affichées par le module en question.
Pour complexifier le tout (pas pour le plaisir mais pour soigner vraiment l'apparence de tes pages
), il est possible d'affecter des styles propres aux templates des modules. Deux exemples :
- le template news_block_top.html du module News (dossier /blocks) mêle du code css et html
- le module eXtGallery dispose de sa propre feuille de style, qui agit de manière complémentaire à celle(s) du thème (extgallery/include/style.css).
Pour affecter des styles particuliers à un module, on peut suivre l'exemple de News (écrire le code css directement dans le template) mais il est préférable de les placer dans un feuille de style dédiée. Dans ce cas il faut
• créer un appel au sommet du template concerné
Citation :<{$xoTheme->addStylesheet('modules/extgallery/templates/extgallery.css')}>
• et placer la nouvelle feuille dans le dossier /extgallery/templates/
Enfin, pour éviter d'altérer les templates d'origine d'un module, il est possible d'utiliser le système de
surcharge. A l'usage c'est extrêmement pratique, notamment lorsqu'il s'agit de mettre à jour un module :
• cela évite d'écraser sa personnalisation des templates
• et permet de les réemployer d'un thème à l'autre
@+