Papanicola’s Post-It

Articles

• Evolution du squelette Post-It

  3 mai 2007, par Papanicola Robert — Mes squelettes Spip, Edito

  Le squelette Post-It est en cours de transformation, il passe au Web2. Je suis en train de la faire évoluer en utilisant la bibliothèque Jquery/interface.

  Cette nouvelle version intègre déja :
  les "boites triables"
  les fenetres flottantes
  la galerie "imagebox"
  le menu accordéon

  Le squelette n’est pas encore finalisé, il reste encore
  la gestion du bloc-note (j’hésite entre l’utilisation d’un wiki spip limité à une rubrique et le fonctionnement précédent utilisant un forum)
  la mémorisation de la disposition des fenètres des lors des différentes visites d’un internaute (je ne sais pas faire et j’attends votre aide)
  ...

  Le squelette est disponible sur la zone via svn ou en téléchargeant le zip.

  N’hésitez pas à le modifier et à le faire évoluer.

  
  

• Deux squelettes pour spip 1.9

  23 septembre 2006, par Papanicola Robert — Mes squelettes Spip

  je viens de mettre à niveau les deux squelettes
  Diapospip
  Post-it

  Pour Spip 1.9

  Les deux squelettes ont été réécrits pour prendre en compte toutes les nouveautès de spip 1.9.

  Je vous laisse tester ces deux squelettes, n’hésitez pas à me faire remonter les difficultés rencontrés lors de l’installation ou l’utilisation en utilisant les forums associés aux articles.

  Si vous utilisez ces squelettes, laisser un message sur les forums correspondant

  merci

  
  

• Squelette Post-IT (version 1.9)

  
  23 septembre 2006, par Papanicola Robert — Mes squelettes Spip

  Présentation

  Le squelette Post-IT est constitué d’un ensemble de post-it réparti sur l’écran. ces post-it sont de deux types :

  • la première série est constituée de la liste des rubriques secteurs réparties sur 3 colonnes, on retrouve pour chacun de ces post-it, un bandeau rappelant le nom du secteur puis la liste des derniers articles de la rubrique (on reconnait ces post-it au numéro)
  • la seconde série affichée en alternance avec la première regroupe des post-it spécifiques
    • l’édito : l’article associé à ce mot clef est affiché dans ce post-it ;
    • la galerie : une image au hasard est affichée dans le post galerie, cette image est extraite d’un des articles associé au mot clef galerie, en l’absence d’article avec le mot clef galerie, ce post-it n’est pas affiché ;
    • la recherche : ce post-it inclus la recherche spip, la recherche par mots-clefs, et par auteur, sur le site de démo, la recherche google a été ajoutée ;
    • les dernières nouveautés du site ;
    • les dernières nouvelles du web : on retrouve ici, la liste des derniers articles des sites syndiqués
    • le bloc-note : ce post-it (le nom du squelette vient de ce post-it) est un forum dont l’affichage est limité au dernier article, ce bloc-note est celui d’un article qui peut-etre vide auquel est associé le mot clef bloc-note (en l’absence de cet article, le post-it n’est pas affiché). en fonction du type d’autorisation pour le forum -modération à postériori, à priori, sur abonnement) de cet article, l’édition du bloc-note pourra être autorisé à tous les internautes ou uniquement aux inscrits.
    • les brèves ;
    • le bloc publicitaire google adsence ;
    • la recherche google
    • on peut-imaginer tout type de post-it à installer en alternance avec les autres.

  Testé sur ces navigateurs

  Testé ?	Plateforme	Navigateur	Version
  oui	windows	Internet explorer	IE6
  oui	windows	Firefox	1.5
  non	windows	Mozilla	1.0.1 par exemple
  non	windows	Phoenix	.
  oui	windows	Opera	8.5
  non	Mac	Internet explorer	.
  Oui	Mac	Firefox	1.5
  non	Mac	Netscape	.
  non	Mac	Chimera	.
  non	Mac	Mozilla	.
  non	Mac	Phoenix	.
  non	Mac	Opera	.
  Oui	Mac	Safari	1.3.2
  non	Unix/Linux	Netscape	.
  non	Unix/Linux	Mozilla	.
  non	Unix/Linux	Phoenix	.
  non	Unix/Linux	Opera	.²

  Les squelettes rubrique.html,article.html, ...

  

  article.html

  Ces différents squelettes sont constitués de deux parties,
  la première est la page sommaire
  la deuxième est la fenêtre d’affichage de l’article ( respectivement rubrique, breve, forum, ...), elle s’affiche par dessus le fond du sommaire (la classe de la fenêtre d’affichage comporte la propriété z-index).

  On retrouve dans chaque fenêtre, une première colonne avec la liste des sous-rubriques (des articles, des mots, des liens,...) et dans la colonne principale, la description de la rubrique, le texte de l’article, le descriptif des liens syndiqués,...

  Le bouton retour permet de fermer la fenêtre et de revenir au sommaire.

  Tous les liens sous la fenêtre sont actifs.

  Le menu

  

  affichage du plan

  le bouton Menu affiche une nouvelle fenêtre qui se superpose à toutes les précédente (propriété z-index de valeur supérieure)

  Le menu est en fait le plan du site.
  

  Login

  

  fenetre login

  Le bouton login affiche lui aussi une fenètre de login qui se superpose aux précédentes
  

  Galerie de Photos

  

  Galerie

  Le squelette Post-It intègre une galerie de photos. On trouve dans la colonne de gauche, la liste des galeries disponibles sur le site et pour la galerie courante, 3 vignettes affichées. La navigation dans la galerie s’effectue soit en cliquant sur une des vignettes, soit sur suivant ou précédent. la photo sélectionnée est affichée dans la partie droite.

  Une galerie de photos est en fait un article associé au mot clef galerie. Les images à afficher doivent être intégrées dans l’article en tant que documents et non en tant qu’images.
  

  Installation et configuration

  • Installation

  L’installation se limite à decompresser le zip ci-dessous et à recopier le répertoire squelettes à la racine de votre site spip. Il reste en suite à configurer et organiser les post-It.

  • Configuration

  • Création d’un article avec le mot clef "edito" qui s’affichera dans le premier post-it
  • création d’un article avec le mot clef "bloc-note" nécessaire pour autoriser l’affichage du bloc-note. Autoriser les forums de cet article.
  • création d’un ou plusieurs articles avec le mot clef galerie
  • création des post-it spécifiques à votre site, par défaut le squelette est livré avec
    • le post Edito
    • le post Nouveautés
    • le post galerie
    • le post recherche
    • le post les dernières nouvelles du web
    • le bloc-note
    • le bloc google (à modifier avec vos paramètres google,)
    • le post recherche-google (modifier la recherche google avec vos paramètres)

  Organisation de la page

  Les post-it décrivant chaque secteurs du site sont répartis sur trois colonnes, les post-i supplémentaires doivent être intercalés entre les précédent afin d’avoir un affichage "harmonieux" de tous les post-it.

  L’organisation de la page est réalisée via un groupe de mot clefs.
  vous devez créer un groupe de mot clefs avec le nom post-it

  • les mots clefs doit pouvoir être associés aux rubriques
  • il est préférable que seuls les administrateurs aient accès à ces mots clefs
    vous devez ensuite créer les mots clefs suivants
  • 1. edito
  • 2. recherche
  • 3. bloc-notes
  • 4. nouveautes
  • 5. galerie
  • 6. sites-syndic
  • 7. prop-site
  • 8. google
  • 9. recherche-google

  vous devez ensuite affecter ces mots clefs aux rubriques secteur (c’est à dire les rubriques à la racine) de votre site en les répartissant "harmonieursement" sachant que

  • les post-it sont affichés avant la rubrique à laquelle est associé le mot clef correspondant
  • les post-it sont classés {par num titre}

  Remarques

  • les numéros dans le nom des mots clefs ne sont utiles que pour classer les mots clefs à l’affichage
    • attention à l’écriture de chaque des mots clefs et du groupe de mots clefs.
    • chacun de ces mots clefs correspond à un post-it différent
    • il n’est nécessaire que de créer que ceux dont vous aurez l’utilité (si vous ne souhaitez pas proposer aux visiteurs de proposer un site, il est inutile de créer le mot clef prop-site de même si vous n’avez pas de compte google adsence, il est inutile de créer les deux mots clefs correspondants)

  Création de nouveaux post-it

  Le squelette est fourni avec un post-it vierge (post-vierge.html) que vous pouvez modifier pour afficher les informations de votre choix
  les articles syndiqués d’une rubrique particulière
  la liste des tags

  A ce post-it sont associé la fenête fenetre-vierge.html et le squelette vierge.html

  Pour afficher ce post-it
  créer le mot clef 10. vierge dans le groupe post-it
  associer ce mot clef à la rubrique racine de votre choix

  A vous de créer vos post-it !

  Structure du squelette post-it

  Cette partie n’est pas utile pour installer et utiliser le squelette post-it, elle n’est destinée qu’aux développeurs de squelettes

  Le squelette post-it est construit autour d’un squelette tronc ou squelette, le fichier squelette.html. ce squelette est inclus dans tous les autres squelettes (article, rubrique, sommaire,...) avec des paramètres caractérisant les éléments à affichés. Ainsi pour rubrique.html on a le code suivant :

  c’est à dire une simple inclusion du fond squelette avec deux paramètres l’id_rubrique et skl_rubrique.

  Pour article.html, on a

  /B_type-article>

  Un squelette légérement plus compliqué puisque l’on doit gérer soit les articles normaux, soit les galeries photos

  Le fichier squelette.html contient lui

  [(#ENV<i>skl</i>|==<i>skl_rubrique</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_article</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_galerie</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_breve</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_mot</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_auteur</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_forum</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_recherche</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_article-syndic</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>menu</i>|==<i>1</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>login</i>|==<i>1</i>|?<i>’ ’,’’</i>) ] <div class="alaligne"> </div> <inclure> #SPIP_CRON </inclure>

  On le voit, ce squelette ne comporte aucune boucle spip, il ne comporte que la structure de la page et un grand nombre d’inclusions conditionnelles de la forme

  (#ENV<i>skl</i>|==<i>skl_rubrique</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_article</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_galerie</i>|?<i>’ ’,’’</i>) ]

  ces tests se lisent
  Si skl=skl_rubrique Alors Inclure fenetre_rubrique
  Si skl=skl_article Alors Inclure fenetre_article
  Si...

  On le voit, en fonction du résultat de chaque test, l’inclusion correspondante est réalisée et la page correspondante est calculée.

  L’intérêt de cette structure est de limiter la maintenance de la feuille de style à un seul fichier. les contenu sont eux gérés dans chaque fichier inclus.

  
  

• Squelette DiapoSpip pour Spip 1.9

  
  20 septembre 2006, par Papanicola Robert — Mes squelettes Spip, squelette, spip 1.9
  Le squelette Diapospip est un squelette conçu pour réaliser des diaporamas

  Nom du Squelette : DiapoSpip 1.9
  Version du squelette : 1.9
  Auteur : rpapa
  Licence : Creative Common
  Compatibilite SPIP : compatible SPIP > 1.9
  Site(s) exemple : Formation spip
  Principales fonctionnalités et spécificités :

  • Diaporama

  Ce squelette permet de réaliser une présentation (Diaporama)

  Testé sur ces navigateurs

  Testé ?	Plateforme	Navigateur	Version
  oui	windows	Internet explorer	IE6
  oui	windows	Firefox	.
  non	windows	Mozilla	1.0.1
  non	windows	Phoenix	.
  oui	windows	Opera	.
  non	Mac	Internet explorer	.
  non	Mac	Netscape	.
  non	Mac	Chimera	.
  non	Mac	Mozilla	.
  non	Mac	Phoenix	.
  non	Mac	Opera	.
  non	Unix/Linux	Netscape	.
  non	Unix/Linux	Mozilla	.
  non	Unix/Linux	Phoenix	.
  non	Unix/Linux	Opera	.

  Donnez-moi votre avis via le forum de cet article et aidez-moi à optimiser ce squelette pour toute plateforme.

  Pourquoi ce squelette

  Ce squelette est l’évolution pour spip 1.9 du squelette [art30]

  Comme la version précédente ce squelette n’utilise que des fonctionnalités SPIP (pas de Javascript ni de PHP dans le squelette) et chaque diapositive correspond à une article et est chargée indépendamment des autres.

  Installation

  Copier le contenu du fichier zip à la racine de votre site, les squelettes se strouvent dans le répertoire /squelettes/

  C’est fait !

  Utilisation

  Réalisation de diaporama

  Fonctionnalités

  Chaque rubrique constitue une présentation, les articles de la rubrique sont les différentes diapositives.

  La première diapo de la présentation comporte le DESCRIPTIF de la rubrique et le sommaire de la présentation ;
  un menu déroulant permet d’accéder directement à la diapo souhaitée ;
  des flèches de navigation permettent de passer d’une diapo à la suivante (ou la précédente) ;
  le logo de la rubrique est affiché en haut à gauche.
  ecran redimensionnable (800x600, 1024x768, Largeur max).

  Seuls les champs #TITRE et #TEXTE de chaque article sont affichés.

  Personnalisation

  La feuille de style principale est presentation.css, vous pouvez la modifier pour la rendre conforme à la charte graphique de votre site.

  L’archive comporte 3 autres feuilles de style Ces trois feuilles définissent l’écran de projection du diaporama, respectivement

  style	Dimensions
  ecran1.css	800x600 px
  ecran2.css	1024x768 px
  ecran3.css	Largeur max

  Le choix de la dimension se fait en cliquant en haut à droite de l’écran sur la diapo, la dimension est mémorisée pendant la session.

  Structure du squelette Diapospip

  Vous n’avez pas besoin de lire ce qui suit pour un simple utilsation du squelette

  Le squelette Diapospip 1.9 est architecturé autour du fichier [*squelette.htm*] . Celui-ci est appelé par les squelettes sommaire.html, rubrique.html et article.html.

  Squelettes	Contenu
  Sommaire.html
  Rubrique.html
  Article.html	<br /> <br />

  On constate que que ces trois squelettes ne font que <inclure></inclure> le fond squelette avec les paramètres :
  skl

  • le paramètre skl a pour valeur skl_sommaire, skl_rubrique, skl_article suivant que l’on souhaite afficher respectivement le sommaire, un rubrique ou un article

  id_article, id_rubrique

  • passage de paramètre pour les boucles

  style.

  • ce paramètre est utilisé pour préciser la dimension de l’affichage.

  3Le squelette squelette.html3

  pour expliquer la structure de ce fichier, le plus simple est de commenter le code

  <div><div class="colonne-inter"> [(#ENV<i>skl</i>|==<i>skl_rubrique</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_sommaire</i>|?<i>’ ’,’’</i>) ] <br class="alaligne" /> </div></div> <div><div> <div><div class="colonne-inter"> <div class="bloc-horizontal"> [(#ENV<i>skl</i>|==<i>skl_rubrique</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_sommaire</i>|?<i>’ ’,’’</i>) ] </div> </div> </div></div> <div class="alaligne"> </div> </div> <div><div class="colonne-inter"> <h3 class="auteurs"> #NOM </h3> <br class="alaligne" /> </div></div>

  Ce squelette ne comporte que les

  ...

  de la feuille de style et des <inclure></inclure> dépendant du paramètre skl, ainsi, le contenu principal de la diapositive est sélectionné par

  [(#ENV<i>skl</i>|==<i>skl_rubrique</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>skl</i>|==<i>skl_sommaire</i>|?<i>’ ’,’’</i>) ]

  qui se lit
  si (#ENV{skl} est égal à skl_sommaire, inclure le contenu_sommaire
  si (#ENV{skl} est égal à skl_rubrique alors inclurer le contenu_rubrique avec les paramètres id_rubrique et id_article

  3Avantages de la structure3 Cette structure permet de prolonger et d’affiner la notion de noisette dans Spip, ici les différents squelettes sont structurés autour d’un "tronc" commun, le fichier squelette qui gère la forme (la feuille de style), le contenu (les branches et le noisettes) etant inclu en fonctions des paramètres passés.

  L’avantage principal est la modularité pousée à l’extrème, chaque squelette élémentaire à une fonction et une seule

  Si vous utilisez ce squelette, merci de m’en informer

  
  

• Squelette SPIP Post-it

  
  7 février 2006, par Papanicola Robert — Mes squelettes Spip, squelette, spip 1.8

  

  Présentation

  Le squelette Post-IT est constitué d’un ensemble de post-it réparti sur l’écran. ces post-it sont de deux types :

  • la première série est constituée de la liste des rubriques secteurs réparties sur 3 colonnes, on retrouve pour chacun de ces post-it, un bandeau rappelant le nom du secteur puis la liste des derniers articles de la rubrique (on reconnait ces post-it au numéro)
  • la seconde série affichée en alternance avec la première regroupe des post-it spécifiques
    • l’édito : l’article associé à ce mot clef est affiché dans ce post-it ;
    • la galerie : une image au hasard est affichée dans le post galerie, cette image est extraite d’un des articles associé au mot clef galerie, en l’absence d’article avec le mot clef galerie, ce post-it n’est pas affiché ;
    • la recherche : ce post-it inclus la recherche spip, la recherche par mots-clefs, et par auteur, sur le site de démo, la recherche google a été ajoutée ;
    • les dernières nouveautés du site ;
    • les dernières nouvelles du web : on retrouve ici, la liste des derniers articles des sites syndiqués
    • le bloc-note : ce post-it (le nom du squelette vient de ce post-it) est un forum dont l’affichage est limité au dernier article, ce bloc-note est celui d’un article qui peut-etre vide auquel est associé le mot clef bloc-note (en l’absence de cet article, le post-it n’est pas affiché). en fonction du type d’autorisation pour le forum -modération à postériori, à priori, sur abonnement) de cet article, l’édition du bloc-note pourra être autorisé à tous les internautes ou uniquement aux inscrits.
    • les brèves ;
    • le bloc publicitaire google ;
    • on peut-imaginer tout type de post-it à installer en alternance avec les autres.

  Testé sur ces navigateurs

  Testé ?	Plateforme	Navigateur	Version
  oui	windows	Internet explorer	IE6
  oui	windows	Firefox	1.5
  non	windows	Mozilla	1.0.1 par exemple
  non	windows	Phoenix	.
  oui	windows	Opera	8.5
  non	Mac	Internet explorer	.
  Oui	Mac	Firefox	1.5
  non	Mac	Netscape	.
  non	Mac	Chimera	.
  non	Mac	Mozilla	.
  non	Mac	Phoenix	.
  non	Mac	Opera	.
  Oui	Mac	Safari	1.3.2
  non	Unix/Linux	Netscape	.
  non	Unix/Linux	Mozilla	.
  non	Unix/Linux	Phoenix	.
  non	Unix/Linux	Opera	.²

  Les squelettes rubrique.html,article.html, ...

  

  article.html

  Ces différents squelettes sont constitués de deux parties,
  la première est la page sommaire
  la deuxième est la fenêtre d’affichage de l’article ( respectivement rubrique, breve, forum, ...), elle s’affiche par dessus le fond du sommaire (la classe de la fenêtre d’affichage comporte la propriété z-index).

  On retrouve dans chaque fenêtre, une première colonne avec la liste des sous-rubriques (des articles, des mots, des liens,...) et dans la colonne principale, la description de la rubrique, le texte de l’article, le descriptif des liens syndiqués,...

  Le bouton retour permet de fermer la fenêtre et de revenir au sommaire.

  Tous les liens sous la fenêtre sont actifs.

  Le menu

  

  affichage du plan

  le bouton Menu affiche une nouvelle fenêtre qui se superpose à toutes les précédente (propriété z-index de valeur supérieure)

  Le menu est en fait le plan du site.

  Login

  

  fenetre login

  Le bouton login affiche lui aussi une fenètre de login qui se superpose aux précédentes

  Galerie de Photos

  

  Galerie

  Le squelette Post-It intègre une galerie de photos. On trouve dans la colonne de gauche, la liste des galeries disponibles sur le site et pour la galerie courante, 3 vignettes affichées. La navigation dans la galerie s’effectue soit en cliquant sur une des vignettes, soit sur suivant ou précédent. la photo sélectionnée est affichée dans la partie droite.

  Une galerie de photos est en fait un article associé au mot clef galerie. Les images à afficher doivent être intégrées dans l’article en tant que documents et non en tant qu’images.

  Installation et configuration

  • Installation

  L’installation se limite à decompresser le zip ci-dessous et à recopier le répertoire squelettes à la racine de votre site spip. Il reste en suite à configurer et organiser les post-It.

  • Configuration

  • Création d’un article avec le mot clef "edito" qui s’affichera dans le premier post-it
  • création d’un article avec le mot clef "bloc-note" nécessaire pour autoriser l’affichage du bloc-note. Autoriser les forums de cet article.
  • création d’un ou plusieurs articles avec le mot clef galerie
  • création des post-it spécifiques à votre site, par défaut le squelette est livré avec
    • le post Edito
    • le post Nouveautés
    • le post recherche (modifier la recherche google avec vos paramètres)
    • le post les dernières nouvelles du web
    • le bloc-note
    • le bloc google (à modifier avec vos paramètres google,)

  Organisation de la page

  L’organisation de la page est gérée dans le squelette post-it.html, celui-ci est inclus dans les pages sommaire.html, rubrique.html, article.html, ...

  Le source est partiellement décrit ci-dessous.

  <div class="colonne"> <div class="module"> <div class="moduleframe"> <div class="moduleHeader"> <div class="title"><a href="http://www.papanicola.info/post-it/spip.php?page=backend&id_rubrique=14#URL_RUBRIQUE"> [#COMPTEUR_BOUCLE - (#TITRE|supprimer_numero)]</a></div> </div> <div class="moduleContent"> <ul> <li><a href="http://www.papanicola.info/post-it/spip.php?page=backend&id_rubrique=14#URL_ARTICLE"> [(#TITRE|supprimer_numero)] </a></li> </ul> </div> </div> </div> [(#TOTAL_BOUCLE|divise<i>3</i>|==<i>#COMPTEUR_BOUCLE</i>|?<i>’ ’,’’</i>) </div><div class="colonne">] [(#TOTAL_BOUCLE|divise<i>1.5</i>|==<i>#COMPTEUR_BOUCLE</i>|?<i>’ ’,’’</i>) </div><div class="colonne">] </div>

  Cette boucle liste les rubriques secteurs (sauf les rubriques associées au mot clef "exclusion"), et affiche pour chacune d’elles la listes des derniers articles de la branche concernée.

  L’affichage en colonne est réalisée grace à la contrib Affichage en colonnes sans tableaux ni doublons

  Les Post-it supplémentaires sont intégrés par la commande

  <br /> <br />

  L’INCLURE charge le fond "post-supp" en lui passant les différents paramètres utiles

  • l’id_article, et note sont utiles pour la gestion du post bloc-note (affichage du forum associé à l’article correspondant)
  • post contient lui la valeur courante de la boucle, c’est ce paramètre qui va permettre d’organiser l’affichage des autres post-it.

  Le squelette post-supp est détaillé ci-dessous.

  [(#ENV<i>post</i>|==<i>1</i>|?<i>’ ’,’’</i>)] [(#ENV<i>post</i>|==<i>6</i>|?<i>’ ’,’’</i>)] [(#ENV<i>post</i>|==<i>3</i>|?<i>’ ’,’’</i>)] [(#ENV<i>post</i>|==<i>5</i>|?<i>’ ’,’’</i>) [(#ENV<i>note</i>|==<i>1</i>|?<i>’ ’,’’</i>) ] [(#ENV<i>note</i>|<><i>1</i>|?<i>’ ’,’’</i>) ] ] [(#ENV<i>post</i>|==<i>2</i>|?<i>’ ’,’’</i>)]

  Dans ce squelette on retrouve plusieurs fois

  <br /> [(#ENV{post}|=={1}|?{' ',''})]<br />

  qui se traduit par si la valeur de la variable d’ENVironnement "post" est égale à 1, alors INCLURE le post-edito.

  Seul le post relatif au bloc note est différent puisqu’il faut soit afficher le message, soit le forum pour saisir le message.

  Pour organiser votre page, il suffit donc d’éditer ce squelette et de le modifier en conséquence, vous pouvez faire le test en modifiant les différentes valeurs des tests.

  Quelques remarques :

  • plusieurs post-it peuvent avoir le même numéro, ils seront affichés successivement ;
  • l’ordre des post importe peu (sauf s’ils ont le même numéro) ;
  • les post-it supplémentaires sont affichés après le post-it normal, l’équilibre des colonnes ne tient pas compte de ces post-it.
  • le Zip ci-dessous contient le bandeau pub Google adsense et la recherche Google, vous devez le configurer à votre compte si vous en possédez un.

  
  

• Squelette DiapoSpip

  2 février 2006, par Papanicola Robert — Mes squelettes Spip, squelette, spip 1.8

  

  Le squelette DiapoSpip est un squelette qui permet de faire des présentation dans le style de powerpoint

  Site exemple

  

  squelette DiapoSpip

  Formation Spip

  La notice de ce squelette est sur spip contrib

  
  

• Squelette Maxime+

  
  1er février 2006, par Papanicola Robert — Mes squelettes Spip, squelette, spip 1.8

  

  Sites exemples

  Lycée Jacques Amyot

  Jacques Amyot

  les remerciements

  On retrouve dans ces squelettes
  le menu horizontal inspiré de celui de Miss Mopy,
  le menu "dépliant" est aussi inspiré de Miss Mopy ;
  les éléments typographiques sont inspirées de la feuille de style de spipédit
  la mise en page 3 colonnes (header + footer)de pixy.

  les particularités

  utilisation des mots clefs pour configurer les texte statiques du site

  • le mot clef "entete" caractérise l’article affiché dans le bandeau du haut (le logo de l’article à gauche, le titre de l’article ,le sous titre dans la partie centrale, le texte dans le bloc à gauche).
  • le mot clef "pied de page" est associé à l’article affiché en bas de page.
  • le mot clef "menu gauche" est associé à un petit menu complémentaire de la colonne gauche, ici il est utilisé pour afficher le menu (plan, stat, mot-clefs)

  • le mot clef "exclusion" est utilisé pour exclure de l’affichage normal certains articles ou rubriques (cet article est associé a ce mot clef)

  zone publique / zone privée Ces squelettes permettent de différencier une zone de navigation publique et un zone de navigation privée.

  • le mot clef "prive" permet d’exclure de l’affichage du sommaire les articles auxquels il est associé. Seuls les visiteurs ayant un login peuvent les visualiser.

  
  

• Squelette Généralis

  
  1er février 2006, par Papanicola Robert — Mes squelettes Spip, squelette, spip 1.8

  

  Présentation du squelette

  Le squelette généralis se caractérise par :

  la possibilité de gérer un espace public et un espace restreint aux auteurs et visiteurs inscrits du site (en plus de zone privée de Spip) ;
  une configuration par mots clefs
  une personnalisation de l’interface par des articles

  Sites exemples

  SII en CPGE	SII en CPGE
  Cancer-familles	Cancer-familles

  Configuration du squelette

  Etape 1 : Préparation du site
  Créer un groupe de mots clefs Administration du site.

  • Les mots clefs de ce groupe doivent pouvoir être affectés aux articles et rubriques
  • Créer les mots clefs
    • exclusion : les articles et rubriques associés à ce mot clef ne sont pas affichés dans la page sommaire, les rubriques n’apparaissent pas dans le menu de navigation ;
    • entete : l’article associé à ce mot clef est affiché dans l’entete ;
    • navigation : l’article associé à ce mot clef est affiché dans le bloc de menu navigation ;
    • inscription : l’article associé à ce mot clef est affiché dans le bloc de menu inscription.

  Créer un groupe de mots clefs type de documents

  • Créer les mots clefs
    • edito : Le dernier article associé à ce mot clef est affiché dans la page de sommaire ;
    • public : les mots articles associés à ce mot clef sont visibles par tous les internautes ;
    • prive : les mots clefs associés à ce mot clef ne sont visibles que par les visiteurs autorisés .

  • Créer une rubrique Administration du site.
    • Cette rubrique contiendra tous les articles de configuration du site ;
    • Vous pouvez associer à cette rubrique le mot clef exclusion si vous ne souhaitez pas l’afficher dans le menu.

  Etape 2 : Entete

  Le nom du site, affiché à gauche, est celui configuré dans la zone privée de Spip (menu configuration —> nom de votre site

  Les deux lignes d’entete et le logo du site sont configurés via un article, pour cela :

  Créer un article dans la rubrique "Administration du site", associer à cet article le mot clef entete

  • Le titre de cet article correspond à la première ligne de l’entete
    • le sous titre à la deuxième ligne
    • Le logo de cet article est affiché à droite
    • Vous pouvez associer à cet article le mot clef exclusion si vous ne souhaitez pas l’afficher dans la page sommaire.

  Etape 3 : Menu dépliant

  Le menu dépliant se construit automatiquement à partir de la structure de votre site, seules les rubriques associées au mot clef exclusion ne sont pas affichés dans ce menu.

  Les rubriques sont affichées dans l’ordre alphanumerique, il est possible d’imposer l’ordre en numerotant les rubriques sous la forme NN.titre_de_la_rubrique, le numéro NN n’est pas affiché. Etape 4 : Menu Navigation

  Ce menu est associé au premier article avec le mot clef navigation.Par défaut ce menu comporte des liens vers :

  le plan ;
  l’accueil du site (la page sommaire)
  la recherche par mots clefs ou par auteurs
  un formulaire de recherche libre

  Il est possible de compléter ce menu, comme sur le site exemple, avec le texte d’un article associé au mot clef navigation.

  On peut ainsi compléter le menu par défaut par un menu complémentaire vers, un fichier d’aide, un commentaire propre au site, ou vers un formulaire de contact en créant un article avec le contenu suivant :

  <br /> -* [Contact->auteur1] <br /> -* [Aide->art1] <br /> -* [A propos->art2]<br />

  avec :

  auteur1 : la personne à contacter
  art1 : l’article d’aide
  art2 : un article d’information sur le site

  nota 1 : vous modifierez les numéros en conséquence pour votre site.

  nota 2 : le texte de l’article se place avant le menu par défaut. Menu Inscription

  Ce bloc menu est associé au mot clef inscription. Par défaut ce menu ne contient que l’accés à la zone privée.

  dès qu’un document est associé au mot clef privé, un fenetre de login spécifique s’affiche dans ce bloc.

  Il est possible de personaliser le texte associé à ce menu en éditant un article associé au mot clef inscription