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

    Bonjour, et merci pour le travail que vous fêtes, c’est excellent.
    Moi j’ai un petit problème, j’ai installé SPIP 3.0.11 avec ESCAL V3 Version : 3.72.20
    mon problème c’est que j’aimerai ajouter des évènements sur le site comme ici http://projetice.crdp.ac-lyon.fr/escal/ Mais je suis vraiment incapable de le faire,
    j’ai installé le plugin Agenda 3.12.1 et Mini Calendrier 2.3.4
    j’ai crée une rubrique que j’ai nommé Événements, et j’ai crée un article dans lequel j’ai ajouter un événement .
    mais y a rien qui se passe si vous pouvez me dire comment faire Merci d’avance

    Répondre à ce message

  • 2

    De la Catalogne, je suis très heureux de vous présenter mon site réalisé avec arrêts V3 :

    www.labargiana.cat

    Merci, Jean Christophe Villeneuve, de partager avec nous votre ton Escal V3

    Répondre à ce message

  • 10

    bonjour j’ai un site en local sur spip3 qui marche bien avec Escal, les mot-clé fonctionnent normalement,
    j’ai fait un site en ligne avec spip3 et Escal aussi et là les mot-clé ne fonctionnent pas. j’ai regarder sur le forum, vérifié que les photos étaient en .jpg et pas sur le portfolio, que les mot-clé étaient bien activés mais rien n’y fait je ne comprend rien .
    voici l’adresse du site : http://tiwparty.freeheberg.com/
    Merci de m’aider je galère

    • spipfactory

      en fait le pb c’est quoi ?

      dans http://tiwparty.freeheberg.com//ecrire/?exec=mots

      les mots clé s’affiche ?

    • Oh oh, mon antivirus n’aime pas ton site car le considère comme page dangereuse.

      Sinon, j’ai du mal à comprendre ton souci.
      Tu parles de la noisette « Quelques photos au hasard » ?

    • merci de répondre si vite.
      oui les noisettes « quelques photos au hasard et favori » restent vide.
      aucune photo ne parait et le site favori n’apparait pas non plus....!!!!!!

    • spipfactory

      Hello

      bon et les mots clés ils apparaissent ?
      http://tiwparty.freeheberg.com//ecrire/?exec=mots

      donc tu a bien affecté
      photo-une choisir les articles dont les images seront affichées dans le bloc « Quelques images au hasard » (noisette inc-photos.html)
      favori choisir les sites dont les vignettes seront affichées dans le bloc « Sites favoris » (noisette inc-sites_favoris.html)

      puis dans la configuration d’escal Choix des blocs latéraux
      tu a bien demandé que ces deux noisettes apparaissent soient dans la colonne navigation ou/et extra ?

    • Tu as bien activé GD2 ?
      Sinon, tu peux me créer un compte admin temporaire et m’envoyer les codes en privé que je regarde ça de près ?

    • oui tout est activé et je crois que le mot-clé "pas-a-la-une lui fonctionne l’article avec ce mot ne parait pas a la une.
      Pour l’anti-virus ^^ je ne sais pas certainement le nom de l’hebergeur qui ne lui revient pas .
      je t’ai envoyé les droits par MP
      merci encore

    • spipfactory

      certainement le nom de l’hébergeur qui ne lui revient pas

      d’où mon mail envoyé via votre page de contact.

      Avez vous reçu ?

    • Le problème vient de ton hébergeur, je pense, car tu as du choisir l’offre gratuite qui impose une publicité utilisant un javascript « Slide In » qui doit entrer en conflit avec le javascript permettant le défilement des images.

      Solutions :
      -  prendre une offre payante
      -  changer d’hébergeur ! (SpipFactory est prêt à t’accueillir ;-) )

    • Merci encore pour ta disponibilité, je vais voir si je peux faire désactiver le script .
      +1

    Répondre à ce message

  • 2
    Wontolla

    Bonjour,
    Que se passe-t-il avec la révision 74617 lorsque le groupe de mots-clé affichage existe déjà et notamment avec une majorité de ceux-ci ?
    Merci.

    • Il va te créer un autre groupe avec le même nom « affichage » (mais pas le même numéro) et avec tous les mots-clés

      Après, tu peux
      -  soit faire le ménage en réattribuant aux articles concernés les mots-clés de ce nouveau groupe et en leur enlevant ceux de l’ancien groupe de façon à pouvoir supprimer les mots-clés dans cet ancien groupe et ensuite supprimer le groupe lui-même
      -  soit garder les 2 groupes, peu importe à quel groupe appartient le mot-clé associé à un article

    • A partir de la version 3.72.13, Escal ne rajoute pas de nouveau groupe « affichage » si celui-ci existe déjà. Il rajoute simplement les mots-clés qui n’ont pas encore été créés sans toucher aux autres. De plus Escal permet aux rédacteurs de voir le descriptif des mots-clés, ce qui n’est pas le cas dans un SPIP de base.

    Répondre à ce message

  • 2
    Philippe Pellicier

    Où trouver une documentation qui explique tout depuis le début de façon progressive ? On ne dit pas assez qu’utiliser SPIP et aussi Escal c’est très difficile. J’ai passé beaucoup de temps. Je n’y arrive pas. Je suis découragé. Je l’écris parce que ça me fait du bien.

    Répondre à ce message

  • 1

    Problème avec les pétitions...

    quand on signe, au lieu que le mail de confirmation soit envoyé à l’adresse mail du signataire, elle est envoyée à l’adresse mail de l’admin du site... ?

    je ne trouve pas ou ca se passe, mais ca se passe différement sans escal...

    merci d’avance

    pam

    • Ah oui j’ai fait ça pour que le webmestre puisse modérer les inscriptions, ça évite les inscriptions sans rapport avec le sujet (j’avais des sites qui s’inscrivaient sur mon annuaire pour se faire de la pub alors qu’ils n’utilisaient pas Escal)

      Je suppose qu’en copiant le fichier signatures.php de
      /plugins-dist/petitions/formulaires
      vers
      /squelettes/formulaires
      ça devrait revenir comme à l’origine en passant par dessus ma copie modifiée.

    Répondre à ce message

  • 5

    Bonjour,

    Comment faire pour avoir du texte dans la couleur que je veux ? Là franchement je ne vois plus. J’ai paramétré les h1 etc. ainsi que le body dans les couleurs que je voulais, que ce soit dans perso.css ou dans general.css et rien du tout le texte reste désespérément, horriblement noir.

    Merci.

    • Hello

      Je te conseille d’utiliser l’extension Firebug pour Firefox qui t’aidera à repérer sur quel class ou id il faut intervenir.
      Parfois, il te faudra rajouter la règle !important pour passer au-dessus des réglages d’Escal
      Exemple :

      .laune  .titre a {
      color: red !important;
      }

      pour mettre en rouge le titre de l’article en exergue sur la page d’accueil.

      Bien sur on met ça dans /squelettes/styles/perso.css et on ne touche pas au reste

    • Mais c’est tout le texte que je veux avoir en bleu et les titres dans un autre bleu c’est pas compliqué... et plus gros. Je ne veux pas avoir un atome de noir sur ce site.

      J’ai donc paramétré body et h1 etc., mais rien du tout. C’est ce que je n’arrive pas à comprendre. Pourquoi ça ne veut pas marcher ?

    • alors le truc radical c’est

      *{
      color: blue ;
      }

      et ça ne marche pas car presque tous les textes ont une surcharge de couleur

    • Donc ça :

      body
      font-size : 1.2em ;
      font-family : Verdana, Arial, Helvetica, sans-serif ;
      text-align : left ;
      color : #17195e ; !important ;

      et ça :

      h1, h2, h3, h4, h5
      color : #376b91 ;

      avec les accolades que Spip me vire évidemment, ça ne peut plus marcher ? Je ne comprends pas pourquoi tout l texte est en noir et pourquoi je ne peux pas tout changer d’un coup. Ça devrait, étant donné que c’est en haut de la feuille, passer en premier.

    • Bon d"abord quand spip voit des accolades, il met le texte entre accolades en italiques. C’est un raccourci spip. Il fait donc bien son boulot. Pour voir ces accolades, il faut entourer le code entre des balises < code > et < /code > (sans les espaces) pour que spip n’interprète pas les accolades comme un raccourci.

      Ensuite, tu raisonnes à l’envers : en CSS, c’est le dernier qui parle qui a raison. Si tu écris

      .toto{
      color: red;
      }
      .toto{
      color: blue;
      }

      le texte de la class toto sera bleu, pas rouge.
      C’est pourquoi, j’ai fait en sorte que le fichier /squelettes/styles/perso.css soit appelé en dernier, pour surcharger tous les autres fichiers.css

      Enfin, Escal colle une couleur de texte à tous les blocs séparément, en fonction de leur couleur de fond : blanc sur les fonds foncés et noir sur les fonds clairs

      Pour les surcharger, il faut donc les redéfinir dans /squelettes/styles/perso.css, soit 1 par 1 avec des couleurs différentes, soit globalement comme indiqué plus haut.

    Répondre à ce message

  • 7

    Bonjour,
    J’utilise Escal 3.66.6 et SPIP 3.01 avec bonheur mais j’ai une petite question (peut-être hors sujet ...) :
    Je n’arrive pas à obtenir une pétition sur un article. j’ai beau activer et préciser le fonctionnement de la pétition, rien n’apparait dans mon article.
    Qu’ai-je donc bien pu oublier ?
    merci d’avance

    • Hello

      tu as bien lu cet article ?

      Je viens de tester sur le site de test et tout fonctionne

    • bonjour,

      l’article évoque l’usage d’une pétition pour faire un annuaire, mais pas l’affichage des pétitions existantes sur un article... inc-article n’affiche pas la pétition associée à l’article.

      Je viens de m’en rendre compte en faisant un site qui est justement centré sur une pétition... Escal me semblait intéressant pour faire facilement un zpip, par rapport à mon expérience sarka... mais...

      j’essaie de compléter pour voir...

      cordialement
      pam

    • Bonjour

      En effet, Escal ne prévoit pas d’afficher les pétitions dans la page article mais dans une page spéciale annuaire.html qui affiche la pétition de l’article avec le mot-clé « annuaire »

      Tu voudrais que chaque article puisse afficher une pétition ?

      Escal n’est pas en zpip mais en spip classique.

    • merci de la réactivité !

      oui, j’avoue ne pas bien voir le rapport entre annuaire et pétition.... j’ai effectivement des sites ou des pétitions se succèdent, et je viens de terminer une v0 pour un nouveau centré sur une pétition

      j’ai donc spécialisé inc-article et inc-annonce... voir http://macommunejytiens.fr
      j’ai pas trop (pas du tout) travaillé le style... c’est du copie/coller brut de la dist standard dans les inc escal... il faudrait certainement faire mieux...

      bon, ce n’est pas zpip... j’avoue que je me suis perdu dans mes essais... et que je n’arrive toujours pas à faire du zpip... il m’avait semblé que le principe des noisettes sélectionnables dans escal était un peu zpipien... ?

      mais bon, comparé à sarka, ca fait une configuration plus simple et graphiquement moins carré...

      pam

    • Ben c’est très bien ce que tu as fait. Où coinces-tu ?

    • je coince pas vraiment, c’est juste du temps qu’il faut ;-o)

      Mais la pétition tel quel est dans le même style que le texte de l’annonce, et je trouve qu’il faudrait lui mettre un style qui apparaisse comme un sous-pavé, écrit plus petit...

      et l’idéal serait de l’avoir dépliable, pour qu’on voit s’il y a une pétition, et par exemple le nb de signatures, mais qu’on ne l’affiche que sur demande...

      bon, je vais l’apprivoiser progressivement...

      pam

    • OK

      N’hésites pas à me contacter si tu as besoin d’un coup de main.
      Je peux aussi regarder de mon côté pour l’intégrer dans Escal.

    Répondre à ce message

  • 3

    Bonjour,

    il semble super intéressant ce squelette et très flexible ! Il est Z3C effectivement mais alors excusez, ... mais pour le référencement sous Bing ou Google de ses sites, cela promet ! ils doivent tous promouvoir des cadres ! ;-)

    Affichez le code source des pages (http://projetice.crdp.ac-lyon.fr/escal/-Installer-?lang=fr, ou http://projetice.crdp.ac-lyon.fr/escal/Presentation?lang=fr par ex, : il y a 4 champs « cadre .. » par page entre balise H1 :or il en faut un maxi par page, et qui signale de quoi on y parle. Voir outils pour les Webmaster de Bing et Google.....
    A reprendre en profondeur sur le thème des balises Hx.

    Bien cordialement

    WP

    • Bonjour

      Je suis toujours preneur de bonnes idées pour l’amélioration d’Escal mais là je ne vois pas où est le problème. Peux-tu me donner des url qui parlent de ces cadres limités à 1 par page ?

      A noter qu’en l’occurrence, il ne s’agit que d’un nom de class donné aux balises h1. Qu’appelles-tu un « champ » exactement ?

    • bien sur :
      voici les consignes de base : http://www.bing.com/webmaster/help/webmaster-guidelines-30fba23a pour Bing et http://support.google.com/webmasters/?hl=fr pour Google

      il ne disent pas qu’il en faut un seul H1 mais quand j’en avais 4 avec Sarkaspip par ex, sous mon compte de webmaster , j’avais des remarques négatives graves. Maintenant je viens de refaire mes sites avec Zpip : http://www.saisie-mobile.eu/ ou http://www.productivix.com/ ou encore http://www.yanfouom.net/ et c’est propre de ce côté. la balise « title » = le titre de l’article +« - »+ le titre du site, sous H1 = le titre de l’article, ou de la rubrique, ou de la brève ou du mot clé, selon. Mais un seul H1. Ensuite sous le H1 tu as des H2, sous les H2 des H3 (hiérarchie à respecter), etc

      Tu passes aussi ta page dans le W3C validator http://validator.w3.org/ pour les css .

      Sinon il y a aussi ce site avec son forum où il y a plein de conseils très pointus sur le référencement http://www.webrankinfo.com/ . Ton ref est lié au contenu et aussi à la « pureté du code » ;-) .

      Les effets ne sont pas visibles immédiatement, parfois qq mois avant d’en voir le résultat : alors mieux vaut faire attention.
      Bon courage et travail !

    • Ok merci pour ces liens. Je vais potasser le sujet.

      Néanmoins, je me permets de te faire remarquer que tes title sont trop longs d’après ce qu’en dit webrankinfo

      De plus il semblerait que le critère principal d’un bon positionnement est avant tout le contenu du site, et c’est tant mieux !

    Répondre à ce message

  • j’avais oublié de répondre à la question « champ » :
    champ pour moi c’est ce qui a entre H1 et /H1, ou entre Title et /Title

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?
  • [Se connecter]

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