Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1324 sites
Les noisettes
Article mis en ligne le 6 février 2009
dernière modification le 3 janvier 2017

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Tout le jeu de squelettes est basé sur le principe de fichiers inclus dans d’autres.

Ces fichiers inclus sont appelés "noisettes".

Avec EscalV3, une page de configuration dans l’espace privé permet de choisir ses noisettes et leurs places en quelques clics sans toucher au code.

Avec EscalV2

On peut facilement mettre la noisette que l’on veut où l’on veut en modifiant dans les pages les appels à ces noisettes qui sont sous la forme

  1. <INCLURE {fond=inclusions/inc-fichier}>

où inc-fichier est remplacé par la noisette qu’on désire.

Les noisettes disponibles sont à voir ici.

Cette architecture permet donc aussi de créer ses propres noisettes et de les inclure où l’on veut.

Suppression d’une noisette

Pour supprimer une noisette de l’affichage, il suffit de virer le code correspondant. Par exemple, ici nous sommes sur une page article. Vous ne voulez pas du cadre "accès direct" ? Alors supprimez les lignes suivantes du fichier article.html

  1. <div class="cadre-bleu">
  2. <INCLURE {fond=inclusions/inc-acces_direct}>
  3. </div>

Télécharger

et le tour est joué !

Ajout d’une noisette

Ben c’est l’inverse !

Par exemple, vous voulez une noisette "Actus" sur cette page article, dans le colonne de droite et dans un bloc rouge. Alors vous rajoutez le code suivant dans la partie "extra" du fichier article.html

  1. <div class="cadre-rouge">
  2. <INCLURE {fond=inclusions/inc-actus}>
  3. </div>

Télécharger

et hop !

 Modification d’une noisette

Comme toujours, avec EscalV3 comme avec EscalV2, avant toute modification, on copie la noisette à modifier de /plugins/escal/inclusions dans /squelettes/inclusions et on fait ensuite ce qu’on veut.

Comme ça, quand on fait une mise à jour du plugin, les modifications ne sont pas écrasées.


Forum
Répondre à cet article
Les noisettes
Philippe Pellicier - le 17 juillet 2013

Bonjour, je lis

Avec EscalV3, une page de configuration dans l’espace privé permet de choisir ses noisettes et leurs places en quelques clics.

Dommage de ne pas dire où !

Par ailleurs les lignes de codes qui apparaissent dans l’article où les insérer ?

Très difficile à comprendre quand on débute.
Merci.

Les noisettes
Philippe Pellicier - le 18 juillet 2013

J’ai trouvé quelques réponses à mes questions, mais je tâtonne tout de même un peu.

Les noisettes
Philippe Pellicier - le 18 juillet 2013

J’ai mis "actus" comme mot clef dans un article. Normalement si j’ai bien compris, cet article devrait s’afficher dans la boîte actus sur le côté. Il n’en est rien. J’ai certainement mal compris...

Les noisettes
Jean Christophe Villeneuve - le 20 juillet 2013

Ben toute la configuration d’Escal se fait dans l’espace privé, icône "squelettes" puis "Escal"

Après, il faut regarder tout ce que Escal propose. Avec Escal V3, pas besoin d’aller voir dans le code, surtout quand on débute ;-)

Pour l’actu, une fois que tu as associé le mot-clé à l’article, si tu ne vois rien apparaitre après le recalcul de la page, pense à vider le cache de spip et celui de ton navigateur.

Les noisettes
Pascal FORTIN - le 21 août 2016

Bonjour,

Je profite de cette discussion qui se rapproche de mon problème pour demander comment on peut intégrer une nouvelle noisette aux propositions de EscalV3.

Il s’agit ici du widget "twitter_profile" que j’ai réussi à bien paramétrer et je souhaiterai maintenant intégrer sur un côté de la page d’accueil de mon site.

Merci pour votre aide.
Pascal

Les noisettes
Jean Christophe Villeneuve - le 21 août 2016

Hello

Avec quel code s’insère ce widget ? C’est du html, du js, autre chose ?

Si c’est du html, on doit pouvoir
- créer un fichier twitter.html (par exemple) contenant ce code et placer le fichier dans /squelettes/modeles
- créer un article avec juste
<twitter1>
dans le texte de l’article
- donner le mot-clé "article-libre1" à cet article
- afficher la noisette "Article libre 1" où tu en as envie

Les noisettes
Pascal FORTIN - le 21 août 2016

