SPIP Zen Garden

Un jardin Zen pour SPIP

Le plugin Zen Garden [1], ou Jardin Zen, vous permet de gérer une galerie de thèmes pour votre site, et de changer très facilement de thèmes parmi les thèmes disponibles.

Pré-requis
Le jardin Zen nécessite d’utiliser un squelette comme le squelette Zpip ou le squelette Sarka-SPIP qui supporte les thèmes.
Le jardin Zen nécessite le plugin SPIP-Bonux.
Pour utiliser le jardin Zen, installez des thèmes dans le dossier themes/ à la racine de votre site SPIP.

Une galerie de thèmes

Le plugin Zen Garden, ou Jardin Zen, vous permet de gérer une galerie de thèmes pour votre site.

Lorsque le plugin est installé, un sous menu “Thèmes” apparaît dans le menu Configuration.

La galerie de thèmes vous présente alors tous les thèmes [2] qui ont été installés dans le dossier themes/ à la racine de votre site SPIP [3].

Prévisualiser un thème

Le lien “Apercevoir” vous permet de pré-visualiser votre site dans un thème donné, sans que cela ne modifie l’affichage pour vos visiteurs. Vous seul voyez le site avec ce thème. Vous pouvez naviguer dans le site et voir toutes les pages.

Il vous suffit de repasser par l’espace privé pour désactiver la prévisualisation, ou de faire “Apercevoir” sur un autre thème.

Choisir un thème

Lorsqu’un thème vous plaît, cliquez sur “Choisir”. Le thème retenu est alors affiché en premier dans la page.

Un lien “Désactiver et revenir au style par défaut” permet alors de désactiver l’utilisation de ce thème.

Sélecteur public de thème (switcher)

Vous avez la possibilité d’activer un sélecteur de thème dans le site public. Cette option apparaît dans la boite d’information, dans la colonne gauche du Zen-Garden.

Une fois activé, le sélecteur apparait sur le site public comme un menu déroulant en haut à gauche.

Ce menu est visible par tous les visiteurs, qui peuvent alors faire varier l’habillage à leur guise.

Pour désactiver le sélecteur, il suffit de retourner sur la page du Zen Garden dans l’espace privé et de cliquer à nouveau le bouton au même emplacement.

Footnotes

