[Piwigo] Un carrousel des dernières photos ajoutées

Piwigo c’est magique !

Le logiciel intègre par défaut la page « Photos récentes » qui recense… les dernières photos ajoutées. Par exemple http://galerie.strangeplanet.fr/index.php?/recent_pics

Piwigo c’est aussi des plugins, parmi ceux-ci on peut citer Extended Description qui, via un syntaxe particulière, permet de faire un peu tout ce qu’on veut dans les champs de description : faire des descriptions étendues, ajouter simplement une image de la galerie, faire des redirections et… ajouter un carrousel comme celui-ci :

Pluie sur CutelazArgentiere - ValleeNuagesSierra de Toix - Miroir de faille

Pour faire ceci dans Piwigo il suffit d’ajouter un code similaire à celui-ci :

[slider album=33 size=S title=yes control=yes effect=sliceUp speed=3]

Vous l’aurez compris il suffit de lui donner l’identifiant numérique d’un album. Mais alors ! Comment faire un carrousel ne contenant que les 10 dernières images ajoutées à la galerie ? La page que j’ai donné au tout début de cet article n’est pas un album à proprement parler.

Pour faire ceci nous allons utiliser un deuxième plugin : SmartAlbums. Il permet de créer des albums dont le contenu est dynamique et basé sur des filtres.

De quoi avons nous besoin ?

1. Créer un SmartAlbum

Dès que tout est bien installé (et que vous avez des photos sur votre galerie !) allez sur la page d’administration puis dans Plugins->SmartAlbums.
Ici cliquez sur créer un nouveau SmartAlbum et donnez un nom à votre album.

Tip : pour que cet album soit invisible dans la galerie vous pouvez ajouter <!--hidden--><!--mb-hidden--> dans son nom (c’est une autre des features de ExtendedDescription).

Quand vous cliquez sur Créer vous êtes redirigé vers la page de configuration des filtres.

2. Ajout d’un filtre

Dans le champs Ajouter un filtre choisissez Nombre max. d’éléments. Mettez dans le premier champs de la ligne nouvellement ajoutée le nombre d’éléments que vous voudrez dans votre carrousel (moi je met 10) puis réglez l’ordre de tri sur Date d’ajout, récent → ancien.

Enfin sauvegardez.

3. Ordre d’affichage

Moi je veux que mon mon carrousel affiche les photos de la plus récente à la plus ancienne, alors que par défaut il utilise le tri par défaut de la galerie (dans Configuration->Options). Pour changer ça on va aller dans l’onglet Ordre des photos de notre SmartAlbum, sélectionner ordre automatique et choisir encore une fois Date d’ajout, récent → ancien dans le premier champs.

4. Création du carrousel

Je vous ai déjà montré la syntaxe pour ajouter un carrousel, pensez bien à modifier la valeur du paramètre album (l’identifiant et visible sur l’onglet Propriétés de l’album).

De nombreuses options sont disponibles pour le tag [slider], elles sont toutes détaillées sur la page Plugins->ExtendedDescription.

Mais ou mettre mon code de carrousel ? Vous pouvez le mettre le mettre dans la description d’une photo, la description d’un album mais vous pouvez aussi l’utiliser dans une page indépendante avec Additional Pages ou un nouveau bloc sur la page principale avec PWG Stuffs (c’est ce que j’utilise sur ma galerie).

Et voilà un magnifique carrousel que se met tout seul à jour quand vous ajoutez des photos à votre galerie !


Partager : Share on Google+Pin on PinterestShare on RedditTweet about this on TwitterShare on Facebook