Re-bonjour,

merci pour la réponse rapide.

D’après "http://contrib.spip.net/Twitter-4393", pour ajouter ce widget il suffit d’utiliser le code : #INCLUREfond=inclure/twidget_profile en l’insérant dans le squelette.

J’ai fait beaucoup d’essai dans le répertoire "inclusions".

Après essai dans "modèles", ça marche et il me reste maintenant à paramétrer les couleurs : http://elus-lebonsenspourquincy.fr/?lang=fr.

PF

Les noisettes
Jean Christophe Villeneuve - le 21 août 2016

Ravi d’avoir pu aider.
N’hésites pas à redemander de l’aide si besoin.

Les noisettes
Laurent - le 11 septembre 2014

Bonjour

Comment faire pour qu’une noisette soit d’emblée déployée plutôt que fermée où l’utilisateur est obligé de cliquer sur la loupe. Merci

Les noisettes
Jean Christophe Villeneuve - le 11 septembre 2014

Hello

Tu vas dans la config d’Escal, partie "paramétrage des blocs latéraux" et dans la zone "Noisettes repliées et dépliables" tu coches "non" pour les noisettes que tu veux.

Les noisettes
LAURENT - le 11 septembre 2014

Merci beaucoup ! c’était tout simple ;)
Bonne journée
Laurent

création d’une noisette pour afficher les sous-rubriques...
Wontolla - le 30 juillet 2012

Bonjour Jean-Christophe,

Encore merci pour l’aide apportée. Tu auras remarqué que j’ai encore quelques faiblesses/lacunes au niveau des boucles SPIP. Aussi je viens te demander de l’aide car je souhaite créer une noisette supplémentaire pour mes pages rubrique. Un peu à l’image de inc-derniers_articles que je ne pense pas utiliser dans le squelette rubrique, j’aimerais créer une noisette qui afficherait les sous-rubriques de la rubrique (pour autant qu’il y en ai bien sûr).