[1Le nom de ce plugin est hérité du projet historique CSS Zen Garden qui a contribué à populariser les CSS en démontrant leur intérêt pour changer l’apparence d’une page web sans en modifier le code

[2par défaut vous ne prévisualisez que les thèmes ayant l’état “stable”. Pour visualiser aussi ceux qui sont en test, ajoutez &tous=1 à l’URL de la page

[3Précision : Zen garden chope les thèmes : dans plugins/ , dans themes/
et dans squelettes/themes : avec ça, ça doit aller

Portfolio

updated on 2 October 2019

Discussion

83 discussions

  • Bonjour,
    le sous-menu ’Themes’ (du menu ’Configuration’) n’apparaît pas lorsque le plugin ’Bandeau’ est activé.

    Reply to this message

  • salut ,
    j’ai fait la mise a jour 44068 et j’ai un probléme. dans le fichier zengarden_switcher.html qui a été modifier j’ai :

    [<style type="text/css">/* <![CDATA[ */ (#INCLURE{inclure/zengarden_switcher.css}|compacte{css}) /* ]]> */</style>]
    [<script type="text/javascript">/* <![CDATA[ */ (#INCLURE{inclure/zengarden_switcher.js}|compacte{js}) /* ]]> */</script>] 

    c’est pas une erreur je croyait que les /* etaient pour les css.
    ce qui me donne des [][] en pied de page moi j’ai remis cela :

    [<style type="text/css">(#INCLURE{inclure/zengarden_switcher.css}|compacte{css})</style>]
    [<script type="text/javascript">(#INCLURE{inclure/zengarden_switcher.js}|compacte{js})</script>]

    j’ai bon ou faut.
    byou a+

    Reply to this message

  • 7
    Sébastien Inion

    Je fonctionne avec SPIP 2.1.6
    Zen Garden 1.1.2
    Sarka SPIP 3.0.4

    Voilà en voulant installer je ne vois rien comme thème alors que chez moi ça marche en local.
    Quand je vide le cache j’ai 5 messages d’erreur

    1 Table SQL « POUR » inconnue ../plugins/auto/zen-garden/prive/zengarden_theme.html _squelettes 20
    2 Table SQL « POUR » inconnue ../plugins/auto/zen-garden/prive/zengarden_theme.html _themes 3
    3 Balise #PAGINATION sans critère pagination ou employé dans une boucle recursive ../plugins/auto/zen-garden/prive/zengarden_theme.html / 4
    4 Balise #PAGINATION sans critère pagination ou employé dans une boucle recursive ../plugins/auto/zen-garden/prive/zengarden_theme.html / 45
    5 Table SQL « POUR » inconnue ../plugins/auto/zen-garden/prive/zengarden_theme_actif.html _sel 1

    Auriez-vous une idée ?

    Merci

    • installer la dernier version de BONUX (SPIP-Bonux), repasser sur la page d’activation des plugins, puis vider le cache

    • Sébastien Inion

      Merci impec ça marche ^^

    • Sébastien Inion

      Maintenant je vois bien les thèmes mais ça ne change rien dans la partie publique ?

      Est-ce à cause de la version de SPIP ?

      Merci

    • en avez vous choisit un (ca parait bête, mais votre formulation laisse entendre que non )

    • Sébastien Inion

      Oui j’ai bien choisi un thème j’ai même mis le sélectionneur, vidé le cache.
      Je connais un peu car je bosse depuis 1 semaine en local pour élaborer un thème.
      C’est pour ça que je comprends pas !

    • étrange ... désolé ne sais pas (c’est bien des thèmes sarka ?)

    • Sébastien Inion

      J’ai trouvé je viens de faire le test en local avec la dernière version de SPIP ça ne marche pas.
      Si je remet la version 2.2 ça marche.

      Dois y avoir un beug avec la dernière version.

      A suivre...

    Reply to this message

  • Bonjour,

    Je peux changer de thème dans l’interface privée, mais sur le site public, le bouton switcher de thèmes de ZenGarden ne fonctionne pas. A chaque tentative il me dit : « Not Found. The requested URL /(EmptyReference !) was not found on this server. »
    Mon inspecteur web confirme en me disant, pour “switcher_zen" : <form action=“(EmptyReference!)" ... >
    Comment faire pour renseigner form action?

    Merci de vos lumières

    Reply to this message

  • Voici ce que j’ai lu à ce sujet:

    http://forum.spip.org/fr_202717.html

    “.......oui, certains squelettes s’installent sous forme de plugin. dans ce cas, switcher ne peut fonctionner : le plugin prenant le pas sur le switch.
    d’ailleurs, tu ne peux utiliser qu’un seul squelette-plugin à la fois : tu es obligée de désactiver le plugin en cours, vider le cache, activer l’autre plugin pour passer d’un squelette à l’aitre.
    dans le cas des squelettes non plugin-isés, par contre, tu peux utiliser switcher en installant ces squelettes là dans des sous-répertoires de squelettes-test/..........”

    En effet je souhaites aussi installé ces deux plugin sarka et zpip, comme vous dans un meêm site spip.
    Pour le moment les méthodes de ci dessous (*)
    qui ne marcherait que pour les squelettes “brut de brut” cad pas les squalettes - plugin
    Méthode (*)
    Le site spip va générer chaque squelette puisque spip commence à lire option.php ou fonction.php quand il existe mais il y a donc une manipulation à faire ?
    TAF :
    Répertoire squelettes;
    Nom : “mes_squelettes_Hardouin”
    Mis à la racine de spip
    Indiquer dans ’mes_fonction.php’ (*)
    ou dans;
    <---------------------------->
    ecrire/mes_options.php (c’est mieux il parait ?)
    Ceci donc :
    <?php $GLOGALS ['dossier_squelettes']  = 'mes_squelettes_Hardouin; ?>
    <---------------------------->
    Ceci permettra d’avoir divers squelettes 1, 2 et 3 squelettes Harduin, squelette Toto, squelette Sirus etc...
    *Pour passer de l’un à l’autre on change les fichier* *à la main à chaque fois par l’administrateur;*
    ’ecrire/mes_options.php’ (*)
    Afin d’activer l’un ou l’autre des squelettes
    (Toutefois à vérifier car je ne suis pas sûr et certain)
    Ceci ne marcherait, que pour les méthodes squelettes sans plugin donc ?

    Reply to this message

  • Bonjour,

    Magnifique, Zen Garden est exploité par Sarka et par Zpip, ...

    ... seul problème, ils utilisent tous deux le même répertoire nommé identiquement /themes/ à la racine du site. Ainsi, c’est soit les thèmes de SARKA, soit les thèmes de Zpip qui sont installés et disponibles dans le répertorie /themes/.

    Or, pour nos utilisateurs en PROD qui n’ont pas accès aux répertoires du site sur le serveur, ils n’ont accès qu’à l’espace privé de SPIP en qualité d’administrateurs type no 1, nous voulons mettre les deux plugins SARKA et Zpip à disposition afin qu’ils puissent sélectionner le template de leur choix chez SARKA ou chez Zpip.

    Je ne suis pas allé voir dans le code mais quelqu’un connaît-il la manière simple de faire coexister les répertoires /themes_sarka/ et /themes-zpip/ afin que la sélection se fasse automatiquement lorsqu’un administrateur choisit dans un premier temps par exemple SARKA avec un template SARKA, puis plus tard choisit ZPIP avec un template de zpip, etc. tout cela par simple clic dans l’administration ?

    Zen Garden pourrait-il être adapté pour assumer ce fonctionnement en toute généralité.

    Cela sera encore plus utile lorsque sortira un troisième squelette en plugin qui exploitera lui aussi ses propres templates avec Zen garde, ... puis un quatrième, etc.

    Cordialement

    FDG

    Reply to this message

  • 7

    Bonjour,
    Le switcher de thèmes zen garden refuse obstinément de se désactiver lorsque que je clique dessus...
    Connaissez vous la raison ?
    merci d’avance,

    • idem pour moi, impossible de le désactiver
      Merci pour votre travail

    • bonjour,

      pareil pour moi en 2.11

    • Au risque d’être redondant... Idem pour moi même après désinstallation du plugin.

    • J’ai rencontré le même problème, que j’ai résolu en copiant tout le contenu (les dossiers/fichiers body.html, habillage.css, etc...) de mon thème dans un dossier “squelettes” situé à la racine du site. Puis j’ai désactivé le plugin Zen-Garden 1.1.0 et, bien sûr, laissé actif Zpip (ou Sarka-spip) et Spip-Bonux.

      Bref, on peut résoudre ce problème en revenant aux squelettes... en attendant une résolution de ce bug.

      En espérant que cela puisse vous être utile.

    • Merci je vais tester cela (comme c’est en local, c’est pas trop grave, mais au passage en ligne ce sera bon à savoir)
      Bien à vous
      André

    • Le bug est corrigé dans la version 1.1.1 du plugin Zen-Garden. Le zip sera mis a jour à 11h.

    • Merci Cerdic, ça marche nikel avec la 1.1.1 du plugin.

    Reply to this message

  • 1

    Bonjour,
    Est-ce qu’il existe de la doc sur comment rendre un squelette compatible avec les thèmes ?

    Reply to this message

  • Chriscor

    Bonjour,

    J’ai tenté d’utiliser cet excelent plugin en associant des thèmes mais j’ai un hic: squelette Zspip Ok - plugin zen garden Ok - selecteur de theme OK mais lorsque je passe au site public le thème choisi ne s’applique pas...
    J’ai ben fouillé dans les posts mais je n’ai pas trouvé de probleme similaire mis a part un post disant qu’il fallait renommer temporairement le dossier squelettes en autre chose: la, ça marche mais l’affichage est désorganisé et quand je renomme correctement le dossier squelette, je reviens à l’affichage de zspip....
    Mystere !!!

    Merci de votre aide !

    Reply to this message

  • 1
    Madrilene

    Bonjour
    merci pour ce plug-in
    j’ai installé la dernière version de spip 2.1 e’n local avec easyphp 5.3.2i.
    J’ai installé les pugins suivant :
    menu 0.8.2
    palette 1.2.2
    spipbonux 1.9.4
    squelettes Z pour spip 1.6.1
    zen garden 1.1.0

    j’ai bien crée les deux dossiers plugins et themes, mais dans l’interface privée, quand je clique sur l’icone theme j’ai le message d’erreur suivant qui s’affiche :

    Fatal error: Call to undefined function lire_config() in C:\Program Files\EasyPHP-5.3.2i\modules\spip210x100512232611\ecrire\public\composer.php(49) : eval()’d code on line 28

    est ce que c’est un probleme de plugins ? de mauvaises installation ? de bug ? merci de votre aide

    • Madrilene

      Je me réponds.

      J’ai réinstallé un a un les plugins, ensuite au lieu de coller le theme dans son dossier “themes” local (j’ai essayé de faire du ftp en local mais ca marchait pas ....), j’ai collé une archive zippée dans le dossier themes, que j’ai ensuite dezippée et là je n’ai plus le message d’erreur.

      qu’est ce qui s’est passé ? je ne sais pas, mais le probleme semble résolu...

    Reply to this message

Comment on this article

Who are you?
  • [Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom