Lorsque votre site commence à s’étoffer, on a tendance à oublier les vieux articles... On peut bien sûr réaliser un plan du site ... une alternative plus ludique consiste à réaliser une planche contact aléatoire des images contenus dans les articles.
Par exemple, voir la planche contact du site de l’école d’art en provence
La boucle en SPIP 1.9
- <BOUCLE_docuImg(DOCUMENTS){doublons}{par hasard}{extension==jpg|png|gif}{0,20}>
- <BOUCLE_chercheLienArticle(SPIP_DOCUMENTS_ARTICLES){id_document}>#SET{current_id_art, #ID_ARTICLE}</BOUCLE_chercheLienArticle>
- <BOUCLE_vignetteArticle(ARTICLES){id_article=#GET{current_id_art}}{0,1}>[<a href="#URL_ARTICLE">(#FICHIER|reduire_image{0,200})</a>]</BOUCLE_vignetteArticle>
- </BOUCLE_docuImg>
La planche contact est générée avec trois boucles imbriquées :
- la boucle DOCUMENTS docuImg permet de récupérer 20 documents images au hasard
- la boucle SPIP_DOCUMENTS_ARTICLES chercheLienArticle n’est pas standard ... elle permet à partir de l’id d’un document de trouver l’article qui lui est lié.
- la boucle ARTICLES vignetteArticle permet de simplement afficher la vignette avec le lien sur l’article associé
Si vous voulez que cette page soit différente à chaque chargement de page, il faut désactiver le cache en placant sur votre page la balise #CACHE{0}. Attention toutefois, ce script est gourmand en ressources puisque l’on demande de créer une dizaine de vignettes d’un coup...
La boucle en SPIP 2.0
SPIP 2.0 a entièrement revu la gestion des documents et leurs liaisons avec les objets SPIP (rubriques, articles, brèves ...)
La boucle devient
- <BOUCLE_img(DOCUMENTS){extension==jpg|png|gif}{par hasard}{0,20}>
- [(#REM) document lie a un article ?]
- <BOUCLE_lien_a(DOCUMENTS_LIENS){id_document}{objet=article}>
- <BOUCLE_lien_article(ARTICLES){id_article=#ID_OBJET}><a href="#URL_ARTICLE">[(#_img:FICHIER|reduire_image{0,200})]</a></BOUCLE_lien_article>
- </BOUCLE_lien_a></B_lien_a>
- [(#REM) non, document lie a une rubrique ?]
- <BOUCLE_lien_r(DOCUMENTS_LIENS){id_document}{objet=rubrique}>
- <BOUCLE_lien_rubrique(RUBRIQUES){id_rubrique=#ID_OBJET}><a href="#URL_RUBRIQUE">[(#_img:FICHIER|reduire_image{0,200})]</a></BOUCLE_lien_rubrique>
- </BOUCLE_lien_r>
- <//B_lien_a>
- </BOUCLE_img>
- La boucle img récupère 20 documents ayant comme extension jpg, png ou gif au hasard
- On recherche la liaison avec un article,
- si oui, on affiche le lien vers cet article et la vignette de l’image
- si non, on recherche la liaison avec une rubrique
- si oui, on affiche le lien vers la rubrique et la vignette de l’image
La boucle en SPIP 2.1
la syntaxe a un peu évoluée. Il faut passer le nom de la table en minuscule
- <BOUCLE_img(DOCUMENTS){extension==jpg|png|gif}{par hasard}{0,40}>
- [(#REM) document lie a un article ?]
- <BOUCLE_lien_a(spip_documents_liens){id_document}{objet=article}>
- <BOUCLE_lien_article(ARTICLES){id_article=#ID_OBJET}><a href="#URL_ARTICLE">[(#_img:FICHIER|image_reduire{0,200})]</a></BOUCLE_lien_article>
- </BOUCLE_lien_a></B_lien_a>
- [(#REM) non, document lie a une rubrique ?]
- <BOUCLE_lien_r(spip_documents_liens){id_document}{objet=rubrique}>
- <BOUCLE_lien_rubrique(RUBRIQUES){id_rubrique=#ID_OBJET}><a href="#URL_RUBRIQUE">[(#_img:FICHIER|image_reduire{0,200})]</a></BOUCLE_lien_rubrique>
- </BOUCLE_lien_r>
- <//B_lien_a>
- </BOUCLE_img>
Le modèle associé
Pour les paresseux, voici la version en tant que modèle prêt à l’emploi (fichier à placer votre répertoire modeles). Pour l’utiliser, simplement placer dans le corps de l’un de vos articles ou rubriques, le raccourci <planche_contactX> où X est le nombre de vignettes désiré sur votre planche contact.
- modèle planche contact (spip 1.9)
- modèle planche contact (spip 2.1)
modèle planche contact (spip 1.9)
modèle planche contact (spip 2.1)
Vos commentaires
# Le 11 mai 2010 à 16:26, par Z.
En réponse à : Afficher une planche contact des images du site
Bonjour,
cela fonctionne très bien sur mon site (SPIP2).
Par contre il semblerait que l’argument X dans
<planche_contactX>ne serve a rien vu que dans la 1ere boucle on
...{par hasard}{0,20}...Si on souhaite diminuer ou augmenter le nombre de vignette, il faut modifier ce paramètre « 20 ».
Comment récupérer proprement le paramètre X ?
# Le 12 mai 2010 à 09:32, par erational
En réponse à : Afficher une planche contact des images du site
bonjour, le parametre X est bien pris en compte dans le modèle, il s’agit de
#ENV{id}dans la boucle du modèle :j’ai en profité pour ajouter en téléchargement le modèle planche contact en version SPIP 2.1
# Le 12 mai 2010 à 15:47, par Z.
En réponse à : Afficher une planche contact des images du site
Merci.
Je me doutais bien d’un truc comme ça, mais sur la page au dessus le paramètre
#ENV{id}n’apparaît pas dans les boucles :pour spip 1.9 on a :
pour spip 2.0 on a aussi :
et pour spip 2.1 on a :
Il faudrait corriger cela pour faire apparaître
#ENV{id}à la place de 20 ou 40...Tant que j’y suis...
J’ai essayé d’insérer la balise
#CACHE{0}dans mon modèle, mais il semblerait qu’elle ne soit pas prise en compte (site avec spip 2.010). Ne faut-il pas que cette balise soit entre<head>et</head>? Comment faire cela à partir d’un modèle ?# Le 12 mai 2010 à 17:14, par erational
En réponse à : Afficher une planche contact des images du site
attention de bien distinguer :
spip.php?page=planche. dans ce cas on indique en dur le nombre d’image que l’on souhaite ex.{0,30}et le cache via#CACHE{0}.# Le 12 mai 2010 à 18:04, par Z.
En réponse à : Afficher une planche contact des images du site
Merci pour les éclaircissements.
Je n’avais effectivement pas fait cette distinction.
Dommage pour le cache dans le modèle :-(
Répondre à ce message
# Le 15 décembre 2008 à 15:45, par El’Biglouch
En réponse à : Afficher une planche contact des images du site
Bonjour.
Il semblerai que cette boucle ne fonctionne pas avec SPIP 2.0 car lorsque je l’inclus dans le sommaire par exemple, une erreur de squelette se produit, indiquant qu’il n’arrive pas à trouver les liens images.
Si quelqu’un avait la solution ce serai formidable !
Merci infiniment pour tout !
# Le 5 février 2009 à 09:54, par erational
En réponse à : Afficher une planche contact des images du site pour SPIP 2.0
j’ai mis l’article à jour pour réaliser la planche contact en SPIP 2.0
Répondre à ce message
# Le 26 février 2007 à 13:05, par Yves
En réponse à : Afficher une planche contact des images du site
Excellent idée, et un mode de navigation original ! Je rencontre toutefois une difficulté, car j’ai supprimé pas mal d’articles de mon site, or SPIP n’efface pas les documents joints. Chez moi la boucle « bugge » donc pas mal car elle essaye, je crois, de sélectionner des articles qui n’existent plus.
Une idée pour améliorer les choses de façon « propre » et automatique ? (je n’en voie qu’une a priori : que je balaye à la main mes tables SPIP pour supprimer de la table des documents, les entrées correspondant à des documents liés à des articles supprimés...)
# Le 26 février 2007 à 17:26, par erational
En réponse à : Afficher une planche contact des images du site
Il faudrait mieux nettoyer votre base. Sinon rajouter le critère
{statut=publié}résoudra peut-être votre problème :Ce qui donne :
<BOUCLE_vignetteArticle(ARTICLES){id_article=#GET{current_id_art}}{0,1}{statut=publie}># Le 1er juin 2007 à 16:40, par tipou13
En réponse à : Afficher une planche contact des images du site
Bonjour. Je vous remercie pour cette trouvaille magnifique. J’aimerais l’utiliser pour mon site et exclure certaines rubrique. Ne pas afficher les images de certaines rubriques.
Je vous remercie de m’éclairer.
ibigdeze@hotmail.com
# Le 29 juillet 2007 à 01:40, par dinobib
En réponse à : Afficher une planche contact des images du site
Même demande, j’utilise cette boucle mais j’aimerais lui interdire l’accés à une rubrique particulière (pour ne pas lister les images de la partie blog du site). si quelqu’un a une réponse ?
Répondre à ce message
# Le 17 septembre 2007 à 18:36, par ManuDevil, concepteur multimédia... avec SPIP
En réponse à : Bug ? Correction.
J’ai remarqué un bug assez curieux... J’utilise cette contrib fort sympathique pour un de mes sites, et bizarrement, dans la liste des images, il y en avait toujours une qui pointait vers le mauvais article. Des fois, même, deux fois la même image avec deux liens différents.
Je pense avoir corrigé en imbriquant les boucles de manière différentes :
[(#REM) Images au hasard ]<B_docuImg>
<div style="text-align: center">
<BOUCLE_docuImg(DOCUMENTS){doublons}{par hasard}{extension==jpg|png|gif}{0,10}> <BOUCLE_chercheLienArticle(SPIP_DOCUMENTS_ARTICLES){id_document=#ID_DOCUMENT}>#SET{current_id_art, #ID_ARTICLE}
<BOUCLE_vignetteArticle(ARTICLES){id_article=#GET{current_id_art}}{0,1}{statut=publie}>[<a href="#URL_ARTICLE">(#FICHIER|reduire_image{0,150})</a>]</BOUCLE_vignetteArticle>
</BOUCLE_chercheLienArticle>
</BOUCLE_docuImg>
</div>
</B_docuImg>
Volontairement, je n’en affiche que 10.
Répondre à ce message