How to Add a Flickr Widget in WordPress (The Easy Way)

Vous voulez montrer vos photos Flickr sur votre site WordPress ?

WordPress dispose d'un bloc Flickr intégré pour des intégrations simples, tandis que le plugin gratuit Photonic vous donne plus de contrôle sur les galeries, les albums, les mises en page et les photos privées.

Dans ce guide, nous vous montrerons les deux méthodes afin que vous puissiez choisir celle qui convient le mieux à la manière dont vous souhaitez afficher vos photos Flickr.

Voici un bref aperçu de ce que nous allons couvrir dans ce guide.

Méthode 1 : Ajouter des photos ou des albums Flickr sans plugin

WordPress est livré avec un bloc Flickr intégré, donc si vous avez seulement besoin d'afficher un fichier multimédia Flickr public, vous pouvez simplement utiliser le bloc.

Commencez par ouvrir la page de photo, d'album, de galerie ou de vidéo Flickr que vous souhaitez intégrer. Copiez ensuite son URL depuis la barre d'adresse de votre navigateur.

Accédez maintenant à votre article ou page WordPress où vous souhaitez ajouter le fichier multimédia. Cliquez sur l'icône +, recherchez 'Flickr' et ajoutez le bloc.

Collez l'URL dans le bloc et cliquez sur 'Intégrer'. WordPress récupère la photo ou l'album directement depuis Flickr.

Gardez simplement à l'esprit que cette méthode a trois limitations principales.

• Vous ne pouvez afficher que du contenu Flickr public.
• Lorsque quelqu'un clique sur le fichier, il sera redirigé vers Flickr.
• Un album intégré affiche une photo à la fois avec des flèches pour naviguer, au lieu de la disposition en grille que vous obtiendriez d'un plugin de galerie.

Méthode 2 : Ajouter des photos ou des albums Flickr avec un plugin

Si vous souhaitez que WordPress récupère automatiquement les nouvelles photos de votre compte Flickr et les affiche sous forme de galerie ou de flux de photos, utilisez le plugin Photonic.

Photonic se connecte à Flickr via son API, de sorte que votre galerie WordPress peut afficher des photos directement depuis votre compte Flickr. Cependant, Flickr exige désormais un plan Pro pour créer une clé API, ce qui coûte 11 $ par mois ou 82 $ par an.

Photonic prend en charge les éditeurs de blocs et classiques, ainsi que les albums Flickr (appelés photosets), les galeries et les collections. Vous pouvez également connecter votre compte Flickr pour afficher des photos privées et protégées.

Étape 1 : Installer Photonic et le connecter à votre compte Flickr

Pour afficher automatiquement vos photos Flickr dans WordPress, commencez par connecter le plugin Photonic à votre compte Flickr.

Installez et activez le plugin gratuit Photonic. Pour obtenir de l’aide, consultez notre tutoriel sur comment installer un plugin WordPress.

Après l’activation, allez dans Photonic » Réglages » Flickr et cliquez sur le lien « Réglages Flickr ».

Pour connecter le plugin, vous aurez besoin d’une clé API et d’un secret Flickr. Passez donc d’abord à Flickr Pro si ce n’est pas déjà fait.

Ouvrez ensuite le App Garden de Flickr dans un nouvel onglet et demandez une clé.

Flickr vous demandera de vous connecter, de choisir si l’application est destinée à un usage commercial ou non commercial, et de nommer l’application. Ensuite, il vous fournira votre clé et votre secret.

Copiez-les et collez-les dans leurs champs dédiés dans WordPress, puis enregistrez.

De là, allez dans Photonic » Authentification et cliquez sur « Connexion et obtention du jeton d’accès de Flickr ».

Connectez-vous avec votre compte Flickr, et une fois que Flickr vous montre ce à quoi Photonic peut accéder, cliquez sur « OK, je l’autorise ».

WordPress vous ramène avec un jeton d’accès et un secret de jeton d’accès déjà remplis. Cliquez donc sur « Enregistrer le jeton » pour terminer.

Étape 2 : Personnaliser les paramètres de votre widget Flickr

Avant d’ajouter votre galerie, définissez le compte Flickr que vous souhaitez que Photonic utilise par défaut dans Photonic » Réglages » Flickr.

Copiez l’URL de votre profil depuis Flickr. Elle ressemble à flickr.com/photos/votrenomutilisateur/.

