Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > SPIP > Navigation > Des blocs dépliables (Lame du Couteau Suisse)

Des blocs dépliables (Lame du Couteau Suisse)

samedi 7 janvier 2017, par François Daniel Giezendanner

Notez cet article
1 vote

 Présentation

Cet outil permet de créer des blocs dont le titre cliquable peut rendre un contenu visible ou invisible, voire de les munir d’une adresse pour que le bloc visible soit récupéré en AJAX. Ces blocs sont disponibles dans tous vos contenus SPIP (articles, rubriques, etc.) ainsi que dans vos squelettes (fichiers .html). Ils sont facilement configurables et imbricables.

Le plugin est aussi disponible en version autonome ou sous forme de lame du Couteau Suisse.


 Réglages

Les 74 lames du couteau suisse sont réparties selon les 9 parties suivantes :

  1. Administration (9)
  2. Sécurité (10)
  3. Interface privée (8)
  4. Améliorations des textes (13)
  5. Raccourcis typographiques (6)
  6. Affichage public (10)
  7. Balises, filtres, critères (10)
  8. Développement (7)
  9. Divers (1)

La lame « Blocs Dépliables » se trouve dans la partie « Raccourcis typographiques ».

Activez cette lame puis configurez la à votre convenance selon le menu proposé tel que ci-dessous :



 Dans les contenus SPIP

Les rédacteurs ont à disposition les nouvelles balises <bloc> (ou <invisible>) et <visible> à utiliser dans leurs textes (articles, rubriques, etc.) comme ceci :

   <bloc>
    Un titre qui deviendra cliquable
   
    Le texte, initialement caché, à montrer/cacher, après deux sauts de ligne...
   </bloc>

et aussi :

   <visible>
    Un titre qui deviendra cliquable
   
    Le texte, initialement affiché, à cacher/montrer, après deux sauts de ligne...
   </visible>

Résumé

Pour qu’un résumé puisse alterner avec le contenu du bloc initialement caché, vos rédacteurs peuvent utiliser les balises <resume></resume> après le double saut de ligne comme ceci :

   <bloc>
   Le titre
   
   <resume>Un résumé</resume>
   Le contenu du bloc plus développé
   </bloc>

 Exemple 1

Un titre 1 qui deviendra cliquable

Le texte 1, initialement caché, à montrer/cacher, après deux sauts de ligne...

Un titre 2 qui deviendra cliquable

Le texte 2, initialement caché, à montrer/cacher, après deux sauts de ligne...

Un titre 3 qui deviendra cliquable

Le texte 3, initialement caché, à montrer/cacher, après deux sauts de ligne...

Un titre 4 qui deviendra cliquable

Le texte 4, initialement caché, à montrer/cacher, après deux sauts de ligne...

Un titre 5 qui deviendra cliquable

Le texte 5, initialement caché, à montrer/cacher, après deux sauts de ligne...


 Code de l’Exemple 1

<bloc>
Un titre 1 qui deviendra cliquable

Le texte 1, initialement caché, à montrer/cacher, après deux sauts de ligne...
</bloc>
<bloc>
Un titre 2 qui deviendra cliquable

Le texte 2, initialement caché, à montrer/cacher, après deux sauts de ligne...
</bloc>
<bloc>
Un titre 3 qui deviendra cliquable

Le texte 3, initialement caché, à montrer/cacher, après deux sauts de ligne...
</bloc>
<bloc>
Un titre 4 qui deviendra cliquable

Le texte 4, initialement caché, à montrer/cacher, après deux sauts de ligne...
</bloc>
<bloc>
Un titre 5 qui deviendra cliquable

Le texte 5, initialement caché, à montrer/cacher, après deux sauts de ligne...
</bloc>

 Exemple 2

Le titre 1

Un résumé pour le thème 1

Le contenu du bloc plus développé, initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...

Le titre 2

Un résumé pour le thème 2

Le contenu du bloc plus développé, initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...

Le titre 3

Un résumé pour le thème 3

Le contenu du bloc plus développé, initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...

Le titre 4

Un résumé pour le thème 4

Le contenu du bloc plus développé, initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...

Le titre 5

Un résumé pour le thème 5

Le contenu du bloc plus développé, initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...


 Le code de l’Exemple 2

<bloc>
Le titre 1

<resume>Un résumé pour le thème 1</resume>
Le contenu du bloc plus développé,  initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...
</bloc>
<bloc>
Le titre 2

<resume>Un résumé pour le thème 2</resume>
Le contenu du bloc plus développé,  initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...
</bloc>

<bloc>
Le titre 3

