Escal

Un jeu de squelettes proposant un affichage en 2 ou 3 colonnes avec un large choix de noisettes à insérer ou pas, fortement paramétrable depuis l’espace privé.

La version 3 n’est plus maintenue (sauf gros bug éventuel). Il est donc fortement conseillé d’utiliser la version 4 qui nécessite spip 3.2 minimum.

Présentation

Escal est en grande partie paramétrable directement depuis l’espace privé :
-  choix de la mise en page (position des colonnes, fluide ou pas)
-  choix de la présence (ou absence) des blocs latéraux et centraux, choix de leur colonne et choix de leur ordre
-  choix de l’image de fond et de l’image du bandeau
-  choix des couleurs de fond, du texte et des bords
-  choix du menu
-  choix de la zone d’identification
-  présence ou absence de certains éléments (ombres latérales, titre du site dans le bandeau ...)
-  choix des arrondis
etc

Escal est maintenant en HTML5.

Escal permet l’affichage d’un bouton de paramétrage de l’accessibilité visuelle développé par access42.

Escal s’internationalise de plus en plus avec les langues suivantes : allemand, anglais, espagnol, espéranto, italien, japonais(en test), letton et néerlandais.

De plus, Escal installe maintenant (version 3.72 et suivantes) pour vous le groupe de mots-clés “affichage” avec tous les mots-clés utilisables dans Escal plus une rubrique avec 2 articles de base : “Edito” et “Accès direct”.

Ainsi, en quelques clics, on peut personnaliser son site.

Bien sur, on peut toujours mettre le nez dans le moteur pour aller plus loin dans la personnalisation, comme avec Escal-V2. Toutes les règles CSS que vous mettrez dans /squelettes/styles/perso.css continueront à prendre le pas sur les règles CSS d’Escal.

Escal nécessite les plugins “Agenda” , “Calendrier-mini” et “svpstats”. Ceux-ci sont donc automatiquement téléchargés et activés lors de l’activation d’Escal.

Documentation et démonstration

Vous pourrez trouver des explications nombreuses et détaillées sur le site de démonstration où vous pourrez aussi utiliser le forum du site pour faire part de vos questions, suggestions, remarques, ... Ce site n’est un modèle d’esthétique et d’ergonomie car il veut montrer un maximum de possibilités d’Escal.

En discuter

Pour discuter d’Escal, proposer des améliorations ou évolutions, résoudre un problème, 3 solutions :

  • écrire un message dans le forum de cet article
  • écrire un message sur le site de démonstration (sous un article ou dans le forum du site)
  • écrire un message à la liste de discussion « spip-avec-escal@rezo.net » : vous abonner et participer

Tester en ligne

L’association Spipfactory vous propose via le Site de test d’Escal de découvrir le squelette.

  • Login & Pass pour tester ...
Type Login Pass
Visiteur visiteur visiteur
Rédacteur redacteur redacteur
Webmestre webmestre webmestre

Si vous avez des idées de paramétrage à rajouter, n’hésitez pas à m’en faire part. Je les mettrais en place ... ou pas !

updated on 6 April 2020

Discussion