Ensuite, ouvrez le menu déroulant « Médias à afficher » pour choisir uniquement les photos, uniquement les vidéos, ou les deux.

Choisissez la taille de la vignette pour votre galerie et la taille de l’image principale que les visiteurs verront lorsqu’ils cliqueront sur une photo.

Si vous prévoyez d’afficher des vidéos, définissez également une taille de fenêtre modale pour les vidéos, puis enregistrez vos modifications.

Étape 3 : Intégrer le bloc de galerie Flickr automatisé

Les étapes pour ajouter le bloc Galerie Photonic sont légèrement différentes selon que vous utilisiez un thème WordPress classique ou un thème basé sur des blocs.

Si vous utilisez un thème basé sur des blocs, allez dans Apparence » Éditeur, ouvrez la partie du modèle pour votre barre latérale ou votre pied de page, et ajoutez-y le bloc Galerie Photonic.

Si vous utilisez un thème classique, allez dans Apparence » Widgets et ajoutez le bloc Galerie Photonic à votre zone de widgets de barre latérale ou de pied de page.

Une fois que vous avez ajouté le bloc, cliquez sur « Ajouter une galerie Photonic » pour lancer l’assistant de configuration.

Dans l’assistant, choisissez « Flickr » comme source et sélectionnez si vous souhaitez afficher une seule photo, plusieurs photos, ou un album, une galerie ou une collection entière.

Sélectionnez ensuite le compte Flickr à partir duquel récupérer les données.

Si vous choisissez « Utilisateur actuel », Photonic utilise le compte Flickr par défaut que vous avez déjà configuré. Choisissez « Autre utilisateur » si vous souhaitez afficher des photos d’un autre compte Flickr, ou « Groupe » pour récupérer des photos d’un groupe Flickr.

Cliquez sur « Suivant » pour prévisualiser les images trouvées par Photonic.

Si vous ne souhaitez afficher que les photos avec des étiquettes spécifiques, ajoutez les étiquettes dans le champ Étiquettes et choisissez si les photos doivent correspondre à n’importe laquelle ou à toutes.

Ensuite, choisissez une mise en page, comme un carré, un cercle, une maçonnerie, des mosaïques carrelées. Vous pouvez également activer une lightbox afin que les visiteurs puissent cliquer sur n'importe quelle photo pour la voir dans une vue plus grande et sans distraction.

Ajustez les paramètres de cette mise en page, tels que le nombre de colonnes.

Cliquez sur le bouton « Suivant », puis utilisez la fonction « Aperçu » de WordPress pour voir à quoi ressemblera la galerie Flickr sur votre site avant de la publier.

Une fois que vous êtes satisfait de l'aperçu, vous pouvez maintenant mettre à jour ou publier vos modifications.

Visitez votre site Web pour voir la galerie Flickr en action. Cliquer sur les miniatures les ouvrira dans une fenêtre contextuelle de type lightbox.

FAQ du widget Flickr

Puis-je afficher des photos d'un compte Flickr privé ?

Pas avec le bloc Flickr intégré, qui intègre uniquement du contenu public. Avec le plugin Photonic, oui. Une fois que vous avez terminé l'authentification Flickr dans les paramètres de Photonic, il affiche vos photos privées et celles de vos amis et de votre famille à chaque visiteur.

L'ajout d'un widget Flickr ralentira-t-il mon site web ?

Cela ne rendra pas vos pages plus rapides à charger, mais cela économise la bande passante de votre propre hébergement, car les serveurs de Flickr livrent les images au lieu des vôtres. Un plugin de mise en cache et le chargement différé aident toujours le reste de votre page, mais ils ne s'appliquent pas à une galerie que Flickr diffuse.

Pourquoi mon intégration affiche-t-elle « Désolé, ce contenu n'a pas pu être intégré » ?

Cela signifie généralement que vous n'avez pas défini la photo ou l'album sur public, alors vérifiez ses paramètres de confidentialité sur Flickr.

Cela peut également se produire si vous avez collé un lien raccourci ou rogné au lieu de l'URL complète de la page Flickr. Copiez l'adresse directement depuis la barre d'adresse de votre navigateur et réessayez.

Nous espérons que cet article vous a aidé à apprendre comment ajouter un widget Flickr dans WordPress. Vous voudrez peut-être aussi consulter notre tutoriel sur la création d'une galerie de photos avec des albums dans WordPress et notre guide SEO d'images.

Si vous avez aimé cet article, abonnez-vous à notre Chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.