Noisette qui n’étant pas prévue dans l’interface, je pourrais inclure directement dans le code de la page rubrique (ou dans un inc-rubrique_xxxx.html ? pour pouvoir utiliser un mot clé xxxx.

création d’une noisette pour afficher les sous-rubriques...
Jean Christophe Villeneuve - le 30 juillet 2012

Ok c’est parti !

1 - création de inc-sous_rub.html dans /squelettes/inclusions
avec dedans

<h1 class="cadre">
Les sous-rubriques
</h1>

<div class="texte">
<BOUCLE_contexte(RUBRIQUES){id_rubrique}>
<!-- affichage des sous-rubriques -->
<B_rubriques>
<ul>
<BOUCLE_rubriques(RUBRIQUES) {id_parent} {par num titre, titre} {doublons}>
<li>
<@ href="#URL_RUBRIQUE" title="[(#DESCRIPTIF|textebrut)]">[(#TITRE)]</@>

<!-- on refait tourner la boucle pour les sous-sous...-rubriques -->
<BOUCLE_sous_rubriques(BOUCLE_rubriques)></BOUCLE_sous_rubriques>

</li>
</BOUCLE_rubriques>
</ul>
</B_rubriques>
</BOUCLE_contexte>
</div>

(remplacer les @ par des a - les liens ne passent l’anti spam)

2- dans rubrique.html, à l’endroit où tu veux cette noisette, tu mets

<div class="cadre-bleu"><INCLURE {fond=inclusions/inc-sous_rub}{env}></div>

3- comme c’est pas très joli, on travaille les css ((je te laisse faire pour styler tout ça ;-) )

création d’une noisette pour afficher les sous-rubriques...
Wontolla - le 31 juillet 2012

Merci beaucoup.
C’est une noisette prévue pour mes rubriques qui doivent lister tous les articles des sous-rubriques.

Pour le CSS, j’ai encore la "bible" de Daniel Glazman (CSS2) qui m’accompagne depuis 2000 (en attendant ce que donnera la normalisation de CSS3).

création d’une noisette pour afficher les sous-rubriques...
Jean Christophe Villeneuve - le 31 juillet 2012

Alors, il te faut une boucle ARTICLES avec le critère {branche}

Et pourquoi pas le menu vertical que tu placerais dans le contexte de la rubrique ?

Les noisettes
Martial - le 6 mai 2011

Bonjour,
je voudrais que s’affiche sur la page d’accueil de notre site, les n derniers commentaires faits sur le site, ceci afin de le rendre encore plus vivant. Le défilement dans une noisette du type "actus" me séduit bien...Comment dois-je procéder s’il te plaît ? Merci.

Site du collège : www.clg-pyramides-evry.ac-versailles.fr

Les noisettes
Jean Christophe Villeneuve - le 6 mai 2011

Pas très compliqué à faire

1- tu te crées une noisette inc-commentaires.html (par exemple) dans le dossier /squelettes/inclusions (à créer s’il n’existe pas)

2- dedans tu y mets ce code

#CACHE{24*3600}

 <h1 class="cadre">
 Derniers commentaires
 </h1>
<div class="texte" id="actus" >  
<div id="scrollup">
 <BOUCLE_actus(FORUMS)>
 <div class="headline" >
 <a href="#URL_ARTICLE">#TITRE</a>
 <div class="intro">
 [(#TEXTE|couper{80}|propre)]
 </div>
 </div>
 </BOUCLE_actus>
 </div>
</div>

3- tu copies le fichier sommaire.html de /plugins/auto/escal dans /squelettes

4- dans ce fichier copié, tu rajoutes

<div class="cadre-bleu">
<INCLURE {fond=inclusions/inc-commentaires}>
</div>

à l’endroit où tu veux cette noisette.

5- tu personnalises l’affichage (couleur, taille, nombre de caractères affichés, ...) comme tu le désires.

Et hop !

Les noisettes
Martial - le 16 mai 2011

Merci pour ta réponse. Je vais donc m’y coller.
J’en profite au passage pour remercier tous les collaborateurs à l’évolution de ce squelette et le formidable travail que tu as réalisé.
J’utilise pour notre établissement SPIP de puis des années et je n’avais pas eu le plaisir de trouver un travail aussi abouti dans la logique de notre quotidien de prof.
Bonne continuation...

Salutations de la banlieue Sud.

Les noisettes
Jean Christophe Villeneuve - le 16 mai 2011

Merci pour les compliments. Le plus dur sera de les transmettre à mes collaborateurs ... ;-)

Petite remarque, ta noisette "Accès Pronote" (entre autres)contient pas mal d’erreurs XHTML. Il conviendrait donc de les corriger ou de virer le logo du pied de page par honnêteté.

Bonne suite.

Les noisettes
Hossein - le 1er juin 2012

Salut Jean Christophe,

Je reviens vers toi en désespoir de cause : j’ai trouvé l’exercice intéressant, et j’ai donc créé la noisette "inc-commentaires.", j’ai juste changé #URL_ARTICLE par #URL_FORUM, car #URL_ARTICLE ne marche pas dans le contexte.

J’arrive bien sur la page article concernée, (http://localhost/spip.php?article17#forum11), mais impossible de me positionner sur le bon message de forum, ni même sur la bonne pagination, ce qui n’est pas du tout fonctionnel car il faut alors fouiller pour retrouver le message en question.

J’ai désactivé la class toggle (au cas ou) ainsi que la pagination, sans résultat, pourtant je pense que c’est possible puisque ça marche sur le site spip-contrib !

Après avoir essayé plein de choses et parcouru le net dans tous les sens, je sèche lamentablement, aurais-tu une piste pour régler ce problème ?

Merci à toi.

hossein

Les noisettes
Hossein - le 1er juin 2012

Ah je suis suis la bonne piste en ajoutant une ancre à chaque message

a suivre ...

Les noisettes
Hossein - le 1er juin 2012

Salut, salut,

Voici les modifs apportées dans inc-forum_article :

div class="forum-thread" id="forum(]#ID_FORUM[)"

(remettre les crochets dans le bon sens)

et l’appel se fait tout simplement avec :

href="#URL_FORUM">#TITRE

:-)

Hossein

Les noisettes
Hossein - le 1er juin 2012

C’était trop beau :’-(

Il reste un problème, celui de la pagination, après avoir réactiver la pagination, cela ne pointe sur le thread concerné que ci celui-ci est sur la première page ?

Reste donc à trouver comment intégrer cette pagination à l’url.

Hossein

Les noisettes
Hossein - le 1er juin 2012

Bon ça fait un peu bricolage, mais ça marche.

L’idée : lister les thread de forum dans le même ordre que dans inc-forum_article pour déduire la pagination.


BOUCLE_idsecteur_rubrique(RUBRIQUES) id_rubrique
#SETSecteurId,#ID_SECTEUR
/BOUCLE_idsecteur_rubrique
(utile dans mon cas pour n’afficher que les messages du secteur)

h1 class="cadre">Derniers commentaires</h1
div class="texte" id="actus"

div id="scrollup"

BOUCLE_rubrique(RUBRIQUES){id_rubrique = #GET{SecteurId}}
BOUCLE_art_secteur(ARTICLES){id_rubrique}
BOUCLE_thread(FORUMS){id_article}{par date}{inverse}

div class="headline"

a href="#URL_ARTICLE&debut_thread=](#COMPTEUR_BOUCLE|moins{1})[#forum#ID_FORUM">#TITRE /a
(remettre les crochets à l’endroit)
(la valeur 1 est la valeur de la pagination indiquée dans le squelette inc-forum_article que j’ai passé à un pour les essais)

div class="intro"

](#TEXTE|couper80|propre)[
(remettre les crochets à l’endroit)

/div

/div

/BOUCLE_thread

/BOUCLE_art_secteur

/div

/BOUCLE_rubrique
/
div

Reste à chacun d’apporter les modifs afin de n’afficher que les derniers messages ou les thread actifs.

Hossein qui est :’-)):’-)):’-))