<resume>Un résumé pour le thème 3</resume>
Le contenu du bloc plus développé,  initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...
</bloc>

<bloc>
Le titre 4

<resume>Un résumé pour le thème 4</resume>
Le contenu du bloc plus développé,  initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...
</bloc>

<bloc>
Le titre 5

<resume>Un résumé pour le thème 5</resume>
Le contenu du bloc plus développé,  initialement caché, à montrer/cacher, en alternance avec le résumé, après deux sauts de ligne...
</bloc>

 Exemple 3 :

La Boussole SPIP dans un bloc dépliable :

Choisir un site de la Boussole SPIP


 Le code de l’Exemple 3

<bloc>
Choisir un site de la Boussole SPIP

-* [{{SPIP.net}} : La documentation officielle et téléchargement de SPIP->http://www.spip.net/fr]
-* [{{SPIP-Contrib}} : L'espace des contributions à SPIP->http://www.spip-contrib.net/]
-* [{{SPIP Core}} : L'espace de développement des versions de SPIP->http://core.spip.org/trac/spip/]
-* [{{SPIP Blog}} : Du logiciel libre et de la tendresse->http://www.spip-blog.net/]
-* [{{SPIP Doc}} : La référence technique du code de SPIP->http://doc.spip.org/]
-* [{{SPIP Démo}} : Tester la dernière version stable de SPIP->http://demo.spip.org/]
-* [{{SPIP Forums}} : Le forum des utilisateurs de SPIP->http://forum.spip.org/]
-* [{{L'Herbier de SPIP}} : Une sélection de sites remarquables en SPIP->http://www.spip-herbier.net/]
-* [{{SPIP Arsenic TV}} : diffusion des vidéos réalisées pour ou autour de SPIP->http://spip.arscenic.tv/]
-* [{{SPIP Party}} : L'agenda des apéros et autres rencontres SPIP->http://www.spip-party.net/]
-* [{{Edgard}} : Un coup de bot et ça repart !->http://edgard.spip.org/]
-* [{{Sedna}} : Le flux RSS de la galaxie SPIP->http://sedna.spip.org/sedna/]
-* [{{SARKA SPIP}} : le squelette utilisé par ce site->http://www.sarka-spip.net/]
-* [{{Espace Ecole}} : les sites du DIP->http://icp.ge.ch/sem/sites/spip.php?mot5]
-* [{{SPIP User}} : La liste d'entraide des utilisateurs de SPIP->http://listes.rezo.net/mailman/listinfo/]
-* [{{SPIP Zine}} : Système Public d’Information avec P libre->http://zine.spip.org/]
-* [{{SPIP Zone}} : L'espace de développement des contributions à SPIP->http://zone.spip.org/]
-* [{{SPIP IRC}} : Venez causer sur le chat de SPIP SPIP->http://www.spip.net/irc]
-* [{{Plugins SPIP}} : L'annuaire des plugins SPIP->http://plugins.spip.net/]
-* [{{SPIP Test}} : Tester l'installation et la mise en œuvre d’un site SPIP->http://grml.eu/]
-* [{{SPIP.org}} : Le microblog de la communauté SPIP->http://spip.org/]
-* [{{Programmer SPIP}} : La documentation des développeurs SPIP->http://programmer.spip.org/]
-* [{{Tuning du squelette SARKA}} : Sarka-un-zeste-de-citron->http://zest.shizuka.fr/]
-* [{{SPIP info}} : Pour découvrir SPIP et sa communauté->http://www.spip-info.net/]
-* [{{Guiderdoni.net - Bloc notes}} : spip, css, xhtml, web, standards, mac->http://www.guiderdoni.net/-SPIP-.html]
-* [{{Paris-Beyrouth}} : Trucs et astuces pour développeurs de sites SPIP->http://www.paris-beyrouth.org/tutoriaux-spip/]
-* [{{Bruno - Eliaz Weblog}}->http://www.weblog.eliaz.fr/rubrique2.html]
-* [{{Cédric - yterium.net}} : conception & développement applications web->http://www.yterium.net/Projets-Libres]
-* [{{La Taverne à Tonton}} : incitation de développements de SPIP et de ses extensions->http://blog.smellup.net/]
-* [{{Fil}} : zzz.rezo.net->http://zzz.rezo.net/-SPIP-.html]
-* [{{Joseph Larmarange}} : quelques éléments de réflexions sur SPIP->http://joseph.larmarange.net/-SPIP-BliP-.html]
-* [{{Geekographie Maïeulesque}} : « du logiciel libre et de la tendresse »->http://geekographie.maieul.net/-SPIP-]
-* [{{Matthieu - Marcimat}} : Semences SPIP->http://marcimat.magraine.net/-Semences-SPIP-]
-* [{{Romy Tetue}} : Développeuse web front, sémantique et accessibilité->http://romy.tetue.net/spip]
-* [{{Suske}} : quelques tuyaux et beaucoup de liens relatifs à SPIP->http://spip.brubel.net/]
</bloc>

 Exemple 4 :

S’informer sur SPIP

Ouverture d’un SPIP

Exploitation d’un SPIP


 Exemple 5 :

S’informer sur SPIP





Ouverture d’un SPIP





Exploitation d’un SPIP






 Code de l’Exemple 4 :

<bloc>
S'informer sur SPIP

-* [{{News SPIP-DIP}}->http://icp.ge.ch/sem/cms-spip/]
-* {{C’est quoi SPIP ?}} : [spip.net->http://www.spip.net/rubrique124.html], [cms-spip->art669]
-* {{Histoire de SPIP}} : [cms-spip->rub13],  [spip.net->http://www.spip.net/fr_article918.html]
-* {{Galaxie-Boussole SPIP}} : [cms-spip->art330], [Carnet SPIP (Wiki)->http://www.spip-contrib.net/Carnet-SPIP], [spip.net->http://www.spip.net/spip.php?page=site&lang=fr]
-* {{Sites SPIP au DIP}} : [Espace-Ecole a->http://icp.ge.ch/sem/sites/spip.php?mot31], [Espace-Ecole b->http://icp.ge.ch/sem/sites/spip.php?mot67], [cms-spip->art412]
-* [{{SPIP-DIP sur Netvibes}}->http://www.netvibes.com/fdgiezen]
-* {{Sites SPIP sur la toile}} : [Herbier->http://www.spip-herbier.net/],  [spip.net->http://www.spip.net/fr_article884.html], [cms-spip->art873]
-* [{{Le Framework SPIP}}->art861]
-* {{Evolutions des versions de SPIP}} : [cms-spip->rub76],  [spip.net->http://www.spip.net/rubrique155.html]
-* {{Evolution des squelettes (templates)}} : [cms-spip->642], [Spip-Contrib->http://www.spip-contrib.net/Squelettes]
-* [{{Illustration des squelettes}}->article1306]
-* [{{Thèmes WordPress pour SPIP}}->article1448]
-* {{Evolutions des Plugins}} : [cms-spip->rub81], [spip-contrib->http://www.spip-contrib.net/Plugins,112] , [spip.net->http://plugins.spip.net/]
-* {{Roadmap SPIP}} : [cms-spip->article893], [cms-spip->rubrique244]
-* {{Téléchargements plugins et squelettes}} : [spip.contrib->http://www.spip-contrib.net/spip.php?page=paquets], [spip.org/spip-zone->http://files.spip.org/spip-zone/]
-* [{{Caractéristiques}}->http://www.spip.net/fr_article890.html]
-* [{{Visite guidée de CMS-SPIP}}->article1371#outil_sommaire_11]
-* [{{qq design SPIP intéressants}}->article1448]
</bloc> <bloc>
Apprendre et Développer avec SPIP

-* [{{Formations DIP}}->rubrique289]
-* [{{Prise en main des Plugins}}->article1591]
-* [{{Cours sur mesure}}->art657]
-* {{Doc officielle}} : [spip.net->http://www.spip.net/rubrique91.html], [spip-contrib->http://www.spip-contrib.net/]
-* {{Tutoriels}} : [cms-spip a->art843], [cms-spip b->rub12],  [cms-spip c->art340], [spip.net->http://www.spip.net/rubrique136.html]
-* {{Installer un SPIP}} : [cms-spip->art676], [spip.net a->http://www.spip.net/rubrique151.html], [spip.net b->http://www.spip.net/rubrique155.html]
-* {{FAQ-Forum-SEM-SPIP}} : [SPIP Administrateurs->art659], [SPIP Rédacteur->art660], [SPIP Visiteur->art661]
-* [{{FAQ-Forum-SPIP}}->http://forum.spip.org/fr_rubrique193.html]
-* [{{Tutoriels en vidéo}}->rub197]
-* {{Méta-langage Boucle & Balises SPIP}} : [spip.net a->http://www.spip.net/rubrique143.html], [spip.net b->http://www.spip.net/@?lang=fr]
-* {{FrameWork SPIP}} : [Programmer avec SPIP->http://programmer.spip.org/], [cms-spip->rubrique240]
</bloc> <bloc>
Ouverture d'un SPIP

-* {{Type de sites}} : Etablissement-discipline-formation ...
-* {{Pédagogie avec SPIP}} : [cms-spip a->art226],  [cms-spip b->art252],  [cms-spip c->rub145]
-* {{Procédure}} : Créer un site Internet ou Intranet - Comment demander l’ouverture d’un espace WEB ? [sem/prestations->http://icp.ge.ch/sem/prestations/spip.php?article28]
-* Modèles de sites pour démarrer :
-* Personnalisation
-* [{{Plugins conseillés}}->art847]
-* [{{Plugins utilisés sur ce site}}->article1360]
-* Hébergement DIP
-* Hébergement privé : [en Suisse->article1836], [en France->article1835]
-* [{{Installer un SPIP}}->rub301]
-* [{{Développeurs SPIP}}->art668]
</bloc> <bloc>
Exploitation d'un SPIP

-* {{Distributions-ICP}} : [1) Liste des sites->rubrique239], [2) Liste des Plugins->rubrique238], [3) SARKA->rub206]
-* {{Administration}} : [cms-spip->art843], [spip-contrib->http://www.spip-contrib.net/Cours-d-initiation-a-SPIP-1-9]
-* {{Configuration de SARKA}} : [cms-spip->rub206]
-* [{{Squelette pour SmartPhone}}->article1579]
-* {{Rédaction}} : [cms-spip->art843], [spip-contrib->http://www.spip-contrib.net/Cours-d-initiation-a-SPIP-1-9]
-* Internautes identifiés
-* {{Migrations}} : [spip.net a->http://www.spip.net/rubrique151.html], [spip.net b->http://www.spip.net/rubrique155.html]
-* PoolSpip
-* {{FAQ-SEM-SPIP}} : [cms-spip->rub163] : [SPIP Administrateurs->art659], [SPIP Rédacteur->art660], [SPIP Visiteur->art661]
-* [{{FAQ internautes}}->rub71]
-* [{{Forum support SEM-SPIP}}->http://bdp.ge.ch/sem/support/viewforum.php?f=11]
-* [{{FAQ-Forum-SPIP}}->http://forum.spip.org/fr_rubrique193.html]
-* {{InfoSystemes}} : Annonces sur le fonctionnement des systèmes d’information : ICP et Flora, Opération de maintenance sur SPIP ICP, Panne des sites SPIP sur ICP : [infosystemes->http://bdp.ge.ch/sem/infosystemes/]
-* {{Utilisez FIREFOX}} : [cms-spip->art912], [cms-spip->rub153]
</bloc>

 code de l’Exemple 5 :

|
<bloc>
S'informer sur SPIP

-* [{{News SPIP-DIP}}->http://icp.ge.ch/sem/cms-spip/]
-* {{C’est quoi SPIP ?}} : [spip.net->http://www.spip.net/rubrique124.html], [cms-spip->art669]
-* {{Histoire de SPIP}} : [cms-spip->rub13],  [spip.net->http://www.spip.net/fr_article918.html]
-* {{Galaxie-Boussole SPIP}} : [cms-spip->art330], [Carnet SPIP (Wiki)->http://www.spip-contrib.net/Carnet-SPIP], [spip.net->http://www.spip.net/spip.php?page=site&lang=fr]
-* {{Sites SPIP au DIP}} : [Espace-Ecole a->http://icp.ge.ch/sem/sites/spip.php?mot31], [Espace-Ecole b->http://icp.ge.ch/sem/sites/spip.php?mot67], [cms-spip->art412]
-* [{{SPIP-DIP sur Netvibes}}->http://www.netvibes.com/fdgiezen]
-* {{Sites SPIP sur la toile}} : [Herbier->http://www.spip-herbier.net/],  [spip.net->http://www.spip.net/fr_article884.html], [cms-spip->art873]
-* [{{Le Framework SPIP}}->art861]
-* {{Evolutions des versions de SPIP}} : [cms-spip->rub76],  [spip.net->http://www.spip.net/rubrique155.html]
-* {{Evolution des squelettes (templates)}} : [cms-spip->642], [Spip-Contrib->http://www.spip-contrib.net/Squelettes]
-* [{{Illustration des squelettes}}->article1306]
-* [{{Thèmes WordPress pour SPIP}}->article1448]
-* {{Evolutions des Plugins}} : [cms-spip->rub81], [spip-contrib->http://www.spip-contrib.net/Plugins,112] , [spip.net->http://plugins.spip.net/]
-* {{Roadmap SPIP}} : [cms-spip->article893], [cms-spip->rubrique244]
-* {{Téléchargements plugins et squelettes}} : [spip.contrib->http://www.spip-contrib.net/spip.php?page=paquets], [spip.org/spip-zone->http://files.spip.org/spip-zone/]
-* [{{Caractéristiques}}->http://www.spip.net/fr_article890.html]
-* [{{Visite guidée de CMS-SPIP}}->article1371#outil_sommaire_11]
-* [{{qq design SPIP intéressants}}->article1448]
</bloc>| <bloc>
Apprendre et Développer avec SPIP

-* [{{Formations DIP}}->rubrique289]
-* [{{Prise en main des Plugins}}->article1591]
-* [{{Cours sur mesure}}->art657]
-* {{Doc officielle}} : [spip.net->http://www.spip.net/rubrique91.html], [spip-contrib->http://www.spip-contrib.net/]
-* {{Tutoriels}} : [cms-spip a->art843], [cms-spip b->rub12],  [cms-spip c->art340], [spip.net->http://www.spip.net/rubrique136.html]
-* {{Installer un SPIP}} : [cms-spip->art676], [spip.net a->http://www.spip.net/rubrique151.html], [spip.net b->http://www.spip.net/rubrique155.html]
-* {{FAQ-Forum-SEM-SPIP}} : [SPIP Administrateurs->art659], [SPIP Rédacteur->art660], [SPIP Visiteur->art661]
-* [{{FAQ-Forum-SPIP}}->http://forum.spip.org/fr_rubrique193.html]
-* [{{Tutoriels en vidéo}}->rub197]
-* {{Méta-langage Boucle & Balises SPIP}} : [spip.net a->http://www.spip.net/rubrique143.html], [spip.net b->http://www.spip.net/@?lang=fr]
-* {{FrameWork SPIP}} : [Programmer avec SPIP->http://programmer.spip.org/], [cms-spip->rubrique240]
</bloc> | <bloc>
Ouverture d'un SPIP

-* {{Type de sites}} : Etablissement-discipline-formation ...
-* {{Pédagogie avec SPIP}} : [cms-spip a->art226],  [cms-spip b->art252],  [cms-spip c->rub145]
-* {{Procédure}} : Créer un site Internet ou Intranet - Comment demander l’ouverture d’un espace WEB ? [sem/prestations->http://icp.ge.ch/sem/prestations/spip.php?article28]
-* Modèles de sites pour démarrer :
-* Personnalisation
-* [{{Plugins conseillés}}->art847]
-* [{{Plugins utilisés sur ce site}}->article1360]
-* Hébergement DIP
-* Hébergement privé : [en Suisse->article1836], [en France->article1835]
-* [{{Installer un SPIP}}->rub301]
-* [{{Développeurs SPIP}}->art668]
</bloc> |  <bloc>
Exploitation d'un SPIP

-* {{Distributions-ICP}} : [1) Liste des sites->rubrique239], [2) Liste des Plugins->rubrique238], [3) SARKA->rub206]
-* {{Administration}} : [cms-spip->art843], [spip-contrib->http://www.spip-contrib.net/Cours-d-initiation-a-SPIP-1-9]
-* {{Configuration de SARKA}} : [cms-spip->rub206]
-* [{{Squelette pour SmartPhone}}->article1579]
-* {{Rédaction}} : [cms-spip->art843], [spip-contrib->http://www.spip-contrib.net/Cours-d-initiation-a-SPIP-1-9]
-* Internautes identifiés
-* {{Migrations}} : [spip.net a->http://www.spip.net/rubrique151.html], [spip.net b->http://www.spip.net/rubrique155.html]
-* PoolSpip
-* {{FAQ-SEM-SPIP}} : [cms-spip->rub163] : [SPIP Administrateurs->art659], [SPIP Rédacteur->art660], [SPIP Visiteur->art661]
-* [{{FAQ internautes}}->rub71]
-* [{{Forum support SEM-SPIP}}->http://bdp.ge.ch/sem/support/viewforum.php?f=11]
-* [{{FAQ-Forum-SPIP}}->http://forum.spip.org/fr_rubrique193.html]
-* {{InfoSystemes}} : Annonces sur le fonctionnement des systèmes d’information : ICP et Flora, Opération de maintenance sur SPIP ICP, Panne des sites SPIP sur ICP : [infosystemes->http://bdp.ge.ch/sem/infosystemes/]
-* {{Utilisez FIREFOX}} : [cms-spip->art912], [cms-spip->rub153]
</bloc> |

 Sources

  • Le Couteau Suisse
    Plein de petites fonctionnalités nouvelles et utiles à votre site !
    Préfixe : couteau_suisse, Utilisé dans 26200 sites, Mis à jour le 27 décembre 2016
    http://plugins.spip.net/couteau_suisse.html