Aujourd’hui, je vous propose de découvrir en vidéo un plugin WordPress qui permet de mettre en place un système de lightbox très sympa sur son site : jQuery Colorbox.
A travers cette vidéo de quelques minutes, je présente le plugin, son utilité, ses avantages et j’explique rapidement comment l’installer et le configurer :
En bref, jQuery Colorbox c’est :
- plus de 40 000 téléchargements
- une notation globale de 4,4 / 5
- des mises à jour régulières
- 11 choix de templates
- traduit en 26 langues dont le français
- un plugin entièrement gratuit
Alternatives gratuites :
Merci pour cette vidéo Maximilien. Le plugin est pratique et simple à mettre en place !
En effet l’affichage de l’image est très rapide et agréable, cela met en valeur l’image, j’aime bien.
Merci monsieur Labadie pour cette vidéo, c’est plus parlant !
La lightbox ajoute une forme de classe à un wordpress, mais gare à l’alourdissement des pages qui peut être sanctionné par GG ! Quelqu’un a mesuré l’incidence ?
Hello Maximilien, merci pour la découverte de ce plugin, ma foi fort sympathique 😉
Je ne le connaissais et je pense qu’il pourra grandement intéressé un ami et client photographe !
Au passage, je crois que je te l’avais déjà dit mais le format vidéo est vraiment intéressant. Juste un point améliorable, c’est le son :/ Le rendu est un sourd !
Bonne semaine !
Bonjour,
J’ai déjà essayé plusieurs plugins de lightbox, mais juqu’ici aucun ne m’avait donné entière satisfaction.
Le rendu de celui-ci m’a l’air bluffant, il va donc falloir que je le teste.
Je suis d’accord avec Eric concernant le son de la vidéo.
Un rapide résumé écrit des différentes étapes à suivre serait également un plus pour certains.
Merci pour vos retours, j’essaierai de faire mieux au niveau du son pour la prochaine vidéo et j’ajouterai un résumé plus complet.
Merci pour le plugin, c’est effectivement super sympa pour intégrer ca dans un site de photo , ou alors un site qui utilise les images. Apres comment cité plus haut , c’est un plugin donc ça charge plus de ressources et affecte le temps de chargement. Il faut donc trouver le bon compromis entre esthétique et performance.
Bonjour,
Est-il possible d’insérer le plugin dans un article ou une page ?
Personnellement, je préfère la lightbox qui s’appel FancyBox et dont un plugin WordPress est disponible sur le repository de WordPress => http://wordpress.org/extend/plugins/fancybox-for-wordpress/
C’est juste une question esthétique pour le coup 🙂
Il a l’air pas mal aussi, faudra que je l’essaye 😉
Sympa ce plugin, je le trouve mieux que certains autres que j’ai pu essayer, donc là je suis en train de réfléchir si je vais l’utiliser ou pas, mais je pense que oui.
Pour le tutoriel en tout cas c’est une excellente idée de l’avoir fait en format vidéo 😉
Bonjour,
Pour l’avoir déjà utilisé, je confirme que ce plugin est de bonne qualité.
Souvent mis à jour (important pour la sécurité de votre site web), et facile à mettre en place, je m’en sers souvent pour les sites de mes clients.
J’utilise actuellement Easy fancy box mais c’est vrai que Jquery Colorbox a l’air intéressant.
Tu as testé la compatibilité multi plateformes et multi navigateurs?
Sur mobile ça donne quoi?
Si les images sont de taille fixe, je préfère faire un box moi-même en JavaScript. C’est plus long et plus compliqué à faire, mais tellement plus léger à charger !
Comme le dit Marion, ça alourdit un peu mais bon, ça en jette beaucoup aussi il faut dire =) Après, reste à voir l’utilisation qu’on fait de ses images aussi. Et j’appuie les autres commentaires, le format vidéo, y’a pas plus clair!
oh excellent ce système. Faudrait que je regarde ça de près, que je teste car cela a l’air drôlement pratique pour les images.
Je l’ai essayé récemment, et étrangement, les vidéos ne s’affichaient plus sur mon blog après activation de celui-ci…
Mais il est vrai qu’il est très bien.
Merci pour ce tuyaux fort intéressant.
Bonjour !
C’est aussi le plugin que j’ai choisis que je cherchais une solution, le rendu est sympa je trouve et puis quand j’en ai marre, je peux modifier la light box :).
Un détail, il faut penser à lier l’image au lien de l’image ou la light box ne s’affiche pas.
Je rejoins Eric sur ce point: le format vidéo est sympa mais le son est vraiment très léger :-/.
Merci pour la présentation de ce plugin, je suis tomber dessus par hasard et je viens de l’intégrer a un de mes blogs, rendu vraiment sympas 😉
Tiens je le connaissais pas celui là, thks, le rendu est sympa mais perso je préfère le rendu fancy, après les goûts et les couleurs ….
Très sympa ce plugin, j’utilisais SimpleLightBox mais celui ci me semble plus abouti !
Bon plugin. Par contre, pour moi, il ajoute une lettre négative sur GtMetrix. En gros, le plugin à l’air lourd. A choisi je préfère Fancybox qui ne change rien à mes résultats sur GTMetrix.
Par ailleurs, pour ma part, ce que je déplore, c’est que wordpress ne propose pas une lightbox de base, totalement transparente. Car pour chaque image est créée une page où potentiellement un spammeur peut venir y planter son message inutile.
Salut, merci pour tous ces renseignements sur ce plugin, il très efficace et simple à mettre en place, par ailleurs peut on enlever les boutons Twitter et Facebook ? Merci pour excellent article. Amicalement.
Merci pour l’information, je suis photographe à mes heures avec quelques velléités de blogging et ce plugin me sera très certainement utile lorsque je m’y mettrai!
Les lightbox sont vraiment utiles quand on a un site avec plein d’images…
Et je sais de quoi je parle 😉
jQuery Colorbox est clairement le meilleur plugin gratuit pour de jolies effets de lightbox. Une référence dans la plupart de mes projets 😉
Merci pour cette astuce!
D’autant plus que l’ajout d’une image sur son site est actuellement conseillé pour rendre son site plus attrayant, rendre l’image compatible à une lightbox la rendra beaucoup plus sympa.
Bonjour,
Merci de ce tuto clair…
je cherche depuis 2 j comment mettre en place des lightbox sur mon site, j’ai essayé 5 plugin, aucun ne fonctionne !! Qu’est-ce que je fais de mal ??
Sur mon site, il n’y a qu’un page pour le moment, je voudrais quand on clique sur Allan Wright que son portrait s’ouvre d’ans une lightbox, rien n’y fait ?
Une idée ?
P
Existe-t-il des plugin similaires pour afficher du code html ? je pense par exemple à un genre de « widget text » mais en lightbox.
J’ai essayé au moins cinq plugins avant et rien ne fonctionnait. Et là, en deux minutes, c’est fait ! Merci pour ces explications.
Excellent ce petit plugin, je viens de l’installer et je le trouve carrément SUPER. Je le cherchais depuis. Aujourd’hui je l’ai trouvé 🙂
Merci pour cet excellent partage Max!
A bientôt
Alors dans un 1er tps merci pour ce super tutoriel.
Mais je dois être bête ou quelques choses du genre, J’ai installé tout est beau tout est bien mais quand on clic sur l’image la visionneuse ne se met pas en place.
Quelqu’un peut me dire où j’ai fait une gaffe?
Merci à vous tous pour votre aide.
A bientôt
Salut Helen,
Peut être s’agit-il d’un conflit avec un autre plugin ? Essaye de désactiver les autres plugins pour voir si cela marche correctement après et savoir lequel pose problème.
A bientôt !
ALors je viens de voir que c’est avec mon thème que j’ai créé moi même.
Si j’en mets un de Wordpress ça fonctionne, je suis donc en train de voir où ça beug…
Poufff la route est longue là !!
Merci
Peux tu juste me dire si toi tu ajoutes d’autres choses dans tes pages index.php…
ou d’autres fichier comme des img, js…???
En général, j’utilise toujours des thèmes Wordpress ayant bonne réputation et je ne les édite qu’un peu : pour les traduire, et si besoin pour ajouter quelques petites fonctionnalités en veillant à ce que cela ne rentre pas en conflit avec le thème et les plugins utilisés.
Si tu as créé ton propre thème de A à Z, il est primordial de veiller à respecter le codex de Wordpress au risque de faire face à ce type de problématique… Je te conseillerais d’utiliser un thème de qualité et de le personnaliser à tes besoins, mais en respectant les standards de Wordpress.
Tiens moi informé si tu as trouvé une solution 😉