Les noisettes
Jean Christophe Villeneuve - le 1er juin 2012

si tu ne mets pas ton code entre les balise >code< et >/code< (inverser les chevrons) on ne comprendra pas grand-chose :-))

Les noisettes
Hossein - le 1er juin 2012

Boh ça passe pas même balisé par code ?

Les noisettes
Jean Christophe Villeneuve - le 1er juin 2012

ah oui c’est à cause des href, je crois me rappeler

Les noisettes
Hossein - le 1er juin 2012

<!-- on recupere le secteur -->
<BOUCLE_idsecteur_rubrique(RUBRIQUES) {id_rubrique}>
                #SET{SecteurId,#ID_SECTEUR}
</BOUCLE_idsecteur_rubrique>
               
<h1 class="cadre">Derniers commentaires</h1>
<div class="texte" id="actus" >                                                
<div id="scrollup">
       
<BOUCLE_rubrique(RUBRIQUES){id_rubrique = #GET{SecteurId}}>
        <BOUCLE_art_secteur(ARTICLES){id_rubrique}>
        <B_thread>
        <BOUCLE_thread(FORUMS){id_article}{par date}{inverse}>
        <div class="headline" >
                <!-- compteur tenant compte de la pagination -->
                >a-h-r-e-f="#URL_ARTICLE&debut_thread=[(#COMPTEUR_BOUCLE|moins{5})]#forum#ID_FORUM">#TITRE </a
                <br/>
                <div class="intro">
                        [(#TEXTE|couper{80}|propre)]
                </div>
        </div>
        </BOUCLE_thread>
        </BOUCLE_art_secteur>
       
</BOUCLE_rubrique>
</div>
</div>

Les noisettes
Hossein - le 2 juin 2012

J’ai dit une connerie dont je viens de m’apercevoir

dans :

>a-h-r-e-f="#URL_ARTICLE&debut_thread=[(#COMPTEUR_BOUCLE|moins{1})]#forum#ID_FORUM">#TITRE </a

c’est (moins{1}) qu’il faut mettre quelque soit la pagination et non (moins{pagination})

mais à mon avis il y a mieux !

avis aux amateurs.

Hossein.

Les noisettes
Jean Christophe Villeneuve - le 2 juin 2012

C’est visible en ligne, le résultat ? Car je suis curieux de voir ce que ça donne.

Les noisettes
Hossein - le 2 juin 2012

Hélas non, toujours en local.

Les noisettes
Laurence - le 5 novembre 2010

Bonjour,

je voudrais supprimer les noisettes inc-menu_vertical, inc-menu_vertical2 et inc-identification de ma page d’accueil mais je n’ai pas trouvé le fichier page d’accueil. J’ai également balayé tous les fichiers et ne les ai trouvées que dans les styles. C’est peut-être parce que j’ai la version 2.1 de SPIP et la dernière version d’Escal ?

Merci d’avance,

Laurence

Les noisettes
Laurence - le 5 novembre 2010

Annule et remplace le message précédent :

J’ai trouvé les noisettes dans le fichier "sommaire" et les ai enlevées comme indiqué(après avoir copié le fichier original). L’opération a réussi dans le sens où les blocs correspondants avaient bien disparu de la page d’accueil mais celle-ci avait perdu ces bords blancs et les blocs "agenda" et "statistiques" se retrouvaient en bas à gauche en dehors du cadre. J’ai donc dû faire marche arrière...

Les noisettes
Laurence - le 5 novembre 2010

Suite et fin :
Bon, j’ai refait une tentative en effaçant lettre par lettre (et non pas en effaçant après avoir sélectionner)et...ça a marché. J’ai laissé le fichier sommaire dans le dossier Escal car quand il est à la racine du site, les modifs ne sont pas prises en compte.
Voilà, j’espère que mes cafouillages serviront à quelqu’un d’autre...

Les noisettes
Jean Christophe Villeneuve - le 8 novembre 2010

Sans doute avais-tu eu la main lourde lors de la sélection ... :-P

Sinon, il est vivement déconseillé de modifier les fichiers d’Escal dans le plugin car si tu fais une mise à jour du plugin, tu perds toutes tes modifs !

Il faut donc copier ce fichier sommaire.html non pas à la racine du site mais dans un dossier /squelettes et là, tu verras, il sera pris en compte.

Les noisettes
CG - le 22 septembre 2011

Je viens de faire la même chose que Laurence mais je n’ai pas réussi à revenir à la situation antérieure et j’ai les noisettes de droites qui ont basculé en bas à gauche...
J’ai bien copié le ficchier sommaire dans le dossier "squellettes". J’ai supprimé les noisettes qui me gênaient (redondance avec le menu horizontal) mais je ne parviens pas à replacer les noisettes de droite à leur place.

http://www2.ac-lyon.fr/etab/colleges/col-69/utrillo/

Comment dois-je faire ?

Les noisettes
CG - le 22 septembre 2011

Il manquait une balise de fermeture. Je l’ai ajoutée et ça marche. Désolé pour l’éventuel dérangement...

Pb page d’accueil après ajout d’une noisette
Laurence - le 26 février 2011

Bonsoir,

L’ajout de la noisette "Sites favoris" dans la colonne Extra a provoqué les pbs suivants sur ma page d’accueil :
- le fond blanc ombré s’arrête maintenant en haut des noisettes
- les liens du pied de page se trouvent regroupées tout à droite en bas de la colonne Extra.

Par ailleurs, le fait d’ajouter un article dans "Articles les plus vus" a généré des puces ds cette noisette ; comment les enlever ?

http://www.droit-immo.com/

Merci par avance

Pb page d’accueil après ajout d’une noisette
Jean Christophe Villeneuve - le 27 février 2011

Pour les sites favoris, le problème vient du fait que dans ta copie de inc-sites, tu as supprimé la balise de fermeture de la div. Rajoute un </div> à la fin de la noisette et hop !

Pour les articles les plus vus, c’est parce que tu as changé le id="top5" en id="top6" dans ta copie de la noisette inc-top ... les css prévues ne sont donc plus pris en compte. Pour changer le nombre d’articles il suffit de changer le critère {0,5} comme tu l’as fait. Et rehop !

Pb page d’accueil après ajout d’une noisette
Laurence - le 27 février 2011

Merci beaucoup, tout est rentré dans l’ordre !

(J’ai encore des progrès à faire en html...)

Laurence

Prise en charge des pièces jointes rubriques
Vincent Tocquin - le 11 février 2011

Bonjour, je viens de me rendre compte que seuls les pièces jointes des articles sont prises en charge avec le squelette Escal, et non les pièces jointes des rubriques / sous-rubriques. existe-t-il un moyen de permettre la prise en charge et l’affichage des pièces jointes sur la partie publique ??
Merci d’avance

Prise en charge des pièces jointes rubriques
Jean Christophe Villeneuve - le 11 février 2011

En effet, ce n’est prévu que pour les articles mais on peut facilement corriger.

- tu copies inc-rubrique_normal.html du dossier plugins/escal/inclusions vers le dossier /squelettes/inclusions
- dans le fichier plugins/escal/inclusions/inc-article.html, tu vas chercher la boucle BOUCLE_doc_joints complète : de <B_doc_joints> à </B_doc_joints>
- tu copies cette boucle dans /squelettes/inclusions/inc-rubrique_normal.html, où tu veux, par exemple juste avant <B_derniers_sites>

Normalement, ça devrait suffire. Sinon, tu sais où me trouver. :-)



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2017 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.11