Afficher une vignette d'une image d'un article sur la page d'accueil

Général
#1

Bonjour,

j’avoue que je suis un peu perdue. Je voudrais, sur la page d’accueil, afficher une vignette de, disons, la première image de l’article. J’imagine que je dois faire une boucle DOCUMENT. Mais après je ne comprends pas bien comment lui dire d’aller chercher cette image dans l’article.

Je veux éviter au maximum de recourir à un plugin pour avoir le site le plus léger possible.

Merci d’avance.

#2 
<BOUCLE_slide_active(DOCUMENTS){id_article=XXX}{mode=image}{extension IN png,jpg,gif}{par hasard}{0,1}>
            <img src="#FICHIER" alt="#TITRE" "/>
    </BOUCLE_slide_active> 
</div>
#3

Merci, mais je ne comprends absolument ce que c’est censé faire à part tout bousiller !

#4

Bonjour,

Sans le code de la page sommaire (accueil) et l’endroit où vous souhaitez la vignette c’est un peu compliqué de savoir. Cela étant, si vous êtes à l’intérieur d’une boucle article (<BOUCLE_truc(ARTICLES)…>) alors il suffit d’y mettre le code suivant à minima :

<BOUCLE_vignette_article(DOCUMENTS){id_article}{extension IN png,jpg,gif}{par hasard}{0,1}>
   [(#FICHIER|image_reduire{300,0})]
</BOUCLE_vignette_article>

J’ai mis 300 de large mais c’est à vous de voir. 0 c’est pour une hauteur proportionnelle à la largeur.
Voir la doc concernant les traitements d’images
https://www.spip.net/fr_article3327.html
https://www.spip.net/fr_article6364.html
et tout sur la boucle DOCUMENTS :
https://www.spip.net/fr_article1823.html
et sinon tout sur la syntaxe des boucles SPIP :
https://www.spip.net/fr_article898.html

#5

Bonsoir
Je ne sais pas si Spip peut déterminer ce qu’est la première image d’un article : celle dont l’ID est la plus basse ? Celle qui est insérée le plus haut dans l’article ?
J’aurais ce besoin, je passerais par l’affectation d’un mot-clé à l’image désirée.
Et sur la page d’accueil j’appellerais le document affecté de ce mot-clé.

#6

Merci. Bon c’est un squelette basé sur la dist et, idéalement dans mon idée elle s’afficherait comme un logo en fait.

Je ne comprends pas c’est ce que j’ai fait dans le fichier inclure/recents et, au mieux, il n’y à rien qui s’affiche, quand je n’ai pas en plus une erreur :

Boucle _vignette_article non fermée

pourtant c’est bien fermé.

C’est là. Il y a d’autres trucs qui clochent comme cette fichue pagination que j’aimerais avoir en ligne et pas en liste, mais bon.

#7

Tu veux dire qu’il trouverait grâce au mot-clé l’image associée à l’article et l’afficherait en petit ?

Entre nous, que ce soit la première ou une autre n’a aucune importance. Cela dit il reste la possibilité d’indiquer une image comme logo d’article : simple et efficace.

Merci.

#8

Désolé, elle est effectivement non fermée, il faut ajouter un > à la fin de la 1ere ligne. Je viens de corriger

#9

Pour info il y a une fonction pour chaque objet SPIP (Article, Rubrique, etc) qui s’appelle #LOGO_ARTICLE (ou #LOGO_RUBRIQUE, etc) qui permet de définir une image précise. C’est tout à fait adapté à une vignette.
https://www.spip.net/fr_article6461.html

Pour la pagination, cela n’a pas grand chose à voir avec SPIP mais plutôt les CSS. De base une balise <li> est de type bloc, si tu veux les 2 éléments en ligne il faut lui dire de passer de bloc à inline :
li.pagination-item {display: inline}
https://www.spip.net/fr_article2331.html

#10

Merci beaucoup vraiment. J’ai encore des trucs à peaufiner, mais ça tient la route.

Encore une question, je ne comprends pas pourquoi, les liens non visités sont en rose fuschia SPIP, #db1762. J’ai pourtant tout viré, notamment là :

https://git.spip.net/spip/dist/src/branch/master/css/layout.css#L39

Je deviens chèvre. Hier soir c’était bon et bleu comme je voulais et ce matin en allumant l’ordinateur c’est passé au rose :frowning:

J’ai passé ça sur le site en prod.

#11

Ayé, j’ai trouvé pour les résidus de rose, le diable se niche vraiment dans les détails.