Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon.

Utilisé à ce jour dans 1487 sites
Des modèles
Article mis en ligne le 5 décembre 2015
dernière modification le 8 janvier 2018

par Jean Christophe Villeneuve
logo imprimer
Enregistrer au format PDF

Escal propose en plus des fonctionnalités des modèles :

choix_article

Voici un petit modèle livré avec la version 4.0.13 qui permet d’inclure des articles dans un autre article.

Pour un seul article, on utilisera le raccourci <choix_articleXX> où XX est le le numéro de l’article.

Pour plusieurs articles, le raccourci sera <choix_article|id=XX,YY,ZZ>

Et on peut choisir le nombre de colonnes pour afficher ces articles. Par défaut une seule colonne mais on peut en avoir 2 ou 3. Si le nombre d’articles n’est pas un multiple du nombre de colonnes, le ou les derniers articles adapteront leur largeur. Le raccourci a utiliser sera du genre <choix_article|id=233,173,251,252,209|colonne=3>

Un exemple dans cet article

image_exif

Ce modèle nécessite l’installation du plugin Métadonnées photos

l’archive Zip de ce plugin est très volumineuse, et l’installateur automatique ne peut pas la récupérer. Il est donc nécessaire d’installer ce plugin à la main

Le modèle permet d’afficher une image centrée et "Responsive" et ses métadonnées (appareil, sensibilité, vitesse, ouverture, focale, flash et ouverture max.)

le raccourci à utiliser est <image_exifXX> où XX correspond au numéro de l’image

Voir quelques tests dans cet article

image-fluide

Ce modèle permet d’afficher des images "responsive" ou "mobile-friendly" tout en :

  • respectant la largeur maximum des images dans les articles définies dans la configuration d’Escal
  • n’agrandissant pas l’image si elle est plus petite que cette limite
  • centrant cette image

le raccourci à utiliser est <image_fluideXX> où XX correspond au numéro de l’image

Voir quelques tests dans cet article


Forum
Répondre à cet article
Longueur des titres et affichage chapo
Françoise Adam de Villiers - le 7 mars 2018

Bonjour,

Très pratique ce modèle ! Je voudrais juste adapter pour que les articles affichés dans l’article puissent :

- avoir des titres un peu plus longs

- afficher le chapo plutôt que le début du texte.

J’ai essayé de modifier le fichier choix_article_base.html mais sans résultat.

Une piste ?

Adapter le modèle "CHOIX_ARTICLE"
Jaseur Boréal - le 7 mars 2018

Pour adapter le modèle "CHOIX_ARTICLE"

  • Longueur des titres
  • affichage du chapo
  • dimension des caracteres
  • couleurs
  • encadrement
  • etc ...

Il suffit simplement de modifier le fichier

en réglant selon ses besoins la longueur des textes coupés, etc

Exemple d’un titre coupé à 35 caracteres :

Adapter le modèle "CHOIX_ARTICLE"
Jean Christophe Villeneuve - le 7 mars 2018

Attention, la valeur 27 d’origine ou 35 que tu proposes n’est qu’une valeur par défaut si #CONFIG{escal/config/nbrecaracttitre n’est pas définie.

Longueur des titres et affichage chapo
Jean Christophe Villeneuve - le 7 mars 2018

Hello

Tu peux en effet modifier le modèle pour obtenir ce que tu veux.
Pour ça, tu dois :
- copier le modèle dans /squelettes/modeles
- modifier la ligne 24

par

en remplaçant XX par le nombre de caractères que tu souhaites
ou en la remplaçant par

si tu veux l’intégralité des titres
- et pour avoir le chapeau rajouter après le titre le code suivant (styles à adapter selon tes souhaits)

Longueur des titres et affichage chapo
Françoise - le 7 mars 2018

Ça y est, j’ai obtenu ce que je voulais :-) Un grand merci !

Juste une petite remarque : c’est dans /squelettes/modeles et non dans /inclusions/modeles qu’il fallait copier le fichier. Je précise au cas où quelqu’un d’autre voudrait utiliser l’astuce ;-)

Longueur des titres et affichage chapo
Jean Christophe Villeneuve - le 7 mars 2018

Oui tu as parfaitement raison, je corrige mon massage tout de suite pour être plus sûr !
Merci

Adapter le modèle "CHOIX_ARTICLE"
Jaseur Boréal - le 7 mars 2018

Bonsoir,

tant qu’on est dans les réglages du modèle "Choix_article",

j’ai essayé d’ajouter un léger liseré autour des boites-articles pour différencier leur surface, et je sèche après-plusieurs essais non concluants quant à l’emplacement exact du "border-style:solid ;" et de son "color : ...." ainsi que de son "background ; #....."

Une bonne idée ?

