Version 10 — Juin 2015 — Matthieu Marcillaud
SPIPr est une évolution de Zpip : leurs thèmes ne sont pas compatibles. Les définitions des styles d’un thème Zpip se font dans un unique fichier habillage.css
.
Or SPIPr repose sur Bootstrap, aussi la méthodologie évolue. On peut toujours « se contenter » de tout définir dans un fichier theme.css
qui sera chargé après les styles de Bootstrap et de SPIPr, mais il y a des chances que cela ne suffise pas. Pour bien faire, il faut personnaliser directement Bootstrap par le biais de fichiers LESS : variables.less
, bootswatch.less
, boot-theme.less
. Il y a également plusieurs autres point d’entrée prévus par SPIPr pour personnaliser le layout, les polices de caractères, etc. Tout ceci est exploqué en détail dans l’article sur l’écriture de thèmes SPIPr.MISSNALA && Riyouki
Pour rappel, Zpip a été séparé en 2 entités : d’un côté le « moteur » Z-core et de l’autre le squelette SPIPr. Les différences sont expliquées en détail [dans cet article->http://contrib.spip.net/Difference-entre-Zcore-et-Zpip-v1-x], et le framework Z est présenté [dans cet autre article->http://spipr.nursit.com/framework-z]. On trouve aussi des notes concises sur la migration directement dans le repertoire de SPIPr : [http://zone.spip.org/trac/spip-zone/browser/_squelettes_/spipr-dist/trunk/migration.txt->http://zone.spip.org/trac/spip-zone/browser/_squelettes_/spipr-dist/trunk/migration.txt].
Pour rappel, Zpip a été séparé en 2 entités : d’un côté le « moteur » Z-core et de l’autre le squelette SPIPr. Les différences sont expliquées en détail dans cet article, et le framework Z est présenté dans cet autre article. On trouve aussi des notes concises sur la migration directement dans le repertoire de SPIPr : http://zone.spip.org/trac/spip-zone/browser/_squelettes_/spipr-dist/trunk/migration.txt.
Renommer le dossier images en img.
Renommer habillage.css en theme.css et le placer dans le dossier css/ (à créer si nécessaire).
Dedans, changer toutes les occurences de images/xxx.ext
en img/xxx.ext
.
Éditer body.html et faire les changements suivants :
<body>
#ENV{type}
→ #ENV{type-page}
fond=navigation
→ fond=aside
fond=entete
→ fond=header
fond=pied
→ fond=footer
fond=contenu
→ fond=content
fond=inclure/barre-nav
→ fond=inclure/nav
Ajouter le filtre navbar_responsive
pour la barre de navigation : [(#INCLURE{fond=inclure/nav,env}|navbar_responsive)]
4. plugin.xml & paquet.xml
Pour que le thème soit détecté par le sélecteur de Zengarden, ajouter si nécessaire la balise <utilise nom="spipr" compatibilite="];[" />
dans paquet.xml et <utilise id="spipr" compatibilite="];[" />
plugin.xml.
À partir de là, le thème devrait être fonctionnel avec SPIPr, mais il reste sans doute à peaufiner quelques détails dans theme.css.
Sur la zone, les thèmes compatibles SPIPr sont rangés dans le répertoire http://zone.spip.org/trac/spip-zone/browser/_themes_/spipr/v1