Bandeau
Escal V3
Slogan du site

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.

flècheAccueil flèche Paramétrer
Les noisettes
Article mis en ligne le 6 février 2009
par Jean Christophe Villeneuve
Imprimer cet article 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.

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

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

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

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
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.

Répondre à ce message
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 ;-) )

Répondre à ce message
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).

Répondre à ce message
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 ?

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
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

Répondre à ce message
Les noisettes
Hossein - le 1er juin 2012

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

a suivre ...

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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

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 :’-)):’-)):’-))

Répondre à ce message
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 :-))

Répondre à ce message
Les noisettes
Hossein - le 1er juin 2012

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

Répondre à ce message
Les noisettes
Jean Christophe Villeneuve - le 1er juin 2012

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

Répondre à ce message
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>
Répondre à ce message
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.

Répondre à ce message
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.

Répondre à ce message
Les noisettes
Hossein - le 2 juin 2012

Hélas non, toujours en local.

Répondre à ce message
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

Répondre à ce message
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...

Répondre à ce message
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...

Répondre à ce message
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.

Répondre à ce message
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 ?

Répondre à ce message
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...

Répondre à ce message
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

Répondre à ce message
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 !

Répondre à ce message
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

Répondre à ce message
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

Répondre à ce message
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. :-)

Répondre à ce message

Dans la même rubrique

0 | 5

Quelques astuces
le 21 mars 2013
par Jean Christophe Villeneuve
Jouer avec les couleurs
le 16 mars 2013
par Jean Christophe Villeneuve
Jouer avec le bandeau
le 15 mars 2013
par Jean Christophe Villeneuve
Mes premiers pas avec Escal
le 5 décembre 2011
par Jean Christophe Villeneuve
Les fichiers de langues
le 14 juin 2011
par Jean Christophe Villeneuve

Évènements à venir

Pas d'évènements à venir


puce Plan du site puce Contact puce Espace rédacteurs puce squelette

RSS puce Valid XHTML 1.0 Strict puce Licence Creative Commons

2009-2013 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.70.69
Hébergeur : Académie de Lyon