Adapter le modèle "CHOIX_ARTICLE"
Jean Christophe Villeneuve - le 7 mars 2018

  1. .choix-article a{
  2. border : 1px solid grey;
  3. }

Télécharger

par exemple

Adapter le modèle "CHOIX_ARTICLE"
Jaseur Boréal - le 7 mars 2018

Merci,
En fait j’ai ajouté "border : 1px solid grey ;" dans la boucle article du modèle.

Adapter le modèle "CHOIX_ARTICLE"
Jean Christophe Villeneuve - le 7 mars 2018

Alors, si tu veux lettre ça en dur dans le modèle, c’est la balise a qu’il faut styler plutôt.

Adapter le modèle "CHOIX_ARTICLE"
Jaseur Boréal - le 7 mars 2018

Pourtant ça fonctionne bien en ajoutant le style cadre dans la boucle :

Exemple ici pour un événement :
https://www.lettonie-francija.fr/film-grand-pere-est-plus-dangereux-qu-un-ordinateur?lang=fr

Adapter le modèle "CHOIX_ARTICLE"
Jean Christophe Villeneuve - le 7 mars 2018

En effet !
J’avais regardé le modèle fourni avec Escal où j’ai mis un arrondi sur la balise a, d’où ma remarque. Mais dans ton cas, peu importe.

Sommaire du modele : articles dans un autre article.
Christian voillemont - le 23 février 2018

Bonjour,

Super et extraordinaire modèle que j’utilise avec bonheur.

Les premières lignes du texte de l’article sont supplantées par le texte du sommaire.
Je préférerai donc ou afficher en présentation un descriptif ou les premières lignes du texte et ignorer le sommaire.

Est ce possible ?

Sommaire du modele : articles dans un autre article.
Jean Christophe Villeneuve - le 24 février 2018

Oui bien sur tu as raison, j’aurais du y penser tout seul !
Je te fais ça et je livre.

droite, gauche nom fonctionnel
Christian - le 13 décembre 2016

Bonjour,

J’ai voulu utiliser le modele image fluide avec left mais ça reste centré.
Est ce normal ?

droite, gauche nom fonctionnel
Jean Christophe Villeneuve - le 13 décembre 2016

Oui, c’est un choix que j’ai fait.
Car une image à gauche ou à droite implique du texte à côté, Texte qui risque d’avoir très peu de place sur un petit écran, donc moche.

Supprimer la lightbox du modèle image fluide
Christian - le 30 novembre 2016

Bonjour,

J’ai voulu utiliser le modele image fluide.
J’ai constaté qu’en cliquant sur l’image, cela ouvrait la lightbox.
hors j’ai besoin de mettre un lien de l’image vers une page.

J’ai donc pris le fichier le fichier image_fluide.htm, je l’ai mis dans le répertoire squelettes/modeles et j’ai viré ce qui me semblait faire ouvrir la lightbox.

Et plus rien ne marche...
Ça ne pouvait pas être aussi simple !

Quel code mettre pour afficher l’image (fluide) sans lien sur la light box ?

merci pour votre aide

Christian

Supprimer la lightbox du modèle image fluide
Jean Christophe Villeneuve - le 1er décembre 2016

Hello

Normalement, en supprimant les lignes 7 et 14 du modèle d’origine, ça doit faire ce que tu veux.

Supprimer la lightbox du modèle image fluide
Christian - le 1er décembre 2016

Super çca marche.

Au début, avant d’écrire ici, dans un élan d’optimisme, j’avais supprimé les ligne 7 à 14...

Et j’avais un joli espace blanc... à la place de l’image.

Ta manière marche super ! Merci

J’ai essayé de mettre un lien vers une page sur l’image.
J’ai mis ce code qui bien sur ne matche pas :

| <image_fluide13|lien=http://www.voillemont.com/sitedetest/spip.php?article17>|

Comment devrais je faire ?

Supprimer la lightbox du modèle image fluide
Jean Christophe Villeneuve - le 1er décembre 2016

Ben exactement comme pour un texte : tu sélectionnes ton image, tu cliques sur l’icône de lien de spip et tu colles ton adresse.
Ou tu écris directement

[<image_fluide13>->http://www.voillemont.com/sitedetest/spip.php?article17]

Supprimer la lightbox du modèle image fluide
Christian - le 1er décembre 2016

Aussi simple que ça !
J’ai potassé des docs, des forums sans trouver !

Tu es une encyclopédie !

Merci



Plan du site Contact Mentions légales Espace rédacteurs squelette

RSS Valid XHTML 1.0 Strict

2009-2018 © Escal V3 - Tous droits réservés
Site réalisé sous SPIP
avec le squelette ESCAL-V3
Version : 3.87.78
Version Escal-V4 disponible pour SPIP3.2