66 discussions

  • 3
    Pierre-Alain MILLET

    bonjour,

    Venant d’installer escal sur un site migré en spip3.2, j’ai un problème avec les liens de pagination,

    au lieu d’apparaitre en ligne, les chiffres de pagination (5,10,15..) sont décalés successivement vers le bas

    C’est sans doute une histoire de css, je me dis qu’ils devraient être en “float:left”, mais si je compare avec la liste des rubriques dans l’entête, la différence c’est que les rubriques sont en “display: inline-block” alors que les listes de la pagination sont en display: line-item!.. Mais il faudrait que je me refasse une session positionnement css pour comprendre...

    et comme je n’ai rien mis en css perso...

    je joins une copie d’écran...

    merci d’avance d’une piste

    Reply to this message

  • 3

    Bonjour, j’utilise Spip 3.2.8 et Escal 4.3.88.
    et rencontre trois problèmes: 1: le bouton “escal” n’apparait plus dans “squelette” or je suis bien webmestre et administrateur.??? 2: le plugins " métadonnées ne fait plus apparaître le “I” sur certaines images alors que les métadonnées sont bien présentes dans les fichiers documents. Sur d’autres images, un rectangle noir apparaît mais pas les exifs souhaités.
    3: le plugins “couteau suisse” déraille complètement. Comment régler cela? Merci d’avance.

    • Bonjour.

      En effet, c’est surprenant.

      Essaye déjà de désactiver le couteau suisse et de vider le cache.
      Vérifie aussi que tes plugins sont tous bien à jour.

      Si ça ne suffit pas, pourrais-tu me créer un accès webmestre temporaire et m’envoyer en privé :
      -  l’adresse du site
      -  les codes d’accès
      Promis, je ne fais que regarder, je ne touche à rien.

    • Bonjour, sur quel adresse mail puis-je envoyer la réponse en privé ?
      Merci d’avance, Yves

    • Oui c’est mieux avec une adresse : jcvilleneuve@cegetel.net

    Reply to this message

  • 7
    Christophe

    Bonjour,

    Je viens de mettre à jour SPIP (3.0 > 3.2) et décider de changer de squelette pour passer sur Escal.

    En test sur EasyPHP tout va très bien. Mais en production j’ai un petit problème avec la puce “pucebleue.svg” en pied de page. Au lieu de ladite puce j’ai le message alternatif “puce”. Ce n’est pas dramatique mais ce n’est pas très joli...

    Le serveur de prod est un PHP 5.3.3 auquel je ne peux rien toucher. Qu’est-ce qui bogue ? Qu’est-ce qui ne serait pas activé (je peux essayer de demander...) ? Si cela ne peut pas être modifié par l’administrateur, y a-t-il un fichier où je peux intervenir pour remplacer l’appel à cette pucebleue (par exemple simplement par un “.”) ?

    Merci par avance pour vos aides,
    Cordialement,
    Christophe

    • Hello
      J’ai aussi vu ton message via la page contact qui indiquait l’url de ton site :
      http://www4.ac-nancy-metz.fr/mathematiques/SPIP/

      En effet toutes les images d’escal sont au format svg et aucune d’entre elles ne s’affichent chez toi. Peut-être une limitation côté serveur ?
      A tout hasard : as-tu bien activé GD2 ou convert et la dans les “Fonctions avancées” de spip ? (même si je ne pense pas que ça puisse venir de là)

    • Une idée quand même : vérifier les droits sur le dossier /escal/images ?
      Et si tu copies le dossier /escal/images dans /squelettes/images, ça change quelque chose ?

    • Christophe

      Bonjour,

      GD2 est bien le choix dans les fonctions avancées.

      Côté droits dans escal/images on est en 0660. Je ne peux pas changer...

      En recopiant tous les fichiers de /escal/images dans /squelettes-dist/img cela ne change rien.

      Pourtant si on tape l’adresse d’une image SVG elle s’affiche bien...
      http://www4.ac-nancy-metz.fr/mathematiques/SPIP/plugins/auto/escal/images/pucebleue.svg

      D’autres idées ?

      Merci pour votre aide,
      Cordialement,
      Christophe

    • spipfactory

      Je suis bien en GD2 dans les paramètres avancés.

      juste pour savoir , tu a revalider les paramètres GD2, tu n’a pas simplement regardé que celui-ci été encadré.

      tu peu aussi confirmer si tu va dans un article que tu voie bien les images en vignettes et non pas une image fictives avec l’extension

    • Ok
      Essaie de

      • créer un dossier /squelettes et de lui mettre les droits en 775
      • copier le dossier /images dans ce dossier /squelettes (pas dans /squelettes-dist auquel il ne faut pas toucher)
    • Pour compléter, l’url http://www4.ac-nancy-metz.fr/mathematiques/SPIP/plugins/auto/escal/images/ arrive sur une erreur 403 Forbidden d’où mon idée sur les droits. Si tu ne peux pas les changer, il faudrait voir avec ta DSI.

    • spipfactory

      On a plus de news , mais le pb perdure

      peut être lui faire un /squelettes/pied personnaliser en enlevant la puce

    Reply to this message

  • Charles Declercq

    Bonjour à tous les utilisateurs d’Escal.

    Lorsque je publie le lien vers un article sur FB, ce n’est pas une illustration de l’article qui apparait mais un extrait du bandeau! Je peux, la plupart du temps, remédier cela, en supprimant le lien dans ma publication et en le réinsérant - parfois en faisant cette manoeuvre à plusieurs reprises).

    Je travaille sur Mac, ma version 4 Escal est à jour et le problème se pose déjà depuis la version 3. Au cas où, le site est www.cinecure.be
    Merci.

    Reply to this message

  • 23

    Bonjour Jean Christophe, je ne sais pas pourquoi, je n’arrive pas à mettre plus de 5 articles en pagination en une (ni côté actus défilante), c’est dans quel fichier que ça se décide ?
    Je fouille pour savoir si c’est moi qui ai surchargé d’une noisette dans /squelette qui prend la main...

    • Hello

      Pour la page d’accueil, il faut aller voir du côté de ?exec=configurer_escal&cfg=sommaire_principal#derniers_articles_ter ou sur le bloc de config juste au-dessus

      Pour les actus défilantes, il faut aller voir sur la même page mais tout en haut, le bloc “Les annonces”

    • J’ai du faire un truc quelque part car ça ne change pas le nombre d’articles ou d’actus, je ne sais pas trop quel fichier prend la main. peut être lors de la mise à jour 3 vers 4
      Yvan

    • Bonjour

      Une URL pour voir ?
      Sinon, n’aurais-tu pas une copie du fichier inc-actus.html dans /squelettes/inclusions ?

    • non, pas de html actif dans squelettes/inclusions
      https://c100fin.fr/

    • Hmmm, quelle choix as-tu fait pour afficher les derniers articles ? Derniers articles ? Derniers articles bis ? Ou Derniers articles ter ?

      Tu es bien sur que tu as mis autre chose que “5” pour “Nombre d’articles par page de pagination” pour le choix d’affichage que tu as fait ?

    • J’avoue que ça me rend un peu chèvre ce truc de 5 articles, quand je suis dans les rubriques pas de soucis mais sur la page d’accueil, rien n’y fait. Je cherche de temps en temps, quel moyen de “reinitialiser” sinon ?

    • Hello

      Je répète donc ma question : quel choix as-tu fait pour afficher les derniers articles ? Derniers articles ? Derniers articles bis ? Ou Derniers articles ter ?

    • Derniers articles bis. Pardon je pensais l’avoir mentionné.

    • Ok je reproduis.
      C’est donc un bug d’Escal.
      Je regarde ça et je te tiens au jus.

    • Voilà j’ai corrigé le bug.
      Donc tu attends que la mise à jour soit dispo chez toi (d’ici 1 à 6h), tu mets à jour Escal (version 4.3.20), tu repasses sur la page de config pour revalider tes choix, tu recalcules ta page d’accueil et ça devrait être bon.

    • 12mn pour trouver la solution !! Trop fort Jean Christophe ! Amazon à du souci à se faire... Je n’en demandais pas tant, attention à ne pas déréguler spip. Je plaisante.
      Tiens, à y être, dans “derniers articles bis”, la mise en forme (polices et taille) des articles est celle de l’article en exergue de “derniers articles”, c’est normal ?

    • Encore plus fort ... c’est déjà corrigé !
      En fait il y avait plusieurs bugs du même style. J’ai donc tout corrigé d’un coup.
      Et hop !

    • En fait, en te relisant, la police et la taille des caractères n’est pas modifiable ici, ni pour “Derniers articles” ni pour “Derniers articles bis”

    • Oui, j’avais vu ça et c’est en tentant de surcharger avec un perso.css que j’ai remarqué que ça ne touchait pas “derniers articles bis”.

    • Bonjour, j’ai 2 trucs que j’aimerai modifier
      Dans le module “évènement à venir”, j’aimerai que ça affiche également l’heure et non seulement la date.
      Sur “Navigation par mots-clés” est il possible de modifier pour que ça se déploie en cliquant dessus plutôt qu’au survol.
      Merci d’avance.
      yvan

    • Hello

      Dans le bloc évènement à venir, l’heure est déjà affichée !
      La preuve !

      Pour la navigation par mot-clé, on utilise un javascript que j’ai copié je ne sais plus où et je n’ai pas les compétences pour modifier le survol par un clic dans ce javascript. Je vais quand même essayer mais je ne pense pas y arriver.

      PS : N’hésite pas à ouvrir une nouvelle discussion plutôt que de poster à la suite d’une discussion déjà assez longue.

    • Pour les évènement je me sers de la date de rédaction antérieure (plus pratique pour les rédacteurs) donc c’est cette heure que je souhaiterai voir figurer.
      Ok pour un nouveau fil, tu as entièrement raison.

    • Ah ok je vais te faire ça.

      Mais bon je reste convaincu que ce n’est pas plus compliqué de gérer des évènements avec le plugin agenda et tellement plus riche...

    • Tu as surement raison, j’ai réactivé cette gestion par le plugin agenda car quant on veut faire plusieurs évènements sur un seul article, c’est autrement plus simple.
      Petite question, je ne sais si c’est chez moi que ça cafouille mais les menus de l’espace rédacteur spip ne se déploient plus au survol depuis la dernière mise à jour d’escal (4.22)

    • L’heure s’affichera maintenant sauf si égale à 00;00 (pour le cas où il n’y a pas d’heure précisée, c’est l’heure par défaut). Mais c’est une sage décision de passer par le plugin Agenda.

      Pour l’espace privé, je ne reproduis pas et ce serait étonnant qu’Escal produise cet effet de bord.

    • Pour la navigation par mot-clé au clic j’ai fait un truc.
      Je t’envoie ça sur elemac@free.fr

    • Ah l’adresse ne semble plus valide ou inaccessible.
      Une autre adresse pour la livraison ?

    • Ben si, elle est normalement valide
      essaies contact@c100fin.fr

    Reply to this message

  • 6

    Bonjour, je suis toujours aussi fan d’escal.
    Je remet en état un “vieux” site et je voudrais modifier la partie "se connecter, espace rédacteur, recherche que je trouve trop large et la couleur de fond est blanche.
    également dans la version mobile, je souhaiterais que les évènements apparaissent avant les articles (car ils sont tout à la fin).
    Quelle modif faut il inclure dans “squelette” ?
    Merci d’avance
    Yvan
    https://c100fin.fr

    • Bonsoir

      Pour la partie “se connecter, espace rédacteur, recherche”, quelques règles css dans /squelettes/styles/perso.css doivent suffire. Quelque chose comme

      .identification-light a{
           font-size: 10px;
      }
      .formulaire_recherche input.text{
           font-size: 11px;
      }

      Pour les événements, il va te falloir copier inc-article.html de /escal/inclusions vers /squelettes/inclusions et déplacer les lignes 223 à 317 au-dessus de la ligne 153.

    • Trop génial, Mille merci, par contre comment réduire l’espace entre cette ligne recherche, inscription et ce qui vient dessous ?
      yvan

    • en rajoutant ceci dans ton perso.css (valeur à régler selon tes souhaits)

      #navigation, #contenu, #extra {
      	margin-top: -10px;
      }
    • ça ne fonctionne pas les lignes les lignes 223 à 317 au-dessus de la ligne 153 pour voir les évènements avant les articles sur un portable
      Merci d’avance
      Yvan
      https://c100fin.fr

    • En fait, je me suis mal exprimé, c’est sur la page d’accueil de la version mobile que je souhaite voir les évènements avant les articles.
      Je cherche encore pour réduire la largeur du bandeau extra “se connecter recherche forum”

    • Ah ben si ça marche mais en effet, sur ordi ET sur mobile.
      Et comme c’est le même fichier qui est appelé, on ne peut pas avoir 2 contenus différents.

      Pour la barre d’outils, il va te falloir réduire chaque élément “se connecter”, "espace redacteurs, recherche, forum en jouant sur plusieurs points. Un premier jet à peaufiner :

      .formulaire_recherche input.text, 
      .identification-light{
      	height: 15px;
      }
       
      .formulaire_recherche input.submit{
      	height: 21px;
      }
      .formulaire_recherche input.text, 
      .formulaire_recherche input.submit, 
      .identification-light a{
      	font-size: 0.9rem;
      }
      .identification-light p {
      	margin-top: -4px;
      }
      .deconnexion, .backoffice, .formulaire_recherche input.text{
      	background-size: 12px;
      }
      img#boutonForum {
      	height: 20px;
      }

    Reply to this message

  • 2

    Bonjour,

    je souhaiterai supprimer l’icône “flèche” du menu déroulant horizontal,

    Cordialement,

    Reply to this message

  • 2

    Bonjour,

    je souhaiterai supprimer les icones “Imprimer” et “augmenter diminuer la taille” dans les articles,

    Merci

    Reply to this message

  • Bonjour,

    j’ai donc modifié l’article en supprimant la partie concernant spipfactory.fr

    comme demandé via IRC

    Reply to this message

  • 4

    Bonjour,

    Je suis au jour le jour les évolutions d’Escal V4.

    Après chaque mise à jour, je dois vider le cache sinon le site en ligne est chamboulé.

    Ce n’est pas primordial mais y aurait-il une possibilité d’y remédier?

    • Bonjour,

      la question est délicate
      «Je suis au jour le jour les évolutions d’Escal V4.»
      Comment ?

      «Après chaque mise à jour, je dois vider le cache sinon le site en ligne est chamboulé.»
      Possible d’avoir une url pour comprendre ce que chamboulé exprime

      «Ce n’est pas primordial mais y aurait-il une possibilité d’y remédier ?»

      je pense mais il y a différente façon, par un cron a la main, via spip tu est chez quel hébergeur ?

    • Jaseur Boreal

      Bonjour,

      C’est normal qu’après une mise à jour, certains caches, gardent en mémoire d’anciens réglages.

      Lorsqu’on effectue des modifications directement sur les fichiers, particulièrement en mettant à
      jour une feuille de style ou un script Javascript calculés par des squelettes SPIP si les options de compressions sont actives il faut alors vider manuellement :
      -  le cache de spip - coté privé
      -  le cache de son navigateur qui a son propre cache, que ce soit pour les pages ou pour les éléments AJAX. Il faut aussi penser à le vider “ctrl + F5”
      @+

    • Bonjour,

      @spipfactory.fr
      Je suis les évolutions des plugins dans l’espace privé.
      Mon hébergeur est lolipop.jp
      Qu‘est-ce que je dois lui poser comme question?

      @ Jaseur Boreal

      Je vide bien à chaque fois le cache de Spip. C’est ce que je voudrais éviter à chaque mise à jour d’Escal même si ce n’est pas bloquant.

    • Certaines mise à jour d’Escal nécessitent en effet un vidage de cache mais pas toutes, loin de là !

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom