Fork me on GitHub






modifié theme
Régulier
Inscrit: 19/09/2008 17:00
Messages: 183
Bonjour, faut il installer un thème qui nous convient et le modifier à l'aide d'autres modules ou modifier directement le thème avec un éditeur au risque de créer des erreurs.

Posté le : 22/09/2008 16:53
Partager Twitter Partagez cette article sur GG+
Re: modifié theme
Guest_
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

@+

Posté le : 22/09/2008 17:57
Partager Twitter Partagez cette article sur GG+
Re: modifié theme
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
@ burning : le pro

Posté le : 30/09/2008 01:23

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

16 Personne(s) en ligne (8 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 16 | Plus ...