Comment ajouter un widget Flickr dans WordPress
Voulez-vous ajouter un widget Flickr dans WordPress ?
En créant un widget Flickr, vous pouvez afficher des images, des vidéos et même des albums entiers sur votre site WordPress. C'est un moyen simple de garder votre contenu à jour et attrayant et d'augmenter le nombre de vos abonnés sur Flickr.
Dans cet article, nous allons vous montrer comment ajouter un widget Flickr à votre site WordPress.
Comment ajouter un widget Flickr dans WordPress
Le moyen le plus simple d’ajouter un widget Flickr dans WordPress consiste à utiliser Photonic. Ce plugin vous permet d'afficher le contenu de nombreux sites Web et plates-formes différents, notamment Google Photos, SmugMug et Flickr.
Pour afficher le contenu de Flickr, vous aurez besoin d'un certificat SSL. Si vous avez besoin d'aide, veuillez consulter notre guide sur la façon d'obtenir un certificat SSL gratuit pour votre site Web WordPress.
Après cela, vous êtes prêt à installer et activer le plugin Photonic. Vous pouvez consulter notre guide sur la façon d’installer un plugin WordPress pour des instructions étape par étape.
Lors de l'activation, rendez-vous sur Photonic » Paramètres. Vous pouvez ensuite continuer et cliquer sur l’onglet « Flickr ».
Une fois que vous avez fait cela, cliquez sur le lien « Paramètres Flickr ».
Pour commencer, vous devrez connecter Photonic à votre compte Flickr en créant une clé API et un secret. Pour obtenir ces informations, vous devez d’abord créer une application sur le site Flickr.
Créer une application semble technique, mais ne vous inquiétez pas. Vous n’avez pas besoin de connaître de code et nous vous guiderons à chaque étape.
C'est une bonne idée de créer la clé et le secret dans un nouvel onglet, afin que vous puissiez facilement basculer entre le site Web Flickr et votre tableau de bord WordPress.
Dans un nouvel onglet de navigateur, rendez-vous sur la page de l'API Flickr. Sur cette page, cliquez sur le lien « Demandez votre clé en ligne maintenant ».
Vous pouvez maintenant saisir l'adresse e-mail et le mot de passe que vous utilisez pour votre compte Flickr.
Une fois connecté à votre compte, vous devrez indiquer à Flickr si vous envisagez d'utiliser le widget Flickr pour un projet commercial ou non commercial.
Si vous créez un blog WordPress personnel ou un site Web pour petite entreprise, vous pouvez cliquer sur le bouton « Demander une clé non commerciale ».
Sur l'écran suivant, donnez un nom à votre application en tapant dans le champ « Quel est le nom de votre application ». Les visiteurs de votre site ne verront pas le nom puisqu’il est uniquement destiné à votre propre référence.
Il existe également une boîte « Que construisez-vous » dans laquelle vous pouvez indiquer à Flickr comment vous allez utiliser l'application.
Après avoir saisi toutes ces informations, c’est une bonne idée de lire attentivement les termes et conditions de Flickr. Si vous souhaitez continuer, cliquez simplement sur le bouton « Soumettre ».
Flickr affichera désormais une clé API et un secret que vous pouvez utiliser pour connecter le site Web Flickr à l'application Photonic.
Copiez simplement la clé et le secret, puis revenez à votre tableau de bord WordPress. Vous pouvez maintenant coller ces deux valeurs dans les champs « Clé API Flickr » et « Secret API Flickr ».
Après cela, faites simplement défiler vers le bas de l’écran et cliquez sur le bouton « Enregistrer les paramètres Flickr de la page ».
À ce stade, Platonic a accès au site Flickr. L'étape suivante consiste à autoriser le plugin à accéder à votre compte Flickr.
Pour ce faire, rendez-vous sur Photonic » Authentification dans votre tableau de bord WordPress. Vous pouvez ensuite cliquer sur le bouton « Connectez-vous et obtenez un jeton d’accès depuis Flickr ».
Cela vous amène à un écran où vous pouvez saisir votre nom d'utilisateur et votre mot de passe Flickr.
Une fois que vous avez fait cela, cliquez simplement sur « Connexion ».
Flickr affichera désormais des informations sur les actions que Photonic peut effectuer et les données auxquelles il aura accès.
Si vous souhaitez accorder ces autorisations à Photonic, vous pouvez cliquer sur le bouton « OK, je l'autoriserai ».
Après avoir cliqué sur ce bouton, vous serez automatiquement renvoyé au tableau de bord WordPress.
Sur cet écran, vous verrez un nouveau jeton d'accès et un nouveau jeton d'accès secret. Pour ajouter ces jetons aux paramètres de Photonic, cliquez simplement sur le bouton Enregistrer le jeton.
WordPress vous amènera maintenant à l'écran Photonic » Paramètres avec le jeton d'accès et le secret du jeton d'accès déjà collés dans les champs appropriés.
Après cela, vous devrez configurer quelques paramètres supplémentaires.
Pour commencer, vous souhaiterez peut-être définir un utilisateur par défaut. Photonic vous permet d'afficher le contenu de votre compte Flickr ou de tout autre compte public.
Dans une étape ultérieure, nous vous montrerons comment afficher différents comptes Flickr lors de la création du widget Flickr.
Cependant, vous souhaiterez peut-être définir un compte par défaut. Par exemple, si vous envisagez d'afficher uniquement le contenu de votre compte Flickr personnel, définir cette valeur par défaut peut vous faire gagner du temps. Vous pouvez toujours remplacer ce paramètre si nécessaire.
Pour définir un utilisateur par défaut, ouvrez un nouvel onglet, puis accédez au compte Flickr que vous souhaitez utiliser. Vous pouvez ensuite copier l'URL dans la barre d'adresse de votre navigateur, qui devrait ressembler à https://www.flickr.com/photos/username/.
Maintenant, revenez à votre tableau de bord WordPress et collez l'URL Flickr dans le champ « Utilisateur par défaut ».
Une fois que vous avez fait cela, vous pouvez personnaliser la façon dont Photonic affiche le contenu dans le widget Flickr de votre site Web.
Pour commencer, vous pouvez cliquer sur le menu déroulant « Médias à afficher » et choisir d'afficher uniquement les photos, les vidéos uniquement ou les photos et les vidéos.
Après cela, vous pouvez choisir la taille des vignettes qui apparaîtront dans votre widget Flickr.
Lorsqu'un visiteur arrive sur votre site, Photonic affichera un aperçu miniature de toutes vos images et vidéos, comme vous pouvez le voir dans l'image suivante.
Les visiteurs peuvent voir une version plus grande de chaque image ou vidéo en cliquant sur sa vignette.
Photonic a quelques mises en page différentes, mais l'image suivante montre un exemple de l'apparence des versions plus grandes sur votre site Web.
Pour modifier la taille des vignettes, ouvrez simplement le menu déroulant « Taille des vignettes », puis choisissez une valeur dans la liste.
Ensuite, vous pouvez choisir la taille de l'image qui apparaît lorsque le visiteur clique sur une vignette. Pour ce faire, ouvrez simplement la liste déroulante « Taille de l’image principale », puis choisissez une taille dans la liste.
Envisagez-vous d'afficher des vidéos dans votre widget Flickr ? Ensuite, vous devrez ouvrir le menu déroulant « Taille de la vidéo » et choisir la taille de la lightbox vidéo sur votre site Web.
Une lightbox est simplement une fenêtre contextuelle qui affiche le contenu vidéo, semblable à un lecteur vidéo. Tant que la lightbox est ouverte, les visiteurs ne pourront pas interagir avec le reste de la page.
Il y a d'autres paramètres que vous voudrez peut-être examiner. Cependant, cela devrait être un bon début pour la plupart des sites WordPress.
Lorsque vous êtes satisfait des informations que vous avez ajoutées, faites défiler vers le bas de l'écran, puis cliquez sur le bouton « Enregistrer les paramètres Flickr de la page ».
Maintenant que vous avez configuré le plugin, vous pouvez ajouter un widget Flickr à n'importe quelle publication, page ou zone prête à accueillir un widget.
Pour cet exemple, nous allons vous montrer comment l'ajouter à une page ou à une publication, mais les étapes sont similaires pour toutes les zones prêtes pour les widgets.
Pour commencer, ouvrez simplement la page ou la publication sur laquelle vous souhaitez ajouter le widget Flickr. Ici, cliquez sur l'icône + puis tapez « Photonic Gallery » pour trouver le bon bloc.
Une fois que vous avez cliqué sur le bloc Photonic Gallery, le bloc sera ajouté à votre site Web.
Après cela, continuez et cliquez sur Ajouter une galerie photonique.
Cela ouvre une fenêtre contextuelle dans laquelle vous pouvez choisir d'où Photonic doit obtenir ses images et vidéos, comme Instagram ou Google Photos.
Remarque : Vous souhaitez créer une galerie Instagram sur votre site Web ? Nous recommandons le plugin Smash Balloon car il est simple à utiliser et puissant. Découvrez comment créer un flux de photos Instagram personnalisé dans WordPress.
Puisque nous souhaitons ajouter un widget Flickr dans WordPress, cliquez sur « Flickr ». Ensuite, continuez et cliquez sur le bouton « Suivant ».
Vous pouvez maintenant ouvrir le menu déroulant et choisir le type de contenu que vous souhaitez afficher.
Il peut s'agir d'une seule photo, de plusieurs photos ou même d'albums Flickr entiers, de galeries d'images ou de collections.
Après avoir choisi une option, vous devrez spécifier le compte Flickr à partir duquel Photonic doit obtenir le contenu.
L'option la plus simple consiste simplement à obtenir les photos ou vidéos du nom d'utilisateur par défaut que vous avez ajouté aux paramètres Photonic. Pour ce faire, cliquez simplement sur le bouton radio « Utilisateur actuel ».
Vous souhaitez afficher le contenu d'un autre compte Flickr ? Cliquez ensuite sur le bouton radio « Un autre utilisateur ».
Cela ajoute un nouveau champ dans lequel vous pouvez coller l'URL du compte Flickr que vous souhaitez utiliser.
Une autre option consiste à afficher des images et des vidéos d'un groupe Flickr. Pour ce faire, cliquez simplement sur le bouton radio « Groupe ».
Ensuite, dans un nouvel onglet, accédez au groupe que vous souhaitez utiliser. Vous pouvez maintenant copier l'URL, qui devrait ressembler à https://www.flickr.com/groups/group-name.
Maintenant, revenez au tableau de bord WordPress et collez l'URL dans le champ « Nom du groupe ».
Après avoir choisi une option, continuez et cliquez sur le bouton « Suivant ».
Sur l'écran suivant, vous verrez un aperçu de toutes les différentes images et vidéos que Photonic affichera dans votre widget Flickr.
Si vous ne souhaitez pas afficher toutes ces images et vidéos, vous pouvez filtrer le contenu en fonction de la façon dont il est étiqueté sur Flickr.
Dans le champ « Balises », saisissez simplement les balises que vous souhaitez utiliser. Si vous souhaitez utiliser plusieurs balises dans votre filtre, séparez simplement chaque balise par une virgule.
Désormais, Photonic n'affichera que les images et les vidéos comportant ces balises.
Si vous saisissez plusieurs balises, vous devrez choisir d'afficher tous les médias comportant l'une de ces balises ou uniquement les médias comportant toutes les balises.
Pour ce faire, ouvrez la liste déroulante « Mode balise » et cliquez sur « N'importe quelle balise » ou « Toutes les balises ».
Sachez simplement que les aperçus miniatures de cette page ne seront pas mis à jour automatiquement. Si vous apportez des modifications, l'aperçu risque de ne pas afficher les images et les vidéos qui seront incluses dans votre widget Flickr terminé.
Lorsque vous êtes satisfait des modifications que vous avez apportées, cliquez sur « Suivant ».
Sur cet écran, vous verrez toutes les différentes mises en page que vous pouvez utiliser pour le widget Flickr, telles que Square Grid et Slideshow.
Cliquez simplement sur la mise en page que vous souhaitez utiliser, puis cliquez sur le bouton « Suivant ».
Sur l'écran suivant, vous verrez certains paramètres que vous pouvez utiliser pour personnaliser la façon dont les images et les vidéos sont affichées dans votre widget Flickr.
Vous pouvez voir différents paramètres en fonction de la mise en page choisie. Par exemple, si vous utilisez une disposition de grille d'icônes circulaire ou de grille carrée, vous pourrez alors choisir le nombre de colonnes à inclure dans le widget Flickr.
Pendant ce temps, si vous utilisez une mise en page Diaporama, vous devrez choisir d'afficher les vignettes au-dessus ou en dessous du diaporama.
Une fois que vous avez terminé de parcourir les paramètres de votre mise en page, cliquez sur le bouton « Suivant ».
La fenêtre contextuelle affichera maintenant le code qu'elle ajoutera à votre site Web. Si vous souhaitez continuer, cliquez sur le bouton « Suivant ».
Photonic n'affiche pas le contenu Flickr dans l'éditeur de publication, vous devrez donc cliquer sur le bouton « Aperçu » pour voir à quoi ressemblera le widget aux personnes qui visitent votre site Web.
Une fois que vous êtes satisfait de l’apparence du widget Flickr, vous pouvez continuer et mettre à jour ou publier cette page comme d’habitude.
Nous espérons que cet article vous a aidé à apprendre comment ajouter un widget Flickr dans WordPress. Vous pouvez également consulter notre guide sur la façon de créer votre propre podcast ou consulter notre sélection d'experts des meilleurs services téléphoniques professionnels pour les petites entreprises.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.