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

  • 3

    bonsoir

    tout fonctionne bien sauf... que tous les thèmes installés dans le répertoire themes ne se voient pas dans zen-garden,; il ne m’en montre que 11 sur les 20 installés.. ?

    il y a qqchose de particulier qu’un thème doit avoir pour être sélectionnable par zen garden ?

    merci d’avance

    pam

    • à mon souvenir les thèmes avec le statut “en test” ne s’affichent pas dans la liste. Il faut modifier leut statut dans plugin.xml

    • oui, c’est bien le cas, mais ca ne règle pas tout

      j’ai le cas de deux sites mutualisés, (donc même racine spip)
      -  le dossier themes n’est pas vu de la même manière sur chaque site. Les thèmes que j’ai ajouté ne se voit que sur l’un des deux... alors qu’ils ont la même racine spip
      -  j’ai essayé de copier le dossier theme dans le répertoire sites ou sites/squelettes sans plus de succès.
      -  j’ai essayé en supprimant le cache et même le contenu de /localt
      -  j’ai même essayé après recherche dans les outils de debug var-mode=vider_paquets_locaux , car le mode debug ne fait rien sur zengarden.. sans doute que ca doit être prévu dans le source ?
      -  ...

      pire, j’ai supprimé un thème existant (supprimé le dossier dans le répertoire themes, mais ca ne change rien, il continue à apparaitre dans zengarden...

      j’en conclus que je ne sais pas ou il prend les thèmes ou ou il les stocke en cache !

      merci d’avance d’une indication...

    • oups...
      désolé du bruit, erreur bête de mon coté

      vérifiant le lien complet de l’image du theme dont j’ai supprimé les fichiers, je m’aperçois que ce lien existe bien, mais pas quand je le suis ce lien en ftp...
      je me dis que je dois me tromper entre l’URL et le chemin, et effectivement, j’avais oublié que je testais sur mon environnement... de test, tout en ajoutant un thème dans l’environnement...de prod !

      je crois qu’il faut toujours attendre le lendemain pour poster une question !

      si l’admin peut tout effacer !!

    Reply to this message

  • Bonjour,
    quand vous publiez qu’il faut installer le squelette, est-ce que c’est une installation à la racine du site?

    Reply to this message

  • Bonjour,
    J’essaye les thèmes de Sarka-SPIP, je suis en SPIP 3.0.16... J’ai installé Zen Garden, j’ai téléchargé les plugins des thèmes. J’ai bien le bouton “Thèmes” dans le menu Squelettes de l’interface privée, je choisis bien un thème, mais... il ne modifie en rien le site publique, je reste au thème par défaut.
    Ai-je loupé quelque chose ? Merci d’avance.

    Reply to this message

  • 3

    Hello,
    j’ai la version spip 3.0.
    J’ai créé un dossier themes à la racine dans lequel j’ai mis le dossier zen-garden-2, mais je ne vois pas de sous rubrique “themes” dans l’onglet configuration. Que faut il faire? par ailleurs, mon but est d’installer le thème maparann, ils disent qu’en plus du zen-garden-2 il faut avoir spip bonux mais il n’est pas compatible 3.0, est ce que cela marchera quand même?

    Merci pour votre aide... je suis débutante et ce n’est pas si facile :)

    • peut être tu peux trouver un thème qui soit chouette et compatible, sinon il faut adapter le thème...

    • Dans la version 3 c’est dans le menu squelettes.
      Et il faut à a fois prefix et categorie, ce qui n’était pas le cas auparavant.

    • au fait zen_garden il ne faut pas l’installer à l’intérieur de thèmes, sinon à l’intérieur de plugins, c’est pour ce-là que ça ne marche pas !! Je crois que je ne me trompe pas....

    Reply to this message

  • Bonjour,

    Je ne sais pas si vous allez pouvoir me répondre mais je tente. J’ai installé ce thème/squelette sur mon site hébergé chez free. Or, lorsque j’essaye d’envoyer un mail par le service contact, j’ai un message “envoyé” mais aucun mail n’arrive.

    Pourriez-vous me dire où je dois aller pour faire des modifications ou vérifier la configuration et la rendre adaptée à Free ?

    Merci

    PS : Site : http://noceraeuro.free.fr

    Reply to this message

  • Baudin

    Bonjour,

    Je viens d’installer SPIP 3.0.8, Sarka SPIP 3.2.28, SPIP Bonux 3.0.5, j’ai ajouté le dossier themes à la racine du site (même dossier plugins et autres...).
    Cependant je souhaiterais installé Zen Garden 2 pour la gestion des thèmes mais impossible.
    Dans les plugins de SPIP il ne me propose pas et manuellement avec l’url il ne veux rien savoir. Un répertoire zen-garden se créé bien avec tout dedans dans le dossier plugins/auto mais on ne vois aucun plugins Zen Garden installé ...

    Merci pour votre aide.

    Reply to this message

  • 1

    Bonjour,

    j’ai installé Zen garden sur Spip 3.0 et le plugin spip bonux, j’ai mis le squelette Sarka-SPIP dans le répertoire /squelettes à la racine de mon site, créé le répertoire /thèmes avec des thèmes dedans comme indiqué,
    pourtant je ne vois nulle part les thèmes dans mon espace privé, j’ai cherché un peu partout mais rien n’est présent.
    Aurais-je oublié qqchose ?
    merci pour votre aide.

    Reply to this message

  • jetoyhs

    Bonjour, tout à été fais, mais dans Zen Garden :

    “Vous pouvez choisir un thème proposé ou simplement apercevoir son rendu sans modifier l’affichage pour vos visiteurs

    Desactiver le switcher de thèmes”

    Mais à droite il y a rien se tout blanc, une personne peu m’en dire plus ?

    Merci, tout les autres plugins ont été installer.

    Reply to this message

  • 1

    Bonjour,
    Quelle serait la bonne méthode pour sélectionner automatiquement un thème en fonction, par exemple, de l url du site. L’idée en gros serait d’accéder a un thème différent en fonction de sous domaines sur un même spip ?
    Cette opération était facile a faire avec les squelettes en modifiant la $GLOBALS[’dossier_squelettes’] en fonction de HTTP_HOST, quelle est la meilleure approche avec les themes ?
    Cordialement
    Triton

    • Alors visiblement il suffit de faire :
      ecrire_meta(“zengarden_theme”, $theme);
      ou $theme ressemble a “themes/leTheme” pour charger le theme de son choix...
      La question est maintenant : a quel endroit, dans quel fichier, pipeline faire ca ?
      J’ai l’impression que si on execute cette fonction dans un fichier _options.php qui, bien que appelé à chaque hit, s’exécute trop tard dans le processus de génération de la page spip.... Il faut recharger la page deux fois pour forcer l’application du theme...
      Triton

    Reply to this message

  • Bonjour,

    Sur une petite validation W3C, il y a une erreur du type

    document type does not allow element “style” here :
    style type=“text/css”/* ![CDATA[ */ #switcher_zen selectmargin:2px .5em;wid…

    Je me demandais placer ce morceau dans le head (où je pense qu’il a sa place). Par contre je sèche sur la manière de faire...

    Quelqu’un à une idée ou un lien de doc approprié ?

    Bonne journée !

    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