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.

Notes

[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

Discussion

89 discussions

  • J’ai vidé le cache et c’est toujours pareil. J’ai toujours le même affichage. Les liens Apercevoir et Choisir sont toujours invisibles.

    J’ai fait une recherche dans le répertoire zen-garden du plugin et je n’ai pas trouvé de fichier CSS. Est-ce normal ?

    J’utilise la procédure d’installation automatique de l’interface privée Gestion des Plugins avec la liste de plugins :
    * http://www.spip-contrib.net/spip.php?page=rss_plugins_spip_2

    J’ai aussi une fois téléchargé manuellement le ZIP à partir de ce site et le résultat est strictement le même.

    Je me perds en conjectures.

    Merci de votre aide.

    Répondre à ce message

  • 2

    Désolé, j’ai re-téléchargé le plugin et j’ai toujours le même problème. Je m’y suis repris à plusieurs fois pour être sûr mais rien à faire, c’est toujours pareil.

    • il faut sans doute vider le cache de SPIP et de ton navigateur, car cela vient de la CSS

    • Merci pour la correction rapide du problème de CSS.

      J’avais effectivement le même problème (boutons Apercevoir et Choisir invisibles) mais j’avais contourné le problème en faisant « afficher source » et en cliquant directement sur le lien correspondant.

      Aprés avoir téléchargé à nouveau le plugin et vidé le cache, les boutons apparaissent désormais correctement.

    Répondre à ce message

  • 1

    Dans la partie Choisissez votre thème je vois les thèmes que j’ai installé dans le répertoire themes, mais sous forme d’étiquettes sans les liens Apercevoir et Choisir. Je ne peux donc pas sélectionner un thème.

    Je ne comprend pas pourquoi ça fait ça. Est-ce une mauvaise version du plugin Zen Garden ?

    NB : J’ai finalement utilisé un autre moyen pour activer un thème qui consiste à placer les thèmes dans le répertoire plugins et à en activer un comme un plugin. (c’est pour ça qu’il n’en reste plus qu’un dans le répertoire themes et donc un seul visible sur la capture d’écran)

    Voir la capture d’écran ci-dessous.

    • Ah, oui c’etait un problème de CSS, il faut mettre a jour le plugin Zen garden, c’est corrigé !

    Répondre à ce message

  • 2

    Bonjour,
    j’ai installé ZPIP et les plugins associés dans SPIP 2.0.10, ainsi que trois thèmes. Quand je vais dans « Configuration / Thèmes », les images des thèmes n’apparaissent pas et je ne peux donc pas changer de thème (lors de l’installation j’ai cliqué sur le lien « choisir » qui apparaissait uniquement sous le thème n°2). Voir l’image ci-joint.
    Merci d’avance
    Vincent

    • Bonsoir à toutes et tous,

      même chose de mon côté, je viens d’installer tout ce petit monde avec les plugins qui vont bien (zpip, bonux, menu, zen-garden) j’ai choisi comme thèmes : detachable1-0 et keepitsimple mais impossible de les choisir et de les installer ???? je n’ai ni l’exemple image du thème ni les boutons : « Apercevoir » et « Choisir »

      d’avance merci

      cordialement

      — 
      xavier

    • As tu bien installé les thèmes dans le dossier themes/ à la racine de SPIP ? (et pas dans le dossier plugins/)

    Répondre à ce message

  • 6

    Bonjour,
    j’ai installé les plugins de différents thèmes avec l’installation automatique mais les thèmes s’installent dans plugins/auto et pas dans /themes

    et donc la page /ecrire/ ?exec=zengarden est vide.

    dd

    • Tout a fait. Le chargement auto de thèmes dans le Zen Garden n’est pas encore pris en charge. Il faut les mettre manuellement dans le dossier themes/ a la racine de SPIP.

    • on est d’accord. merci

      Lorsque j’aurai tout compris je tenterai de “commiter” des thèmes que j’aime bien et qui ne sont pas encore dans la liste.

      dd

    • Salut,

      Il y a un carnet en cours pour les thèmes : Liste des thèmes à adapter

      Histoire ne ne pas travailler sur des thèmes en cours.

       :)

    • bonjour,
      j’ai spp 2.0.10 et sarka spip 3.0.2 qui a adapté le squellette au plugins zen garden .
      j’ai bien la page zen qui s’affiche et j’ai mis mes themes dans ../themes

      je vois donc bien les themes , et quand je clique sur apercevoir . un nouvel onglet s’ouvre mais avec mon theme de site actuel et pas celui que j’ai selectionné .
      pourquoi je n’arrive pas a switcher les themes ?

      merci

    • bonjour,
      lorsque je selectionne un theme , en appyant sur ’apercevoir’ , une nouvelle fenetre s’ouvre mais avec mon site actuel . je n’apercoit pas le nouveau theme .
      comment cela se fait il ?
      merci

    • Didier,

      Les thèmes Sarka-SPIP et ZPIP ne sont pas compatibles. Utilise donc ceux de Sarka-SPIP qui sont disponibles sur le site du squelette à cette adresse http://www.sarka-spip.net/ dans la noisette Téléchargements.

    Répondre à ce message

  • 1

    Petite question : dans quel ordre sont donc affichés les thèmes dans l’espace privé ?

    • C’est un ordre alphabetique des repertoires sensible à la casse je crois. Mais il faut revoir ça car ce n’est pas très compréhensible.

    Répondre à ce message

  • cedric couvrat

    Bonjour

    d’abord merci pour ce beau plugin.

    J’ai téléchargé tous les thèmes disponibles sur la zone. J’obtiens dans zengarden une pagination à 4 pages 0|4|8|12.
    IL est alors impossible de naviguer de page en pages.

    Suis-je le seul dans ce cas ?

    Merci

    Répondre à ce message

  • Merci pour la suggestion, je vais lui en parler... j’espère que c’est faisable de son côté car, quand je regarde toutes les contrib qui arrivent sur le site, je regrette de ne pouvoir les utiliser... et puis, il faudra bien qu’il évolue un peu aussi !! :)
    Merci pour votre réponse rapide.

    Répondre à ce message

  • 1

    Bonjour à tous,

    Tout d’abord, merci beaucoup pour tout le travail que vous faites pour la communauté, c’est génial de pouvoir se tourner vers le net quand on a des soucis.

    J’ai une question... je crois connaitre la réponse, mais bon,... je me lance quand même :
    est-ce que le plugin ZPIP ainsi que les thèmes associés fonctionne avec SPIP. 1.9.2g. ??

    En fait, lorsque j’essaye d’activer le plugin ZPIP, il ne me dit rien dans la partie privée mais sur la partie publique du site, il passe en mode DEBUG et me dit qu’il manque des squelettes dans /contenu (alors qu’il y a des squelettes)...
    Je pense que celà viens du fait que je suis en 1.9...

    Malheureusement, je ne peux pas la changer cette version de SPIP... je n’ai aucun contrôle sur le serveur hébergeur...
    Je travaille dans l’armée de terre et les serveurs sont sous la tutelle d’un autre organisme et il abrite déjà d’autres sites « SPIP ». L’administrateur ne veux pas changer la version de SPIP pour moi, de peur de flinguer les sites des autres...

    • Bonjour,
      ainsi qu’indiqué en haut de la page, la compatibilité du plugin est limitée à SPIP 2.0. Aucun espoir donc avec la 1.9.2.

      Votre administrateur a raison de ne pas upgrader à l’aveugle votre version de SPIP si elle est commune à plusieurs sites.
      Mais il devrait envisager la possibilité d’installer une nouvelle version 2.0 à côté, ce qui lui permettra de migrer progressivement les sites de l’une vers l’autre, et de démarrer les nouveaux projets sur la version courante de SPIP.

    Répondre à ce message

  • 2

    Juste une question. Est-il prévu à terme des thèmes à trois colonnes ou est-ce que cela nécessiterait un autre squelette de base que zpip ?

    • Il y a déjà des thèmes à 3 colonnes. Et le principe même de Zpip et de ses thèmes, c’est bien que les thèmes peuvent faire ce qu’ils veulent en terme d’organisation visuelle de la page.

    • Le body-layout et le css permettent de faire ce que l’on veut en terme de colonnes ou d’organisation de la page - dans une certaine limite. Donc 2 ou 3 colonnes voire une seule colonne ne posent pas de problème.

      Plus compliqué si on veut trois colonnes en page d’accueil mais deux en page de contenu : mais faisable, chaque page étant identifié par un identifiant différent on peut prévoir différentes dispositions dans le css.

      Ensuite si on veut douze blocs de contenus répartis de manière exotique peut être veut-il mieux créer son propre squelette :-)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom