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

  • 4

    Bonsoir,

    Voilà deux bonnes heures que je tente de télécharger le Plugin d’Escal V4, en suivant bien tous les conseils. Mais...

    Desactiver Escal V3 ou non n’y change rien, le Plugin V4 n’est pas proposé.

    Du coup je suis directement allé chercher le lien du plugin sur plugin.spip mais, il faut avoir spip 3.2

    Donc je me suis dit, allez mettons Spip à jour (avec le spip loader), ce que j’ai fait mais pour passer au 3.2 il faut la version je sais plus combien de php apparemment et la je n’ai plus la main, c’est l’hébergeur et j’ai la version de php 5.3.3 donc c’est mort. (Du coup je suis passé à Spip 3.1.7 mais je pense que ça n’a même pas marché!)

    Du re-coup pas de mise à jour Spip, pas de mise à jour Escal (et donc accessoirement pas de rubriques par colonnes avec tout le boulot que tu as fait)...

    J’ai raté une étape?

    Merci

    • Bonsoir
      je viens de faire la manip. Cela c’est visiblement très bien passé. J’étais déjà en 3.2

    • Bonsoir ,

      Après lecture ....

      Desactiver Escal V3 , le Plugin V4 n’est pas proposé.

      Normalement c’est la bonne méthode, contacte moi pour un acces webmestre que je jette un oeil

      le lien du plugin sur plugin.spip mais, il faut avoir spip 3.2

      ben oui c’est pas assez explicite

      “si vous êtes en SPIP 3.2 avec la version 3 d’Escal et que vous vouliez passer à la version 4, vous devez :

      désactiver Escal (surtout pas le désinstaller car vous perdriez votre configuration d’Escal)
      le réinstaller via la page “Ajouter des plugins””

      Donc je me suis dit, allez mettons Spip à jour (avec le spip loader), ce que j’ai fait mais pour passer au 3.2 il faut la version je sais plus combien de php apparemment et la je n’ai plus la main, c’est l’hébergeur

      donc pour rappel
      «SPIP 3.2

      Serveur Apache ou compatible (versions supérieures à la 1.2x)
      PHP 5.4.0 minimum, PHP 7.x
      MySQL 5, SQLite3
      NetPBM, Imagick/convert, GD1, GD2 (requis) (plus Freetype pour les filtres |image_typo).
      Bibliothèques PHP : php-xml, php-gd
      jQuery 3.2 intégrée
      jQuery UI 1.12 intégrée»

      et j’ai la version de php 5.3.3 donc c’est mort. (Du coup je suis passé à Spip 3.1.7 mais je pense que ça n’a même pas marché !)

      effectivement c’est la bonne version spip par rapport a ton php

      Du re-coup pas de mise à jour Spip, pas de mise à jour Escal (et donc accessoirement pas de rubriques par colonnes avec tout le boulot que tu as fait)...

      J’ai raté une étape ?

      non ...........

      Quel est donc cette Hébergeur ?

      Mais il y a peu être une solution ;)

      Rejoindre une Équipe motivée qui a créer un hébergement mutualisé pour faire tourner Escal et permettre de partager les coûts.

      https://spipfactory.com

    • Le Jaseur Boréal

      Faut-il faire confiance à un hébergeur qui ne met pas à jour le PHP pour ses clients?

    • Bon tout a été dit : la version 4 d’Escal n’est installable que sur SPIP 3.2

    Reply to this message

  • 4

    Bonjour Jean Christophe,
    “L’option” favicon.ico perso. a disparue avec les denières révisions.

    • Problème résolu en mettant favico.ico dans “squelettes” à la place de “racine”. Pourtant en octobre, placé à la racine du site, le favicon perso s’affichait... (?)
      Désolé du dérangement.

    • Vers 19h, j’ai indiqué en détail avoir résolu le problème...
      mais mon message a disparu (?).
      Qu’adviendra-t-il de celui-là... en tout cas j’aurais essayé.

    • Hello

      Je vois bien 3 messages ... il y en a eu d’autres ?

      Le fichier favicon doit en effet être placé dans /squelettes
      Le plus bizarre est que ça fonctionnait en le plaçant à la racine du spip !

    • Il me semble que certaines config apache envoie automatiquement le favicon.ico situé à la racine. Mais SPIP redirige via le .htaccess sur le favicon du squelette > si vous avez activé le .htacess ou avaez eu un changement de config apache niveau serveur, cela peut expliquer ceci.

    Reply to this message

  • 3
    philyray

    Salut,

    J’ai constaté que les blocs latéraux gauches et droits disparaissent dans les rubriques contenant des sites référencés. Les blocs latéraux droits apparaissent tout en bas à gauche.

    J’ai rajouté le bloc calendrier pour voir si ça changeait quelque chose et modifié le nombre d’article et de sites qui peuvent apparaitre par pagination. ça n’a rien changé au problème.

    voici mes deux rubriques qui sont décalées : http://spip.technoloy.fr/spip.php?rubrique7&lang=fr et http://spip.technoloy.fr/spip.php?rubrique6&lang=fr

    Est-ce que les sites référencés doivent toujours être liés à une rubrique et est-ce que je peux les supprimer sans risquer de ne plus pouvoir les utiliser comme sites favoris ?

    Cordialement.

    PS : J’ai réactivé la moitié du couteau suisse et les ralentissements ne sont pas revenus. Vu que j’avais supprimé tout le dossier pour le remplacer, je ne peux plus trouver quelle lame est fautive. désolé.

    Reply to this message

  • 8
    philyray

    Salut,
    Après ma mise à jour majeur spip 3.0 à spip 3.1 par tranfert ftp grâce à Filezilla car en automatique avec spip_loader s’est arrêté en me disant accès refusé ou sécurisé, mon site a pu démarrer. Le seul gros problème est que chaque page prend 3min chrono pour s’afficher. Avant c’était immédiat.
    Sous l’espace rédacteur, ça va à une vitesse normale. C’est instantané.
    J’ai suivi les consignes de la page : https://contrib.spip.net/Mettre-a-jour-vers-SPIP-3-1-pour-les-nuls#FTP
    D’où pourrait venir ce ralentissement ?

    cordialement.

    • Quel est donc l’Hébergeur ?

      Une URL pour voir ?

      c’est quand même bizarre l’arrêt de spiploader

      vider le cache , pour voir si ça change quelquechose

    • philyray

      1&1 Unlimited Plus

      http://spip.technoloy.fr/

      Je vide le cache après chaque mise à jour de plugin. Je l’ai déjà vidé au moins 5 fois depuis hier et je lance le recalcul des pages.
      Mon autre site qui est aussi lent voir plus est agora-project mais ça a toujours été comme ça depuis que je l’ai installé.

    • Hello

      Difficile à dire comme ça. Quelques pistes :

      • Quels sont les plugins qui sont installés ?
      • Que se passe-t-il si tu renommes ton dossier /squelettes et squelettesOLD par exemple
      • Que se passe-t-il si tu désactives Escal ?
    • philyray

      Salut,

      ° Mes plugins installés sont dans l’image en pièce jointe dont les incompatibles qui sont : Accès restreint, biblio check, bibliographie ARES, Lecteur de Media de MediaSPIP, MediaBox, MediaElementplayer, Microblog, SPIP Geoportail, video accessible, kaye et ocr.

      ° En renommant le dossier /squelettes en squelettesOLD : le bandeau du site disparait.

      °Quand je désactive Escal, je tombe, dans l’espace public, sur une page simple avec l’icone du site et la présentation du site ainsi que les rubriques. Le passage entre les rubriques prend aussi 3 min.

      J’ai trouvé cette discussion sur le forum mais mes connaissances sont limitées pour faire toutes les vérifications : http://forum.spip.net/fr_244583.html#forum267745 .
      C’est la plus complete que j’ai trouvé sur un gros ralentissement de SPIP à la suite d’une mise à jour majeure.

    • Bon donc à priori, Escal n’est pas en cause car sa désactivation ne règle pas le problème.

      Tu peux peut-être essayer de désactiver tous tes plugins, de vider le cache par ftp et de voir si la lenteur persiste. Si c’est le cas, essayer de téléverser à nouveau le spip au cas où un fichier serait mal passé.

      As-tu contacté ton hébergeur ?

    • Salut,

      Effectivement, quand j’ai vu sur le forum que c’était arrivé à plusieurs personnes en 2013, j’ai compris que ce n’était pas Escal.

      ° J’ai vidé le cache par ftp en supprimant partiellement le contenu de /tmp/ et entièrement celui de /local/. ça n’a rien changé.

      ° j’ai désactivé tous les plugins puis réactivé escal qui en a réactivé 2 autres. Résultat : moins de 2 secondes entre chaque page ! ! ! ! ! ! ! ! Je vais réactiver l’un après l’autre chaque plugin pour voir lequel est le petit farceur puis j’irai pour la 2ème soirée consécutive manger au fast food. Mais ça en valait le coup.

      °Quand j’active le plugin le couteau suisse 1.9.12, ça recommence à faire 3min par page. J’ai réinitialisé et désactivé tous ses outils : c’est vrai qu’il agit beaucoup sur l’ensemble des fonctionnalités de spip. La vitesse est à nouveau convenable. Je pense que je vais le désinstaller pour le réinstaller.

      Encore merci pour les conseils.

    • °Quand j’active le plugin le couteau suisse 1.9.12, ça recommence à faire 3min par page.

      hi hi hi ta vu Jc encore lui ..............

      Bon dit moi donc quel lame utilise tu ?; je suis presque sur que des plugins independant les remplace et du coup tu pourra viré le CS

    • Il serait plus malin de repérer quelle est la lame du couteau suisse qui pose souci en les désactivant une à une avec vidage de cache à chaque fois. Ce qui permettrait peut-être à Pat, l’auteur du plugin, de corriger le bug.

      J’utilise un certain nombre de lames sans souci.

    Reply to this message

  • Pour info après changement des bornes

     compatibilite="[3.0.0;3.2.*]"

    RAS

    Reply to this message

  • 2

    Bonjour, je cherche à faire un site en plusieurs langues mais je ne trouve pas comment voir les drapeaux ou menu de langue dans l’interface publique...
    une idée ?
    merci encore et toujours de ce génial et indispensable “escal”
    yvan

    • bon, j’ai trouvé en faisant mes articles en plusieurs langues...
      Je cherche à mettre des articles dans 2 rubriques, quelles est la solution la plus élégante ?
      est-il possible par exemple de jouer avec un mot clés pour éviter la duplication, les dates et tout le bazar que peut générer un doublon (le problème de la redirection étant la suppression du résumé)
      cordialement
      yvan

    • Hello
      J’avais bien zappé ton premier message, désolé.
      Pour ton autre souci, le plus simple est à mon avis d’utiliser les articles virtuels.
      Voir aussi le milieu de cette discussion avec uns astuce qui joue avec rubrique et mots-clés.

      Ceci dit, si tu es obligé de mettre plusieurs articles à 2 endroits, c’est peut-être que ton arborescence de rubrique n’est pas optimale.

    Reply to this message

  • 31

    Je me fais de plus en plus à escal que j’apprécie beaucoup...
    J’ai mis un autre site avec...
    j’aimerai faire apparaître les articles syndiqués par dates et non par site car c’est toujours le même qui est en tête de file. Comment je peux faire ?
    Encore merci et bravo
    yvan

    • Salut

      Au moins 2 solutions à ton problème :

      1 : numéroter tes sites (leur titre) en respectant ceci : numéro - point - espace - titre
      exemple : 10. site machin (astuce : on numérote de 10 en 10 pour en insérer après sans tout renuméroter), les non numérotés seront après et en ordre alpha. dt bien sur les numéros n’apparaissent pas dans la partie publique

      Ainsi, tu auras l’ordre exact que tu veux.

      2. copier le fichier inc-sites.html de plugins/escal/inclusions vers /squelettes/inclusions et dans cette copie, ligne 25 et 37, remplacer {par nom_site} par {par hasard}

      Ainsi, tes sites s’afficheront en ordre aléatoire à chaque recalcul de la page ou à chaque connexion si la précédente n’est pas trop récente

    • Encore une fois merci de l’info.
      En fait ce que je voudrais, c’est les derniers articles syndiqués classés par date mais pas par site.

      Une autre petite question en passant, comment puis-je faire apparaitre les sites référencés (globalement ou dans les rubriques)
      Mille merci en tout cas
      Yvan

    • ok alors il va te falloir une copie de inc-sites.html comme indiqué plus haut et le modifier.

      Un exemple : le code suivant va chercher les 5 derniers articles de tous les sites syndiqués et les affiche en ordre ante-chronologique avec un pas de pagination de 10. Les titres sont coupés à 30 caractères et on affiche le titre du site source entre crochets. On garde le titre de la noisette s’il est défini dans la configuration d’Escal et la possibilité de replier la noisette.

      <h1 class="cadre sites" >
              [(#CONFIG{escal/config/titresites}|oui)
          [(#CONFIG{escal/config/titresites}|propre|_T_ou_typo|PtoBR)]
        ]
              [(#CONFIG{escal/config/titresites}|non)
          <:escal:sur_web:>
        ]
      </h1>
      
      <div class="texte sites [(#CONFIG{escal/config/togglesites}|=={oui}|oui)toggle]">
        <BOUCLE_selection(SITES){syndication=oui}>
          <BOUCLE_articles_sites(SYNDIC_ARTICLES){id_syndic}{0,5}{doublons}>                                            
          </BOUCLE_articles_sites>
        </BOUCLE_selection> 
                
        <B_articles_sites2>
          <p class="pagination" style="text-align:center">#PAGINATION</p>
          <ul>
            <BOUCLE_articles_sites2(SYNDIC_ARTICLES){!doublons}{par date}{inverse}{pagination 10}>
              <li>
              <a href="#URL_ARTICLE" title="[(#DESCRIPTIF|textebrut|entites_html)]" >[(#TITRE|couper{30})]</a>
              [ #NOM_SITE ]
              </li>
            </BOUCLE_articles_sites2>
          </ul>
        </B_articles_sites2>                    
      </div>
    • Bonjour Jean Christophe, pardon de la longue absence mais mon travail m’a bien occupé,
      génial la modif des articles syndiqués.

      Je suis en train de faire un lifting sur un autre site que je veux aussi passer sous escal (Je rêverais de savoir mutualiser tout ça car 3 sites, c’est un peu répétitif...)

      Comment puis-je facilement tranférer les paramètres escal d’un site vers un autre pour dégrossir.. (je ne vois pas de table escal dans phpmyadmin) ?
      Bien cordialement
      Yvan

    • Hello

      Tout se trouve dans la table spip_meta puis escal.

      PS : tu as un mot de tes parents pour ton absence ? ;-)

    • ;-) merci pour le renseignement, j’ai pu migrer une bonne partie sans avoir à tout refaire.
      Où se trouve la limitation de la taille des images afin de la modifier (j’ai besoin de mettre de temps en temps des fichiers de très bonne définition) ?
      http://www2.ac-lyon.fr/services/escal/NivoSlider

    • Pas besoin de changer ces limites. Tu peux déposer tes gros fichiers dans /tmp/upload en passant par ton logiciel de transfert ftp.

      Ensuite, pour ajouter une de ces images dans un article, tu vas dans le bloc “Ajouter une image ou un document” et tu cliques sur “le serveur” et tu choisis ton image.

    • Ben, j’ai essayé mais ça me dit :

      Les logos doivent obligatoirement faire moins de 1050 × 900 pixels (ce fichier fait 620 × 3372 pixels).

    • Bizarre, tu es bien passé par /tmp/upload puis “le serveur” (pas “mon ordinateur”) ?
      Car je viens de tester en local avec une image de 2872px de large et de 2592px de haut et elle est passée sans sourciller.

    • Oui, tmp/upload puis serveur puis coincé...

    • En effet, je viens de tester sur un site en ligne et ça coince.

      Je regarde ça de près !

    • Une solution, je pense :

      Tu crées un fichier mes_options.php dans le dossier /config avec dedans

      <?php
         
      define('_IMG_MAX_WIDTH', 5000);
      define('_IMG_MAX_HEIGHT', 5000); 
      
      ?>

      et tes images devraient passer.

    • Impec, merci beaucoup

    • Tout va pour le mieux à part un petit truc, les articles syndiqués ne se renouvellent pas , je ne sais pas pourquoi, j’avais copié ton code(plus haut dans ces messages).

    • Hello

      Mon code ne peut pas être en cause pour ça !

      Dans Configuration -> Contenu du site -> Référencement de sites et syndication, as-tu bien coché “Utiliser la syndication automatique” ?

    • Bonjour, tout roule grâce à ce super plugin dont je ne peux plus me séparer.
      Juste une question, je voudrais inclure un chat ( jappix mini). Je suis un peu comme la poule devant le couteau et ne sais pas trop quel fichier je dois modifier...
      Une idée ?

    • Ok je teste dès que je peux (ce soir ?) et je te tiens au courant

    • Bon je n’ai pas testé vraiment car pas de compte.

      Mais l’idée ce serait d’utiliser une noisette article-libreN :

      • installation du plugin et paramétrage de celui-ci
      • affichage de la noisette article-libreN où tu le souhaites
      • création, si elle n’existe pas, d’une rubrique avec les mots-clés “pas-au-menu, pas-au-plan, pas-a-la-une, pas-au-menu-vertical” du groupe affichage pour que l’article soit caché
      • dans cette rubrique, création d’un article avec dans le texte <minichat|> pour appeler le modèle du plugin (voir paramètres disponibles dans la doc du plugin)
      • publication de l’article et ajout du mot-clé “article-libreN” à cet article

      Après, il y aura sans doute des réglages de css à faire

    • outch, du boulot en prespective avant d’arriver à avoir du chat autant dans l’espace public que «privé»...
      À suivre.
      Par contre je viens de découvrir un bug quand on mets le layout en fixe 4ème choix (mode 2 colonnes, latérale à droite) la colonne de droite s’affiche bien mais après celle du centre (en dessous).
      Yvan

    • spipfactory

      hello a tu regarde du coté du plugin spipcatchat; les test sur spipfactory sont positif

    • J’ai essayé spipcatchat mais hormis l’absence de popup (pour les novices en informatique, basculer d’un onglet ou d’une fenêtre à une autre est tout un monde parfois) ou de transparence espace rédacteur- public, le principal souci est l’absence de la conversation quand un nouveau arrive, pas pratique.

      jappix mini, si j’arrive à le configurer (pour le moment, j’arrive à l’afficher mais erreur en espace public et “non connecté” côté rédacteur), me paraît le plus convivial.

    • Je ne reproduis pas ton problème d’affichage en layout fixe. On peut voir ça en ligne ou tu travailles encore en local ?

    • Afficher une pétition
      petite question encore et toujours, j’ai pour le moment laissé de côté le chat, par contre je voudrai mettre une pétition en ligne et j’ai remarqué qu’elle n’apparaît pas avec escal activé alors que sans elle est bien présente, je dois rajouter un truc dans un squelette article quelque part ?
      En tout cas escal demeure trop, trop bien...

    • Hello

      Il fait que tu fasses un lien (dans une noisette par exemple) de la forma
      [texte du lien->spip.php?page=annuaire]

    • pas sûr de bien comprendre, quand on active une pétition sur un article, ça ne s’affiche pas avec le plugin escal alors que lorsqu’il est désactivé, elle s’affiche.

    • Rien ne s’affiche car je ne l’ai pas prévu dans le squelette article.html d’Escal, tout simplement.

      J’ai en revanche prévu une page spéciale pour afficher la pétition d’un article. Il suffit d’attribuer le mot-clé “annuaire” à l’article qui contient la pétition et de faire un lien vers la page annuaire.

      Si cela ne correspond pas à ce que tu souhaites, dis-moi ce que tu voudrais faire.

    • ok, merci pour le tuyau qui fonctionne par contre 2 questions (encore!)
      si je veux faire plusieurs pétitions, comment ça se passe ?
      comment enlever la question :“vous utilisez escal ?”
      merci d’avance
      Yvan

    • Par contre on peut signer autant de fois que l’on veut...

    • 1. Pour faire une autre pétition, tu peux

      • copier le fichier annuaire.html de /plugins/escal ver /squelettes (dossier à créer s’il n’existe pas)
      • renommer ce fichier en annuaire_bis.html par exemple
      • dans ce fichier, remplacer le ligne 43
        <BOUCLE_signe(ARTICLES){titre_mot="annuaire"}>

        par

        <BOUCLE_signe(ARTICLES){titre_mot="annuaire2"}>
      • créer un mot-clé “annuaire2” dans le groupe “affichage”
      • attribuer ce mot-clé à l’article de la 2e pétition
      • faire un lien vers cet article avec
        [texte du lien->spip.php?page=annuaire_bis]

      2. Ensuite, pour enlever le texte (on pourrait aussi le changer mais ce n’est pas ta demande), il suffit de

      • créer un dossier /styles dans le dossier /squelettes
      • dans ce dossier, créer un fichier perso.css avec
        .form-signature h3{
        display: none;
        }

      3. Enfin, le fait de pouvoir signer une ou plusieurs fois, ça c’est un réglage de spip à faire pour chaque pétition en cochant “une seule signature par adresse email” et/ou “une seule signature par site web” ... ou pas

    • Ça faisait longtemps...
      Je cherche à rajouter des champs dans une pétition, comment faire ?
      Je regarde champs extras mais ça n’a pas l’air de fonctionner pour une pétition...
      Par contre, c’est urgent (évidemment)

    • Hello

      Là c’est un peu au-dessus de mes compétences et ça ne concerne pas Escal.

      Je me suis juste contenté de copier le couple signature.html et signature.php de /plugins_dist/petitions/formulaires vers /escal/formulaires pour modifier les lignes 269 et 270 de signature.php afin que ce soit le webmestre qui reçoive la demande de validation afin d’éviter les inscriptions “publicitaires” et de changer le message de retour en conséquence.

      Il te faudrait donc copier ces fichiers dans /squelettes/formulaires et modifier signature.html pour ajouter tes champs mais là s’arrête mes compétences ...

    Reply to this message

  • 3

    Bonjour,

    FORMIDABLE !

    En naviguant sur les sites :

    1) Site de démonstration :
    https://www2.ac-lyon.fr/services/escal/?lang=fr

    2) SpipFactory :
    http://spipfactory.com/

    Je réalise que le squelette Escal-V3 est devenu responsive.

    Une telle évolution majeure et heureuse du squelette mérite d’être signalée et décrite très explicitement sur Spip-Contrib et sur SpipFactory.

    Envisagez-vous de le faire prochainement.

    Bien cordialement.

    FDG

    • Bonsoir

      Je n’en ai pas trop fait la pub car ce n’est pas encore 100% responsive. Il y a encore quelques réglages à faire notamment pour les gros doigts ;-) . J’avance peu à peu d’autant que je suis un peu débordé ces derniers temps.
      Je ferais donc de la pub quand ce sera plus mobile-friendly.

    • C’est cool ça !!
      J’avoue que je commence à me pencher un peu plus sur les problèmes d’affichage sur téléphone, en me rendant compte que la majorité de mes visites vient de ces outils.
      Pour mon site internet, j’ai opté pour une présentation avec une colonne de chaque côté. Sur un téléphone, les 2 colonnes sont l’une en dessous de l’autre.
      Dans mon cas, le bloc qui est en haut de la 2ème colonne est nettement plus “important” que le dernier bloc de la 1ère colonne... du coup, je me demandais s’il ne serait pas possible d’avoir une page de paramétrage du contenu des colonnes spécifique aux téléphones?

    • Le Jaseur Boreal

      Bonjour,

      Concernant le paramétrage de pages spécifiques aux téléphones .... je pense que ce n’est pas la bonne solution.

      Escal propose plusieurs layouts possibles qui s’adaptent “fluides” aux différents écrans.

      L’adaptation des dimensions de colonnes, se règle dans les fichiers liés aux layouts . Il est d’aillleurs possible de tester ces différences sur le site de démonstration révoplutionnaire d’Escal V3 en choisissant un Layout de test. ESCAL V4

      Les vraies adaptations pour le déplacement des doigts et des yeux sur les écrans de portables ou tablettes, sont à réaliser dans la conception de chaque site, pour que les navigations soient facilitées et simplifiées avec les doigts.

      Cela veut dire quelques soient les écrans , et pour différents doigts :

      • des boutons suffisamment larges et épais ,
      • des liens écartés les uns des autres pour n’en toucher qu’un à la fois
      • des textes contrastés pour etre vus en plein soleil avec un smartphone
      • des images responsives
      • etc ...

      Y a encore du taff !
      @+

    Reply to this message

  • 1

    Bonjour
    Désolé, encore moi ;-).
    Je me demandais où Escal allait chercher les photos lorsqu’un article était marqué? Car j’en ai marqué un, les photos sont dans le portfolio mais ne sont pas insérées dans l’article (un autre plugin les affiches en galerie dans l’article : http://loisir.lorient-handball.com/spip.php?article16&lang=fr
    Dans ce cas-là, il semble que les photos ne sont pas prises en compte pour les photos au hasard. Je me trompe?
    Ce mot-clé peut s’appliquer à une rubrique pour prendre en compte les photos des articles de la rubrique?
    Merci encore

    PS : j’ai découvert que vous aviez mis des mots-clés de couleur pour l’affichage des événements dans l’agenda. Pourraient-ils être utilisables pour les rubriques (par défaut) et articles (en priorité) lorsqu’on utilise les dates de publication dans l’agenda?

    • Bonjour

      Oui, en effet, les photos affichées dans la noisettes “photos au hasrad” ne doivent pas être dans le portfolio

      Non, le mot-clé “photo-une” ne s’applique qu’aux articles

      Non, le groupe “Agenda_couleur” ne s’applique que dans l’agenda.

    Reply to this message

  • 3

    Bonjour
    Super travail, toujours plus paramétrable ;-)
    J’ai juste un petit soucis : le lien “répondre à ce message” est blanc (pas voulu) sur fond blanc (voulu... bon là, je l’ai mis en bleu très clair pour montrer)....
    http://loisir.lorient-handball.com/?lang=fr

    Et au cas où : serait-il possible de pouvoir choisir le fait d’avoir un cadre ou non (avec sa bordure et son fond) autour du résumé de l’article et autour de chaque bloc des autres articles récents, dans l’onglet “les derniers articles”.

    Merci beaucoup

    • Hello

      On va régler ça avec un peu de css

      Tu vas d’abord créer un dossier /squelettes à la racine du spip puis un sous dossier /styles et enfin un fichier perso.css dans ce dossier /squelettes/styles

      Dans ce fichier on met les codes suivants (tu remplaces la couleur black ou grey par le code couleur que tu veux)

      pour le "répondre à cet article

      .repondre-article a{
          color: black !important;
      }

      pour le "repondre à ce message, ce sera

      .reponse a {
          color: black !important;
      }

      pour le résumé

      .laune .texte {
          border: 1px solid black;
          background-color: grey;
      }

      et pour les blocs

      .laune ul.anchors li a {
          border: 1px solid black;
          background-color: grey;
      }
    • Merci beaucoup

    • A y est, c’est mis en place : nickel

    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