Appliquer un thème

  pour transformer l’apparence de votre site

Quasi-instantannée, et bien plus rapide que la refonte des feuilles de style, et des jeux de squelettes, il vous suffit d’appliquer un thème graphique pour personnaliser votre site : explications..

Notez toutefois que les thèmes ne s’appliquent pas sur une simple dist, mais nécessitent d’avoir des squelettes compatibles Z (que ce soit en utilisant Sarka-SPIP ou mieux, les squelettes fournis par le plugin Z-dist).

Article publié le 2 septembre 2012, et actualisé en décembre 2019

 
 
 
 
 
 
 
 
 
 
Attention, cette page est encore en  

Le jeu de squelettes Z propose une décomposition stricte et normalisée des éléments des pages de votre site, ce qui permet d’y appliquer les mises en page voulues, uniquement avc des CSS... que vous récupérerez tous prêts : les thèmes.

 Mais comment passer sous Z ?


Sans rentrer dans des considérations plus générales (cf. Quels squelettes : dist Z & Co), plusieurs cas de figure à envisager :

- vous utilisez simplement les squelettes de Squelettes de la "dist" sans personnalisation : il vous suffit de charger un seul plugin Zdist [1], et c’est fait.
Vous devriez retrouver la même présentation, (avec la reprise de vos feuilles de style habillage.css) mais avec toutes les facilites de la décomposition en blocs et noisettes, et
"Modify once, use so many times !" => Modifié une fois, toujours disponible !
- vous avez personnalisé quelques squelettes (peu nombreux) du jeu standard, il vous suffira de reporter vos modifications dans les blocs homonymes de ./squelettes/contenu
- si vous n’avez que [2] changé toutes vos apparences graphiques,en reprenant chacun des quinze squelettes de base de SPIP, vous allez comprendre très vite comment ne plus recommencer :

Après vous être documenté sur la structure Z, vous prenez votre principal squelette standard (sans doute celui des Articles), pour en tirer trois copies restreintes respectivement à

  • l’entete (en sortir éventuellement le menu principal horizontal)
  • le pied
  • le contenu principal

éventuellement deux pavés annexes dans la page

  • le pavé de navigation
  • un pavé secondaire de compléments extra..

Quand vous aurez ventilé ces blocs dans des noisettes -fichiers HTML- bien nommées dans les sous-dossiers correspondants, vous aurez la joie de voir à nouveau s’assembler votre page courante..
Reste à compléter pour les modifications d’autres pages, et ... passons aux thèmes.

 Installer des thèmes

C’est le principal intérêt de la structure de squelettes Z : pouvoir charger un apparence nouvelle d’un seul clic ! Mais c’est pas immédiat la première fois...

En fait, le tour est magiquement géré par un plugin, actuellement nommé ZenGarden :
- installez ce plugin (eventuellement avec Spip-Bonux en Spip2),
- téléchargez des thèmes (dans le répertoire ./themes à créer à-côté de ./squelettes),ou bien (SPIP 3) installez les thèmes voulus, dans la gestion de Plugins en ajoutant un Plugin de Thèmes ou directement en ajoutant l’archive zip correspondante...
- et choisissez..

SPIP ZenGarden permet de choisir le thème à appliquer

Merci de nous signaler les coquilles, imprécisions ou erreurs qui figureraient dans cette page.

[1Référez-vous à Contrib : Installer-Zpip-pas-a-pas pour débuter !

[2Combien de fois -sur les fichiers de base- avez-vous reporté la même correction dans votre pied de page ?


Liens A2A visibles seulement pour les inscrits.
Liens visibles seulement pour les inscrits.

Article publié le 2 septembre 2012, et actualisé en décembre 2019 Provisoire (à compléter...) .

Répondre à cet article