SPIP Zen Garden

Un jardin Zen pour SPIP

Publié le : 12 novembre 2009 – Dernière modification le 21 décembre 2021 – par Cerdic – 197 commentaires

1
2
3
4
5
81 votes

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

[1] Le 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

[2] par 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

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

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

89 discussions

  • neofutur

    Attention, le zengarden ne presente les themes que si ils sont dans /themes , rien du tout tant qu ils sont dans plugins/autos ( an moins ous spip 2.1 ).

    Apres un mv plugins/autos/theme* themes/ && rm -rf tmp/* j ai enfin pu voir ma selection de themes ( je les ai tous installes ;)

    Répondre à ce message

  • 4
    Olivier

    Bonjour, bravo pour cette idée superbe et surtout chapeau pour sa réalisation.

    Toutefois, quand je clique sur apercevoir ou choisir, rien ne se passe, rien ne change.

    J’ai vidé 100 fois le cache, j’ai réinstallé dix fois tous les plugins nécessaires dans des ordres différents, ... rien n’y fait.

    C’est grave, Docteur ? :)

    • Bon, ben je me réponds. Ça pourra peut-être intéresser quelqu’un. J’ai trouvé une solution pour que tout fonctionne impec : renommer provisoirement le répertoire /squelettes en n’importe quoi d’autre, par exemple /squelettesX

    • levonnos

      J’ai un problème similaire après avoir installé (et réinstallé) successivement SPIP, CFG, SarkaSpip, puis BONUX et zen garden.

      Les vignettes de thèmes s’affichent en mosaique mais je n’ai accès qu’au lien apercevoir et pas choisir. de plus quand je clique sur apercevoir, cela ne modifie pas l’aspect du site en fonction du thème.

      Si quelqu’un peut me répondre. C’est vraiment urgent en fait.

      Merci d’avance.

    • Shnoulle

      Les themes disponible ici ne sont pas pour sarkaspi.

      sarkaspip posséde sa propre galerie de thèmes incompatible.

    • J’ai bien téléchargé les thèmes fournis pour sarkaspip. Le problème n’est pas là. Pour le moment, je me débrouille sans zen et travaille directement les style sarkaspip.

      Si QQ a une idée pourtant, je suis preneuse.

    Répondre à ce message

  • Shnoulle

    Salut,

    Même remarque sur sur la doc des thèmes : un peu perdu dans les thème le plugin pour les utiliser.

     :)

    Répondre à ce message

  • 1
    Kaelya

    Bonjour,

    Déjà un grand bravo et un grand merci pour ce plugin :-D

    A tout hasard, est-ce qu’il serait envisageable d’avoir un thème par secteur ?

    Je m’occupe de plusieurs sites pour lesquels ça serait intéressant.

    • Ari

      Par secteur ou par rubrique, ça permettrait d’imaginer une vraie ferme à blogs avec thèmes personnalisables, et des auteurs admins restreints de leurs rubriques... Je me suis heurté au même souci avec Spipclear.

    Répondre à ce message

  • cecile

    Bonjour,j’ai installé le plugin ZenGarden et Sarkaspip,avec les themes sarkaspip que j’ai placé dans /themes.
    Lorsque je souhaite exécuter Zengarden pour choisir un autre thème à partir de l’onglet configuration du site (http://localhost/site_web/ecrire/?exec=zengarden) la page web ne s’affiche pas et l’erreur suivante apparaît :« Internet Explorer ne peut pas afficher cette page web ; diagnistiquer vos problèmes de connexion »

    J’ai déplacé un thème sarkaspip dans les plugins, la page s’affiche alors mais aucun thème n’apparait, pourriez-vous me guider ?

    Merci

    Répondre à ce message

  • Stéphane Santon

    On peut utiliser le plugin Menus avec ZenGarden. J’ai associé le Thème OutDoor.

    Les feuilles de style sont-elles prévues pour des menus déroulants ? Quand je crée un sous-menu avec le plugin, impossible de l’aligner. Notamment à cause de

    #nav .menu-liste .menu-entree a {
	display: block;
	float: left;
	width: auto;
	padding: 0 14px;

    Pourquoi Float: left sur a ?

    N’aurait-il pas pu être déplacé sur le li ? et mettre le a en display: inline ?

    Sinon si vous avez un menu déroulant opérationnel, je prends le lien. Merci

    Répondre à ce message

  • 1
    oneclic

    Bonjour,
    En utilisant ce plugin, est-ce qu’on peut utiliser les templates (ou les thèmes) qu’on retrouve sur le site de csszengarden.

    • Cerdic

      Bonjour,
      Malheureusement, non.
      Si le nom du plugin est inspiré du CSS Zen Garden, il n’est en revanche pas possible de récupérer les habillages visuels de cette galerie, qui est un exercice de style limité à une seule page figée, alors que les habillages de ZPIP doivent prendre en compte plein de contenus différents, dynamiques.

    Répondre à ce message

  • Après mise à jour de Zen Garden, ça marche ! Merci pour cette réaction rapide. Très bon plugin ! Enfin une allure plus sympathique pour mon site...

    Répondre à ce message

  • Loïc

    Ca y est, ça marche. Il fallait simplement que je ferme aussi Firefox.
    Merci de votre aide et bonne année

    Répondre à ce message

  • 1
    bruno

    Bonjour, et bravo

    Est-il possible d’utiliser des themes differents pour les article, rubriques, accueil (en partant d’un theme « général »)

    Cordialement
    Bruno

    • Cerdic

      Bonjour,
      non il n’est pas prévu de manière simple de changer de thème en fonction de la partie du site.

      C’est techniquement possible, mais la plus grand difficulté réside dans le choix du thème a priori (c’est à dire sur la seule foi de l’url). Pour ce genre de problématique, il est plus facile de disintinguer les thèmes par un sous domaine, ou un argument dans l’url, ou un cookie etc ... Toute une varieté de stratégies qui vont dépendre du besoin et de l’usage, et qui expliquent qu’il n’y a pas d’outil tout prêt pour cela.

    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