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 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" et "Calendrier-mini". 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 !

Dernière modification de cette page le 3 mars 2019

Discussion

58 discussions

  • 6
    http://www.openidfrance.fr/ysabeau

    N’empêche, ça serait bien dans la description du squelette de donner la liste des plugins dont il dépend :-(

    D’autre part, je ne comprends pas pourquoi l’adresse de téléchargement n’est plus utilisable par Spip3, si c’est un fichier zip, mais justement Spip3 n’accepte pas.

    • Hello, je viens de noter les dépendances d’Escal. Ceci dit, je ne vois pas où est le problème ...

      En revanche, je ne comprends pas ton souci de téléchargement. Je viens de faire une formation avec activation d’Escal sans aucun souci.

    • http://www.openidfrance.fr/ysabeau

      Ben parce qu’ils n’ont pas été automatiquement téléchargés justement.

    • tu passes bien par « ajouter des plugins » de l’espace privé de spip3 ?

    • http://www.openidfrance.fr/ysabeau

      Il y a un autre endroit où ajouter des plugins dans l’espace privé ?

      Donc oui, évidemment.

    • Tu aurais pu télécharger le plugin sur ton ordi et le transférer par ftp (tu ne savais pas qu’on pouvait faire ça ?)

    • Ysabeau

      Directement dans l’espace privé il n’y a a pas d’autre moyen. J’ai du effectivement passer par l’équivalent ftp en local.

    Répondre à ce message

  • 7

    bonjour,

    des suggestions de personnalisations :

    • dans les colonnes, pouvoir déplacer les blocs verticalement (plus haut ou plus bas)
    • intégrer le bloc recherche dans les panneaux latéraux
    • lorsqu’on choisit le 2e menu vertical, pouvoir afficher également les articles
    • Pour déplacer les blocs dans les colonnes, j’y ai déjà pensé mais aucune solution ne m’est encore venue à l’esprit.

      Pour le bloc recherche, ça doit pouvoir se faire.

      Pour les articles dans le 2e menu vertical, ça doit aussi pouvoir se faire.

      Merci pour ces suggestions.

    • La version 3.61.0 répond à 2 de tes suggestions (pas la première ...)

    • Ta première suggestion m’a donné envie de me replonger plus à fond dans cette option et j’ai trouvé une idée pour mettre ça en place. Patience ...

    • autre chose : certaines noisettes ne sont affichables que dans une colonne ; par exemple l’identification plus développée, on ne peut pas la mettre à gauche.

    • Bonjour sarah,

      si si depuis la version 3.62.3
      les noisettes peuvent ce déplacer de droite a gauche ou de gauche a droite et aussi du bas vers le haut ou du haut vers le bas

      pour faire simple tu la positionne ou tu veux ;)

      ps ;/ ya t’il moyen d’avoir l’URL de ton site pour l’epingler sur spipfactory.com & a tu penser a referencer ton site sur http://nout.crdp.ac-lyon.fr/escal/spip.php?page=annuaire

      @micalement

    • le site est là : http://www.piedsdanslepaf.com/

      (ça a été un peu long avant la mise en ligne !)

      Je suis à la version 3.60.
      Il n’y a pas de problème de mise à jour ? je peux la faire tranquille ?

    • Bien sur que tu peux faire la mise à jour.
      Tu verras que tu pourras gérer l’image du bandeau facilement, ce qui te permettras de virer le logo de l’académie de Lyon.

    Répondre à ce message

  • 1

    bonjour,

    Est-il possible, dans le menu, d’exclure certaines rubriques ?

    Répondre à ce message

  • 3

    Bonsoir

    J’essaie de mettre en place un site avec escal que je trouve extraordinaire. Celui est hébergé sur infomaniak mais comme c’est en cours de dvp, je ne peux transmettre l’adresse. Mes problèmes sont les suivants :
    -  le message « Cette page ne peut pas fonctionner correctement sans JavaScript. Veuillez le réactiver » s’affiche or javascript est activé dans mon firefox
    -  lorsque je clique sur les onglets de la partie centrale, rien ne se passe
    -  le mini calendrier ne s’affiche pas
    -  les photos au hasard non plus.

    Il est certain que j’ai du passer a coté de qqch d’important mais je ne vois pas :-(

    Merci d’avance pour votre aide

    SPIP 3.0.5 [19905]

    • Visiblement, c’est en effet un problème de javascript. Je suis très étonné que le message d’alerte alors que le javascript est activé !

      Tu es sur que dans « options » onglet « contenu » la case « Activer JavaScript » est bien cochée ?

    • C’est à n’y rien comprendre. Mon mail EST renseigné.
      Je joins une copie d’écran pour javascript. D’autant plus bizarre que le site de test http://spipfactory.com/testescal/ fonctionne parfaitement donc le problème vient clairement de moi...

    • Ok, j’ai eu ton URL par spipfactory

      A mon avis, c’est au niveau de l’hébergeur qu’il faut regarder.

    Répondre à ce message

  • 1
    Sébastien

    « Photos- en-Une », c’est bien.
    Quel contrôle peut-on avoir sur cet affichage parmi toutes les photos dont les articles possèdent ce mot-clef ?
    Depuis le temps que je choisis des articles avec ce mot-clé, ce sont toujours les mêmes photos qui s’affichent, dans un ordre quasi-fixe. Ce serait bien s’il y avait un petit désordre, ici
    La diversité, c’est bien.
    Ce serait intéressant que ce soit, par exemple, les photos les plus anciennes, ou bien les plus récentes, etc.
    Je ne sais pas comment agir sur cet aspect.
    S

    Répondre à ce message

  • 6

    bonjour. je suis tout nouveau. sous spip et sous escal.

    merci pour à tous pour tout ce travail de fou.

    par contre, j’ai un soucis : je pense que la version d’escal disponible sur le dépot n’est pas la dernière.
    comment fait on pour upgrader ?

    • La dernière version est la 3.56.0
      Ce n’est pas celle que tu vois ?
      Pour upgrader avec spip3 c’est très simple : dès qu’une mise à jour est disponible, quand tu vas dans l’espace privé -> Configuration-> gestion des plugins, tu vois un bouton « Mettre à jour » quand tu survoles la ligne d’un plugin. Y’a plus qu’à cliquer !

      Merci pour les fleurs, je transmettrai à tous, c’est à dire ... moi !

      J’espère que tu prendras beaucoup de plaisir avec Escal.

    • bonjour et merci pour ta réponse.
      vérification :
      par Jean-Christophe Villeneuve
      Version : 3.55.2 SVN [66967]
      Répertoire : plugins/auto/escal/v3.55.2/

      et je ne vois pas l la possibilité de mise à jour... je ne dois pas regarder au bon endroit

      et dans cette version, on dirait que le design n’est pas stable : parfaois il prend toute la page, parfois c’est tout bon, parfois tout est en blanc. quand je n’ai pas le bon design, il faut que je rafraîchisse plusieurs fois la page,

    • je te donne deux url
      l’une est chez one.com et l’autre...
      heu... je ne sais pas. one peut être aussi,
      http://www.thierrydetournay.be/eschool1/
      http://logitheque2.rasquinet.be

      j’ai installé escal via le dépot officiel des plugin, par l’interface privée

      j’utilise SPIP3.0

    • Bon le problème a été résolu hors forum de contrib pour éviter de polluer.

      effectivement , la maitrise de mise a jour du plugin n’est pas facile pour un néophyte en spip ; je m’en vais de ce pas réaliser un tuto.

      @micalement

    • Attends, avec Spip3, si on installe un plugin par l’interface d’installation de Spip (ce qui est le plus facile), ensuite la mise à jour est on ne peut plus simple !

    Répondre à ce message

  • 2
    François Daniel Giezendnner

    Bonjour,

    Envisagez-vous d’offrir une option : Layout fluide ?

    Cordialement

    FDG

    Répondre à ce message

  • 10

    Je ne sais plus quoi ou comment faire si je veux passer en Spip et Escal3 mais en gardant l’allure et la couleur du texte de l’actuel http://www.aiguilles-magiques.com. Parce que le système presse-bouton ne fait pas tout ce que je veux.

    J’ai beau bidouiller les styles alaune et general, ça ne change pas, sans parler du problème de largeur des paves de la une d’ailleurs.

    Et je veux me débarrasser de la flèche en haut et à droite du site de test :
    http://testescal.dutailly.net/

    Je n’arrive pas à la trouver.
    J’avoue que je m’arrache les cheveux.

    Merci.

    • En fait, je n’avais pas les yeux en face des trous pour le flèche accès-direct. Je m’en suis débarrassée.

    • Pour les pavés de la une, il faut agir sur .laune ul.anchors li a

      Pour les css, EscalV3 est surchargeable exactement de la même façon que EscalV2, en passant par un fichier /squelettes/styles/perso.css. D’ailleurs, pourquoi ne pas copier ce fichier de l’actuel « Aiguilles magiques » vers ton site en spip3 ?

    • Ben justement, j’ai fait exactement comme pour la V2, un dossier squelettes avec mes fichiers css, jamais réussi d’ailleurs à ce que la V2 accepte mes modifications uniquement dans le fichier perso.css :-(

      Et bien ça ne donne rien et ça m’agace.

    • En fait ça merdouille plutôt avec mes fichiers styles.
      Bon je vais revoir ça plus tard. Merci pour la réponse.

    • Tu rafraichis bien ta page après tes modifs ?

      Parce que le fichier perso.css fonctionne, je peux te l’assurer.

    • Euh oui je n’arrête pas de rafraîchir de virer tous les caches, de changer de navigateur, bref de me livrer à toutes les pratiques magiques et ça ne fonctionne pas.

      Et je maintiens que jamais Escal n’a jamais vraiment accepté mes modifications dans le fichier perso. Pour lui c’est ses machins à lui qui passent avant mon fichier perso. C’est pourquoi j’ai du modifier les fichiers styles et les mettre dans le dossier squelette pour garder les originaux. Mais ça ce n’est pas le problème.

      Le problème aujourd’hui vient à mon avis qu’on a le droit entre le fromage ou (exclusif de chez exclusif) le dessert. Si je veux ma personnalisation à moi je ne peux pas à la fois bidouiller dans le système presse-boutons et utiliser mes fichiers css, ni tout le reste d’ailleurs j’en ai bien peur. Ça veut dire aussi qu’il ne faut surtout pas toucher aux paramétrages d’Escal.

      Je vais tester en fichant cet Escal à la poubelle et en en reprenant un tout neuf. Si mon hypothèse en bonne tant mieux sinon je suis bien embêtée.

    • Ben non :-( ça ne donne rien. A moins que les réglages précédents aient enregistrés quelque part, mais où ?

    • hmmm
      Faisons un test sur http://spipfactory.com/devspipfactory/
      Il a pour l’instant pas mal de choses paramétrées par l’interface privée.
      Propose moi un changement de css que je mettrais dans un fichier perso.css

      Pour l’instant, j’ai testé un exemple simple : la couleur du fond du site (body) qui est sur #83c386 dans l’espace privé et que j’ai mis à white dans perso.css
      Et tu peux voir que le fond est ... blanc !
      Et que tous les autres réglages faits dans l’espace privé sont maintenus.

      On a donc bien fromage ET dessert.

      Bien sur, dans perso.css, on ne met QUE les css modifiées !

    • Ben, en ce qui me concerne, pas moyen que ceci :

      http://testescal.dutailly.net

      ressemble à cela :

      http://www.aiguilles-magiques.com/

      à parque deux trois bricoles.

    • Je ne sais pas comment tu t’y prends mais tu peux facilement arriver au même résultat en passant par perso.css qui doit se trouver dans /squelettes/styles

      Je viens de tester sur un EscalV3 de base avec

      div#entete {
      background-color: #fff;
      color: #336699;
      }
      div.cadre-bleu h1.cadre {
      background-color: #fff;
      color: #336699;
      text-align : left;
      }
      div.cadre-bleu .texte {
      background-color: #fff;
      color: #336699;
      border: 1px solid #336699;
      }
      div.cadre-bleu #edito {
      border: none;
      }
      .laune   {
      background-color: #fff;
      color: #336699;
      border: 1px solid #336699;
      }
      .laune .titre a, .laune .texte a {
      background-color: #fff;
      color: #336699;
      }
      .laune .fragment {
      border: 1px solid #336699;
      }
      .laune ul.anchors li a {
      height: 65px;
      width: 243px;
      }
      #pied {
      text-align : left;
      }
      #liens {
      margin-left: 10px;
      }

      et ça commence à s’approcher de ce que tu veux

    Répondre à ce message

  • 2
    Ysabeau

    Euh, le problème de langue dans la V3, il n’a pas été résolu ?

    J’ai toujours la colonne de droite en français :
    http://testescal.dutailly.net/?lang=es

    • Non, en effet, je n’ai toujours pas trouvé la solution et je sèche.

      Je vais essayer de relancer ma demande sur la liste

    • Pour l’instant, j’ai évacué le problème en supprimant la possibilité de changer les titres des blocs en passant par l’espace privé. Il faut donc passer par les fichiers de langues localXX.php.

    Répondre à ce message

  • 9

    Bonjour, j’ai essayé sur le site de test de faire apparaître un événement à venir.... Je n’y arrive pas.
    Pour mon site, faut-il installé le plugin Agenda pour la gestion de ces événements (comme sur ce site de test) ?
    Merci

    • hello voici une réponse rapide ...........

      Il n’y a pas besoin d’installer le plugin Agenda, c’est integrer dans Escal

      c’est peu être ça qui coince pour toi

      agenda
      Cette page, affichera les articles que l’on veut.

      Ces articles n’apparaitront dans l’agenda qui si on leur a donné une date de rédaction antérieure (à activer dans l’espace privé), ce qui permet de les faire apparaitre le jour que l’on veut.

      ceci dit je vais donc expliquer ça plus clairement sur la FAQ

      @micalement

    • Vous pouvez essayer d’en faire apparaitre un sur le site de test ? Merci
      Parce que malgré toutes vos explications et mes tests, et sans plugin Agenda activé, je n’arrive à rien :-s

    • bon bon voilà qui est fait ;)

      le truc qui ta coincer c’est :

      que ta date de rédaction antérieur doit correspondre a la date de l’événement

      le lien pour voir l’article configuré dans le privé

    • Oki, merci. Je suis un peu trop « obéissant » : « antérieur », c’est « antérieur » ;-) Bon, maintenant je sais que ça peut être « à venir » aussi ;-)
      Merci

    • ceci dit
      en spip ça veut date de rédaction antérieure a la publication de l’article, ors souvent l’article est souvent écrit avant l’événement que l’on veut afficher.

      faut bien que je retombe sur mes pied ;)

      et en plus tu peu

      Pour les évènements sur plusieurs jours, on peut jouer avec les articles virtuels :
      -  activer cette option dans l’espace privé, onglet « Configuration »
      -  écrire un premier article avec tous les détails et une date de rédaction antérieure correspondant à la première date de l’évènement.
      -  écrire un deuxième article avec juste un titre et une date de rédaction antérieure correspondant à la 2e date
      -  rediriger ce deuxième article vers le premier dans la case prévue à cet effet en mettant simplement artXX (XX correspondant à l’identifiant du premier article)

    • et voilà la FAQ est renseigné :

      Gérer les événements de votre Agenda
      Permettre d’afficher dans votre Agenda un événement sur un ou plusieurs jours

    • Merci beaucoup. Belle gymnastique pour la création d’un événement sur plusieurs jours ;-)
      Dommage qu’on ne puisse pas naviguer dans le calendrier (passer d’un mois à l’autre).
      Perso, je suis hébergé chez Free....il est fréquent de devoir actualiser les pages après un recalcul pour que les options d’Escal soient respectées (couleurs, absence de slogan, ...), et il n’est pas rare de devoir actualiser les pages pour que la disposition des blocs s’affiche correctement.
      Merci en tout cas ;-)

    • Rien ne t’empêche de rejoindre la bande, plus on est de fou , plus on rigole & plus ça avance.
      pas de pb de rafraichissement c’est offert ;)

      ah effectivement la bande c’est la

    • Pour compléter, j’ai en effet détourné l’utilisation de la date antérieure de rédaction pour le calendrier.

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom