Afficher les images en mode « pop in » dans vos articles

Bonjour à tous,

tips

Cela fait un moment que je n’avais pas écrit d’article, d’autres activités ayant pris le dessus :). J’écris cet article pour vous parler d’un plugin WordPress que j’ai trouvé suite à une problématique assez simple : comment afficher mes images en mode « pop in » sur wordpress ?

Après quelques secondes sur google, la solution est apparue assez rapidement : elle s’appelle « Shutter realoaded » , enfin « il » puisque c’est un plugin.

Comment l’installer ?

C’est très simple, il suffit d’aller dans la partie « Extensions » de votre page d’administration WordPress puis de rechercher « Shutter reloaded » ( dur hein ? ).

Attention avant de l’installer, il est noté :

  • Nécessite WordPress en version :3.0 ou plus
  • Compatible jusqu’à la version :3.4.2

Pour ma part je suis en Worpdress 3.5.2  et cela semble fonctionner parfaitement, enfin jusqu’à preuve du contraire… :-).

Bien évidemment n’hésitez pas à faire des backups avant d’installer ce plugin même si le risque semble plutôt faible.

Une fois le plugin activé, vous pouvez choisir de l’activer par défaut sur toutes vos images ou bien de signifier manuellement sur les images celles sur lesquelles vous voulez appliquer le mode ‘pop in’.

Appliquer à toutes les images :

La méthode la plus simple, il suffit de vous rendre dans « Apparence > Shutter Reloaded » et d’activer la ligne :

« Activer Shutter sur tous les liens pointant vers les images. Les ensembles d’images créés avec, « shutterset_nom » ou rel= »lightbox[…] » continueront de fonctionner. »

options_shutter_reloaded

Voilà, toutes vos images vont maintenant s’afficher en mode pop-in.Vous noterez qu’il est possible d’exclure certains articles.

shutter_reloaded_exclude_articles

Spécifier manuellement :

Si vous ne souhaitez pas appliquer cela à toutes vos images mais juste tester le fonctionnement ou simplement maitriser manuellement vos images il faut suffira alors d’ajouter à chaque image une des classe suivante :

 class= »shutter » ou « shutterset » ou « shutterset_nom ».

Il faudra également activer cette fonctionnalité ( la première ) :

« Activer Shutter sur tous les liens pointant vers les images avec ou « shutterset » ou « shutterset_nom ». »

options_shutter_reloaded_by_class

Personnalisation

Toujours dans la même page « Apparence > Shutter Reloaded » , vous pourrez personnaliser le comportement du plugin, notamment au niveau des couleurs:

shutter_reloaded_personalisation

Voilà, j’espère que cet article vous sera utile si vous étiez à la recherche d’un plugin du genre !

A bientôt.

Tags: , , , , , , , ,

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.