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” , “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 24 September 2019

Discussion

62 discussions

  • 2
    François Daniel Giezendnner

    Bonjour,

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

    Cordialement

    FDG

    Reply to this 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

    Reply to this 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.

    Reply to this 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.

    Reply to this message

  • 1
    Laurent

    Bonjour,

    J’ai installé la dernière version du 17/07/2012 pour mon site. J’ai cependant un problème, dans la rubrique “squelette”-“escal”.
    Lorsque j’arrive sur cette page, je n’ai plus que “layout” et “menus” de disponible, de plus, tout s’écrit de façon bizarre, surtout si il y a des accents.
    Ca ne me faisait pas ça auparavant, je pouvais tout modifier.
    Merci de m’informer sur la démarche à suivre.
    Cordialement

    • spipfactory

      plusieurs piste peut être

      J’ai installé la dernière version du 17/07/2012 pour mon site. J’ai cependant un problème, dans la rubrique « squelette »-“escal”.
      Lorsque j’arrive sur cette page, je n’ai plus que « layout » et « menus » de disponible, de plus,

      tu est sur que le transfert FTP c’est bien passé

      tout s’écrit de façon bizarre, surtout si il y a des accents.
      Ca ne me faisait pas ça auparavant, je pouvais tout modifier.

      peut être une histoire encodage

      au cas ou , passe un message en privé via spipfactory.com

    Reply to this message

  • 8
    Hossein

    Salut,

    J’ai tenté l’aventure de Spip 3 et Escal V3 ce soir, avec un succès mitigé:

    Une fois spip et les plugins Bonux, Cfg, Coueau suisse et Escal V3 installés, j’ai pu faire fonctionner le site avec toutefois quelques soucis comme par exemple le formulaire forum qui ne s’affiche pas.

    Mais le plus gros soucis est qu’après m’être déconnecté, il m’était impossible de me reconnecter, même avec un renouvellement du mot de passe.

    J’ai viré le dossier plugins et vidé le dossier tmp/cache, et la connexion est redevenue possible.

    J’ai installé les plugins un par un en essayant à chaque fois de me reconnecter, jusqu’à ce que j’installe en dernier Escal V3, et là la reconnexion est de nouveau impossible ;-((

    Je suis en local, sur mac 10.6.8, les versions des plugins sont les toutes dernière dispo à ce jour.

    Une idée ?

    Hossein.

    • Hossein

      Autre info,avec Escal V3 seul, sans les autres plugins, le bug est toujours présent.

      A+

      Hossein.

    • Hello
      Bonux et CFG ne sont pas nécessaires avec spip3 !
      Bizarre qu’avec EscalV3 seul ça coince. Tu avais bien revider /tmp/cache, voire tout le /tmp ?

    • Hossein

      Hello Jean-Christophe.

      Oui j’ai refais plusieurs fois la manip tmp/cache , je viens de réessayer en vidant complètement le dossier tmp, et j’ai juste Escal V3 comme plug, mais je rencontre toujours le même soucis.

      J’ai également viré mon dossier squelettes afin d’être conforme à Escal V3 original, mais le problème persiste.

      A+

    • En effet, je reproduis le bug. Je regarde ça.

    • Hossein

      Je vais essayer, mais je n’ai pas de soucis avec la connexion à la base mySql, Escal fonctionne même si je n’arrive plus a me loguer en tant qu’administrateur ou webmestre.

      Lors de nouveaux essais de renouvellement de mots de passe j’ai remarqué des disfonctionnements dans la procédure d’identification, une fois le nouveau mot de passe saisi, un pop up s’affiche me demandant quel est l’utilisateur qui a demandé ce changement de mot de passe (voire capture d’écran jointe), je sélectionne le bon utilisateur et je valide, et j’ai le message suivant : “Rappel votre identifiant (login) est:” ".

      Je vais essayer avec une nouvelle installation avec une base neuve.

    • Hossein

      Alors voilà,

      Spip 3.0.1, Escal 3.8.6:

      Nouvelle installation avec une base neuve et vierge; l’installation marche du premier coup, j’accède à l’espace privé et public, mais dès que je me déconnecte en tant qu’utilisateur, impossible de me reconnecter et donc d’accéder à l’espace privé.

    • ça y est j’ai trouvé
      il suffit de virer le fichier login.html qui se trouve dans /escal/formulaires
      et hop !

    • Hossein

      et hop comme tu dis ;-))

      merci Jean Christophe.

      Hossein

    Reply to this message

  • 4
    Hossein

    Salut, salut,

    Je continue mes essais Spip 3 et Escal V3 en attendant une solution au problème de connexion, mais ya rien à faire la balise #FORMULAIRE_FORUM n’affiche rien, aussi bien avec mon dossier squelettes activé que sans ?

    Par contre sans le plugin Escal V3, donc juste sous Spip 3 je n’ai aucun problème.

    Hossein.

    • Hossein

      bon décidemment je ne suis pas doué, je viens de créer un nouveau fil de discussion, ne pas répondre ici, message redirigé.

      désolé

    • Hossein

      Aghhh je me suis planté en croyant m’être planté ;-) , ce n’était pas ma réponse au problème précédent, mais un autre fil concernant #FORMULAIRE_FORUM, en fait le message posté ne s’affiche pas directement, je suis obligé de redessiner la page plusieurs fois avant de le voir s’afficher, donc le probleme de cette balise reste posé.

    • Hossein

      Bon alors, nouvelle installation, nouvelle base, nouvel article, les forums des articles marchent correctement, mais pas avec mon dossier squelettes , la balise #FORMULAIRE_FORUM n’affiche toujours rien, mais on avance.

    • Hossein

      eureka !

      j’avais une copie de balises/formulaire_forum.php de la V2 dans mon dossier squelettes.

      Problème résolu.

    Reply to this message

  • 1

    Bonjour,

    J’ai du mal à m’en sortir...

    -  Mon menu à gauche reste déplié.
    -  Le glissement des articles en page sommaire ne fonctionne pas : tous les articles sont les uns en dessous des autres...

    Merci

    Robert

    • Salut

      Il s’agit clairement d’un problème de scripts javascript qui ne se mettent pas en route.

      Tu as bien activé javascript sur ton navigateur ?
      Tu as bien un dossier /scripts dans le dossier /escal ?

      As-tu une URL pour voir le souci ?

    Reply to this message

  • 9

    Je viens d’essayer d’installer la dernière version d’EScal sur mon site de test sur la dernière version de Spip3 en passant par la fonction Ajouter un plugins, et j’obtiens ceci :

    “Le fichier XML « http://files.spip.org/spip-zone/escal_V3.zip » de description du dépôt n’est pas conforme”

    (bonté divine quel jargon !)

    • Je l’ai installé quand même par ftp (dans le dossier habituel plugins/auto)mais... il manque le fichier de configuration du squelette.

    • En effet, je ne pige pas bien non plus la teneur du message d’erreur. Je ragarderai ça sur le site de test chez spipfactory dès que je pourrais (il est en rade pour l’instant).

      Pour le fichier de configuration (ou les fichiers plutôt) c’est étonnant. Quand tu vas dans l’espace privé, sous l’icône “squelettes”, tu n’as pas “Escal” qui apparait ?

    • Ah ben maintenant je l’ai.

      Donc explication, j’avais la version antérieure avant, et c’était, là aussi, une question de cache (je l’ai vidé entretemps pour faire mumuse avec les favicons).

    • Je n’avais pas osé te proposer de vider le cache. Tsss ... ;-)

    • Je n’imaginais même pas que ça puisse fonctionner aussi sur la partie privée :-)

      En tous cas apparemment les défauts de la version antérieure ont été corrigés (heureusement, d’accord). Je m’y mets demain sérieusement.

    • Au fait, si besoin, je peux ouvrir un espace de test pour cette version accessible à ceux qui s’inscriront demain.

    • Super sympa comme proposition mais spipfactory devrait être de nouveau disponible d’ici 1 jour ou 2. Merci !

    • J’espère bien ;) .............

      mais pour ça la quiche doit payer , n’est ce pas
      (pour JC)

      @micalement

    • Non non, j’avais dit “courge” pas “quiche” !

    Reply to this message

  • 2

    Bonjour,
    Est-ce que vous envisager de le mettre en thème de Zpip ?
    Merci beaucoup.

    • Pour l’instant, non, par manque de temps. Surtout que je n’ai jamais regardé du côté de Zpip.
      Tout un monde à découvrir. Et du travail de maintenance en plus.

      Mais qui sait, un jour ... ?

    • Perline tu maitrise ZPIP

      Parce que on pourrait regarder l’idée ..........
      du moins j’y est songé également, mais pareil que JC faut que je me plonge dedans

      ceci dit si d’autre sont intéressé on “go go go” , je dispose du serveur pour les test ;)

    Reply to this message

Comment on this article

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