Plugin : Sktheme

Installation

-  Pour commencer il faut récupérer l’archive du plugin, bref le .zip pour cela deux facons la première ici là en dessous, ou alors directement sur spip-zone

-  Unzipper le fichier sktheme-0.6-plugin.zip (qui vous donnera un répertoire sktheme
-  Téléchager le répertoire sktheme (et son contenu ;-) ) dans votre répertoire plugins (créer le répertoire plugins à la racine de votre site spip si nécessaire)
-  Dans le menu Configuration->Gestion des plugins de l’espace privé, activez le plugin Sktheme

Vous êtes près pour la configuration en utilisant le menu Configuration->Gestion des themes de l’espace privé

1. Choisissez votre squelette (au début il n’y a pas trop le choix juste dist la distribution officielle de SPIP mais vous pourrez en ajouter d’autres)
2. Une fois le squelette choisi la liste des habillages en dessous se mettra à jour et vous pourrez en choisir un (au début là encore il s’agit de dist mais nous allons voir plus loin comment en ajouter).

Pour ceux qui veulent aller vite vite ...

Parfois une démo est plus explicite qu’un long blabla aussi vous pouvez télécharger un répertoire themes exemple ici là en dessous, il vous suffit alors :

1. Télécharger le fichier sktheme-0.6-themes.zip ci-joint
2. unzip du fichier (qui vous donnera un répertoire themes
3. transférer ce répertoire à la racine de votre site SPIP
4. retourner dans l’espace privée : Configuration->Gestion des themes

1. sélectionner un nouvel habillage (ces habillages sont prévus pour la distribution de squelettes officielle)
2. valider

et voilà votre espace public à changé :-) magique non ?

Principe

Voyons maintenant le principe qui est en fait tout simple.
-  L’idée est d’utiliser la possibilité de SPIP de surcharger ses répertoires de recherche.
-  De définir un theme comme une distribution de squelettes + un habillage css

L’ordre de recherche d’un fichier sera donc :

1. répertoire d’habillage (un répertoire par habillage) [1]
2. répertoire de squelette (un répertoire par squelette) [2]
3. votre répertoire squelette (si vous en avez un)
4. répertoire dist (la distribution de squelette SPIP)

Sktheme permet ainsi de choisir les l’emplacements des deux premiers (dans la configuration avancé) par défaut le répertoire themes.

Pour plus de souplesse, il est possible de définir le même répertoire ou non, au choix.

Astuce :

On voit également qu’en plaçant des squelettes (sommaire.html par exemple) dans les répertoires habillages, non seulement on change les couleurs le look, mais aussi la structure de la page public. Mais au départ l’idée est plutôt de mettre les squelettes dans un répertoire, et le changement lié aux css ou aux images dans un répertoire habillage.

Pour faire la difference entre les répertoires contenant des squelettes et ceux contenant des habillages (css/images) sktheme utilise un fichier appelé theme.xml [3]. C’est ce fichier présent dans chaque répertoire qui permettra la mise à jour des listes de l’espace privée.

Le switcher

Sur la spip-zone on trouve un tas de truc utiles, ce n’est pas un scoop, il existe un plugin switcher fait par Fil qui permet d’avoir plusieurs répertoires squelettes pour faire des tests, en le modifiant légèrement pour prendre en compte les deux répertoires de sktheme on peut passer d’un thème à l’autre.
J’ai donc inclu ce nouveau switcher dans sktheme, (merci Fil).

ATTENTION
le switcher de sktheme utilisant le même principe que le plugin switcher, vous devrez désactiver le plugin switcher si vous utilisez le plugin sktheme.

Ce switcher doit être activé dans la configuration avancé, vous pouvez choisir de l’activer pour les administrateurs seulement ou pour tout le monde.

Une fois activé un menu déroulant sera disponible en haut à gauche de votre site public pour passer plus facilement d’un theme à l’autre.

Balise

Skteme introduit une balise supplémentaire, qu’il est possible d’inclure dans vos squelettes.

-  #SKTHEME_HABILLAGES_SWITCHER : cette balise inclu un menu déroulant sur les habillage disponibles, permettant ainsi pour un squelette donné, de changer son habillage, par vos utilisateurs (les goûts et les couleurs ;-) ).

Création des thèmes

-  cela se résume à la création de squelette et de fichier css (comme d’habitude)
-  ensuite on place le résultat dans un répertoire et un simple fichier theme.xml permet de faire fonctionner sktheme.

Mais le plus simple est de vous inspirer du répertoire de test distribué ci-joint.

En espérant que ce plugin puisse vous rendre service

ATTENTION :

Afin de simplifier l’usage une nouvelle version sktheme 1.0 est disponible
sur : http://skedus.free.fr/spip/spip.php...

Cette version ne modifie que l’habillage.css mais donne un peu de couleurs à votre distribution de base, bref de quoi commencer rapidement avec SPIP et d’en vouloir toujours plus :-)