Présentation d’un petit plugin WordPress qui peut s’avérer très pratique pour afficher des vignettes d’articles sur une page, soit pour rediriger vers l’article en question ou simplement pour ouvrir l’image de présentation en taille réel dans une light box, un peu comme un portfolio, et le tout en responsive avec un script masonry et le chargement des images au fur et à mesure que l’utilisateur descend dans la page, j’ai nommé Cactus Masonry.
J’ai longtemps cherché ce genre de plugin, je n’ai jamais trouvé celui qui rassemblait toutes ces fonctionnalités :
– Masonry : « Cascading grid layout library » comprenez une cascade de vignettes ayant des tailles différentes et présenter sous forme de grille, qui s’adaptera automatiquement à la taille de votre écran (ça c’est le responsive).
Il existe plusieurs biblihotèque Masonry, la plus connu étant sans doute :
Script Masonry
– Et le plus important à mes yeux, le chargement des images au fur et à mesure de la navigation (un peu comme sur votre mur Facebook), cela permet de n’afficher que les images du haut de page évitant ainsi une trop longue attente pour l’utilisateur, imaginer plus de 100 images à charger en une seule fois, on a le temps d’aller faire un tour avant que l’ensemble du site soit affiché. On parle alors de « scroll infini », je ne sais pas si le créateur de Cactus Masonry utilise cette technique mais voici la ressource que j’utilise :
Script JScroll
Et comment ça fonctionne ? c’est juste du bonheur, après avoir installé l’extension il vous suffira de déposer dans la page de votre choix le « shortcode » fournis par le créateur à cette adresse, par exemple :
[cactus-masonry width=’25%’ show_lightbox=’true’ posts_per_page=’15’]
Toutes les vignettes auront donc une largeur de 25%, la vignette s’ouvre en lightbox, et le scroll infini charge de nouvelles vignettes toutes les 15 images. Et le nombre d’option est juste incroyable je vous laisse découvrir par vous-même.
Bref un excellent plugin pour afficher très simplement l’ensemble de ses articles avec mise en page masonry et le scroll infini… très efficaces pour un portfolio par exemple, je l’utilise d’ailleurs pour le site r3lief.com.
Cactus Masonry