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 :

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 !

Discussion

68 discussions

  • 3

    Bonjour
    J’ai installé SPIP4.0.0, PHP7.4, le plugin Escal 4.5.7 refuse de s’activer avec comme erreur "Le plugin Escal dépend du plugin SVPSTATS >= 0.3.2
    Je n’ai pas trouvé de dépôt proposant SVP STATISTIQUES aussi je l’ai installé à partir de l’URL de l’archive : https://files.spip.org/spip-zone/spip-contrib-extensions/svp_stats-5f92a-v0.3.3.zip
    Il y a un message disant que l’archive est installée mais il n’apparaît pas et Escal refuse toujours de s’installer au même motif.
    Avez-vous une idée ?
    Merci

    • Bonjour

      Certains plugins utilisés par Escal n’ont pas encore été déclarés comme compatibles spip4.
      Il faut donc créer un fichier mes_options.php dans le dossier /config avec ce code

      <?php
      define('_DEV_VERSION_SPIP_COMPAT',"3.2.99");
    • Merci beaucoup, cela a débloqué la situation.
      Quelques soucis ensuite avec certains plugins (agenda et mini-calendrier) dont l’instal automatique ne donnait pas la dernière version (et l’affichage du mini-calendrier était très dégradé) mais cela s’est résolu en installant les dernières versions à partir de l’URL de l’archive et pas de la version proposée.
      Encore merci.

    • Bonjour

      Oui, je vais changer la borne de compatibilité pour agenda.
      A noter que pour l’affichage de l’agenda en pleine page, il faut le plugin FullCalendar Compat

    Reply to this message

  • 5

    bonjour;
    je configure escal en version 4.4.20 (sur un site en version SPIP 4.0.0-alpha).
    Et j’ai mis une image dans le bandeau, ça c’est bon,mais les textes du slogan et du descriptif se placent systématiquement en dessous de l’image.
    Je voudrais qu’ils viennent par dessus l’image. Et je n’y arrive pas. J’ai beau chercher dans les options de configurations, mais rien de rien, je ne trouve rien.
    Vous pouvez voir ce que cela donne ici

    Merci de votre aide.
    Rémi.

    • Bonjour

      C’est normal que tu ne trouves pas puisque ce n’est pas du tout prévu ;-) (c’est compliqué de superposer 2 éléments en html).
      Mais une solution simple est d’inscrire le texte que tu souhaites directement dans ton image. L’avantage est que tu le mets où tu veux, dans la taille et la police de ton choix.

    • Avec des déclarations css, on doit peut-être pouvoir y arriver ? Une piste
      -  déclarer le bandeau en position:relative,
      -  inclure le slogan dans l’élément bandeau
      -  affecter un position:absolute à la balise contenant le bandeau et jouer avec left, top, right etc...
      ...
      à tester

    • Oui, on peut toujours mais c’est tellement plus simple d’avoir une seule image avec les textes dans l’image qui s’adaptera à la largeur de l’écran.

      Quelques idées pour mettre du texte sur une image :
      https://blogs.articulate.com/les-essentiels-du-elearning/7-facons-de-mettre-texte-photo/

    • bonjour;
      Merci pour votre réponse et le lien. Je n’avais pas vu la chose comme ça, mais cela me va.

      Bon courage pour le passage de version vers spip 4.x (j’ai aussi eu quelques déboires avec les formulaires et le plugin des saisies
      !)

    • Bonjour

      Oui j’ai un peu bataillé au début pour saisir le fonctionnement de l’outil mais une fois qu’on a saisi le principe des saisies, quel gain de temps !

    Reply to this message

  • 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

Add a comment

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite / PostgreSQL
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparait.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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