Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment ajouter des liens personnalisés aux images de la galerie dans WordPress

L’une des questions les plus fréquentes que nous recevons à propos des galeries d’images WordPress est de savoir s’il est possible d’ajouter des liens personnalisés à chaque image de la galerie. La réponse est oui, et il y a en fait plusieurs façons de le faire. Et heureusement, elles sont toutes très faciles à réaliser.

L’ajout d’URL à vos galeries peut aider les visiteurs à en savoir plus sur les produits, les images et les photos mis en avant dans cette galerie. Cela peut encourager les internautes à s’intéresser à votre contenu.

Sans plus attendre, voyons comment ajouter des liens personnalisés aux images de la galerie dans WordPress.

Add custom links to gallery images

Le bloc Galerie vous permet d’afficher une collection d’images dans une belle mise en page. C’est parfait pour afficher les images de vos produits, les photos d’un portfolio en ligne, et bien plus encore.

Il peut arriver que vous souhaitiez lier une image d’une galerie à une page, une publication ou même une page externe. Vous permettez ainsi aux internautes d’en savoir plus sur l’image ou d’agir, par exemple en achetant le produit mis en avant dans la galerie d’images.

C’est un excellent moyen de maintenir l’intérêt des internautes et d’encourager les conversions. Vous pourriez même ajouter des liens d’affiliation à votre galerie d’images pour gagner plus d’argent.

Ceci étant dit, voyons comment vous pouvez ajouter des liens personnalisés aux images de la galerie dans WordPress. Utilisez simplement les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser :

Vous pouvez créer un lien vers n’importe quelle page ou publication de votre site WordPress en utilisant la ligne de boutons qui apparaît au-dessus de chaque image dans le bloc Galerie. Il s’agit d’une méthode simple et rapide qui ne nécessite aucune extension WordPress supplémentaire.

Cependant, vous ne pouvez pas créer de liens vers des pages externes en utilisant cette méthode. Cela peut poser problème si vous souhaitez ajouter des URL d’affiliation ou créer un lien vers une page qui ne fait pas partie de votre site WordPress.

Il n’y a également aucun moyen d’ajouter l’URL à l’image dans votre médiathèque WordPress, vous devrez donc ajouter le lien manuellement chaque fois que vous voudrez l’utiliser. Dans ce cas, vous pouvez utiliser l’extension mentionnée dans la méthode 2 à la place.

Pour aller de l’avant et ajouter des liens personnalisés en utilisant les outils intégrés de WordPress, il suffit de créer une nouvelle publication ou page ou de modifier une page existante où vous souhaitez créer la galerie. Cliquez ensuite sur le bouton « + Ajouter un bloc ».

Dans la fenêtre surgissante, tapez « Galerie » et sélectionnez le bloc de droite lorsqu’il apparaît.

How to add a gallery in WordPress

Cela permet d’ajouter un bloc Galerie à votre mise en page.

Si vous souhaitez sélectionner un fichier existant sur votre site WordPress, cliquez sur  » Bibliothèque des médias « .

Adding images to a gallery in WordPress

Si vous souhaitez télécharger de nouveaux fichiers d’images, sélectionnez « Téléverser » et ajoutez les images que vous souhaitez utiliser.

Une fois que les images se trouvent dans votre médiathèque, sélectionnez l’onglet « Bibliothèque ». Il vous suffit ensuite de cliquer sur chaque image que vous souhaitez ajouter à la galerie.

Lorsque vous êtes satisfait de votre sélection, il vous suffit de cliquer sur « Créer une nouvelle galerie ».

Creating a new gallery in the WordPress dashboard

Sur l’écran suivant, vous pouvez ajouter les légendes d’images que vous souhaitez utiliser.

Cliquez ensuite sur « Insérer une galerie ».

Adding captions to an image gallery in WordPress

Il ne vous reste plus qu’à cliquer sur l’image à l’endroit où vous souhaitez ajouter le lien.

Dans la barre d’outils qui apparaît, cliquez sur le bouton « Insérer un lien ».

Adding links to a product gallery on an online store

Vous pouvez maintenant taper le nom de la page ou de la publication que vous souhaitez utiliser.

Lorsque le bon lien s’affiche, cliquez dessus.

Adding URLs to a product or image gallery in WordPress

Par défaut, le lien s’ouvrira dans le même onglet du navigateur. Si vous souhaitez plutôt ouvrir le lien dans un nouvel onglet, cliquez sur la petite flèche pointant vers le bas.

Cliquez ensuite pour activer le diaporama « Ouvrir dans un nouvel onglet ».

Opening URLs in a new tab in a product, image, or photo gallery

Vous pouvez désormais ajouter des liens personnalisés à n’importe quelle image de la galerie en suivant simplement le même processus que celui décrit ci-dessus.

Lorsque vous êtes satisfait de la façon dont la galerie est définie, cliquez sur « Publier » ou « Mettre à jour » pour la rendre directe.

Publishing a WordPress gallery with links

Maintenant, si vous visitez votre site WordPress, vous verrez la nouvelle galerie en action.

Méthode 2 : Utilisation des liens personnalisés de la galerie (meilleure solution pour réutiliser les images)

Si vous souhaitez créer un lien vers une page ou un site externe, vous pouvez utiliser l’extension Gallery Custom Links.

Cette extension gratuite ajoute une nouvelle section à la médiathèque de WordPress, afin que vous puissiez ajouter le lien à l’image elle-même plutôt que de l’insérer dans l’éditeur de blocs Gutenberg.

Cette fonction est particulièrement utile si vous avez l’intention d’utiliser la même image et le même lien à plusieurs endroits de votre site, car vous n’aurez pas besoin d’ajouter l’URL manuellement à chaque fois.

La première chose à faire est d’installer et d’activer le plugin Gallery Custom Links. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Cette extension fonctionne dès la boîte, il n’y a donc aucun réglage à configurer. Il suffit d’aller sur la page ou la publication où vous souhaitez créer la galerie, puis de cliquer sur le bouton  » + « .

Dans la fenêtre surgissante, tapez « Galerie » et sélectionnez le bloc de droite lorsqu’il apparaît.

How to add a gallery in WordPress

Vous pouvez maintenant cliquer sur le bouton « Médiathèque ».

Ici, vous pouvez soit téléverser des fichiers depuis votre ordinateur, soit sélectionner n’importe quelle image dans la médiathèque de WordPress. Quelle que soit l’option choisie, vous trouverez dans le menu de droite de nouveaux Réglages pour l’URL du lien.

Adding custom links to gallery images in WordPress

Ici, vous pouvez saisir l’URL vers laquelle vous souhaitez établir un lien. Vous pouvez également choisir si le lien s’ouvrira dans un nouvel onglet ou dans l’onglet actuel à l’aide du menu déroulant « Cible du lien ».

Il suffit de répéter ces étapes pour chaque image que vous souhaitez afficher dans la galerie de votre blog WordPress.

Lorsque vous êtes satisfait de la façon dont la galerie est configurée, cliquez sur « Créer une nouvelle galerie ».

How to add links to images in a WordPress gallery

Vous pouvez ensuite cliquer sur « Mettre à jour » ou « Publier » pour mettre la galerie en direct. Il ne vous reste plus qu’à cliquer sur une image de la galerie pour accéder à la page ou à la publication liée.

Peut-être souhaitez-vous créer une galerie avec une extension de galerie parce que vous n’êtes pas satisfait des options intégrées proposées par WordPress. Mais vous voulez vous assurer que vous pouvez ajouter des liens personnalisés aux images que vous ajoutez.

Si c’est votre cas, alors vous voudrez utiliser Envira Gallery.

Envira Gallery est la meilleure extension de galerie WordPress sur le marché. En plus d’offrir plusieurs mises en page de galerie, il dispose également d’une fonctionnalité pratique de chargement paresseux pour éviter que votre galerie ne ralentisse votre site.

Note : Pour ce tutoriel, nous utiliserons la version premium d’Envira Gallery car elle offre de nombreuses fonctionnalités avant comme la protection du clic droit et les albums photos. Mais ce guide fonctionnera également avec l’extension Envira gratuite.

Tout d’abord, vous devez installer l’extension WordPress et l’activer. Ensuite, cliquez sur « Ajouter une nouvelle ».

Ensuite, donnez un titre à votre nouvelle galerie afin de pouvoir l’identifier facilement ultérieurement. Une fois cela fait, il vous suffit de cliquer sur  » Sélectionner des fichiers à partir d’autres Sélectionnés « .

Creating a new Envira Gallery

Ici, vous pouvez simplement ajouter vos images à WordPress comme d’habitude ou choisir des images existantes dans la médiathèque.

Vous pouvez également appuyer sur la touche  » Ctrl  » pour Windows ou  » Commande  » pour macOS de votre clavier pour sélectionner plusieurs images à la fois. N’hésitez pas à modifier également la taille et l’alignement de l’image.

Cliquez ensuite sur « Insérer dans la galerie ».

Selecting images to add in Envira Gallery

Pour commencer à ajouter des liens personnalisés aux images de votre galerie, défilez vers le bas de la page jusqu’à l’onglet « Galerie ».

Cliquez ensuite sur le bouton « Modifier » de l’une des miniatures de l’image.

Clicking the pencil edit button to customize an image in an Envira Gallery

Une nouvelle fenêtre apparaît.

Dans le champ « URL », vous devez remplacer le lien du fichier multimédia par votre URL personnalisé. Vous pouvez également cocher la case « Ouvrir l’URL dans une nouvelle fenêtre » pour que les liens vers les images s’ouvrent dans une nouvelle fenêtre ou un nouvel onglet du navigateur.

Une fois cela fait, il suffit de cliquer sur « Enregistrer les métadonnées ».

Adding a custom link to an image in Envira Gallery

Voilà, c’est fait. Il vous suffit maintenant de répéter les mêmes étapes pour ajouter des liens hypertextes personnalisés pour chaque image individuelle.

Une fois que vous avez ajouté les liens et configuré les réglages de la galerie, vous pouvez cliquer sur « Enregistrer le brouillon » pour enregistrer la galerie ou sur « Publier » pour la rendre accessible au public.

Saving a gallery in Envira Gallery

Si vous avez besoin d’aide pour créer des galeries d’images, consultez ces tutoriels WordPress :

Nous espérons que cet article vous a aidé à ajouter des liens personnalisés aux images de la galerie dans WordPress. Vous pourriez également vouloir voir nos choix d’experts des meilleures sources d’images gratuites du domaine public et sous licence CC0 et notre guide du débutant sur les tailles d’images WordPress.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

52 commentairesLaisser une réponse

  1. Daniel

    This post is really helpful. It just helped me beyond my thoughts, I even think that it’s impossible to do this and no one has a post about this. Thanks very much

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrateur

  2. Olaf

    I came across this tutorial. It seems that the recomended plug-in « WP Gallery Custom Links  » is deactivated since Jan 2019. I found a working replacement for that: « Gallery Custom Links » (without « WP » in the name) that works in my WP 5.0 installation

    • WPBeginner Support

      Thank you for letting us know about this plugin as we look into updating this article :)

      Administrateur

  3. Miranda

    Can someone explain how to get Gallery Custom Links to work? I installed and activated it but when I went to my gallery I didn’t have any custom link meta fields out of the box like the one in the example.

    • WPBeginner Support

      You would want to go to the plugin’s page and post on their support forum and the plugin’s support should be able to assist you :)

      Administrateur

  4. Henny

    Excellent information. Thanks!

    • WPBeginner Support

      You’re welcome :)

      Administrateur

  5. James Hay

    I love WP beginner and find it very useful. However, it seems your solution to literally everything is to install a plugin. If I was to follow your advice, I’d have about a million plugins by now to achieve simple tasks. It’s actually frustrating, every articles solution is to install a plugin.

  6. alexandria

    This plug in was closed on January 6th- do you have another you’d suggest?

  7. Yarina

    Hi, just a quick update on users looking to install the plugin mentioned here: it looks like it is not up-to-date with the latest versions of WP, according to recent reviews on the plugin page « WP Gallery Custom Links » :S

  8. J Brinker

    Thank you so much for this! I had been looking at installing all sorts of new galleries and none of them were what I was looking for. This was the perfect solution.

    Now I’d be interested if it would also work with a carousel gallery, so they can get a closeup of the image and then click on that to a link.

    Either way your plugin is awesome and much appreciated!!!

  9. Jordy Meow

    This plugin is not being updated, and the author doesn’t seem keen to do anything about it, not to help its users. The plugin only works with the standard gallery, doesn’t work with any other even the new Gallery Block brought by WordPress 5.0.

    I proposed to help but was ignored. I developed my own, which worked with most galleries, and much cleaner/faster than this one. Please have a look: Gallery Custom Links and if any issue, let me know. I will make it work :)

  10. Kristian

    Hi
    I cant get it to work in the gallery i Themify Ultra theme?
    best, kristian

  11. Jocelyne Harding

    Just what I needed! Perfect, thank you so much, took a lot of stress off my plate.

  12. Moussa

    your support is very beneficial and effective, thank you for this amazing forum

  13. Ana

    Hi! thank you for your post. I installed it and can’t get any of the images in my gallery to be clickable. I’ve been playing around with it and trying different options but no luck. Some help please? :)

  14. Mark

    Thanks for this article. I wasted so much time looking at all of these carousel plugins that did so many complex, Java-driven things when all I wanted was the functionality this one gives you.

  15. Dhanuka

    This plugin saved me from a big headache

  16. Gina

    I really like the WP Gallery Custom Links but I want to take off the part of COMMENTS. I just want a link of my photos and the explanation …nothing more. How can I take off the COMMENTS PART?

  17. Ed McCarthy

    Do you have any idea just how much time and energy and effort you saved me? I should have looked here first, but hey, I found just what I needed. By the way, this is working just fine with the WP Image Gallery. Also, support for this plugin is being maintained now by « johnogg » and seems like he’s doing a top notch job! Thank you so very much for this tutorial/post. You guys are awesome! Ed McCarthy

  18. Rochelle

    This plugin says the author is no longer supporting it. Any other ideas?

  19. Steve

    Does this plugin still work?
    I installed it and can’t get any of the images in my gallery to be clickable. I’ve been playing around with it and trying different options but no luck. It would be a brilliant plugin if I could get it to work..

    Thanks!

    • Steve

      Nevermind. I finally got it working when I switched the general setting to link to « media file ».
      Thanks!

      • Sarah Porter

        Could you explain how you switched to « media file » because I do not see this option. Currently my photos (when clicked) are just enlarging the photo itself, and the link seems almost nonexistent

  20. Axel

    Thanks for the tip, it was exactly what I needed.

    Keep up the good work.

  21. Neel

    Can anybody help making the WordPress Gallery responsive??

  22. Mudasir

    I want have uploaded an image in my site which ontain a link I want to made that link no follow but i click on the no follow button its says no hyperlink. What should I do

  23. Steve Denger

    That is so cool! You guys always have the answers and I value your site!

  24. Adrian

    I had the same problem as ‘K’ (who posted on Jun 6, 2015 at 12:53 pm) – took a while to workout but you need the full address (including http:// ) to get external links to work correctly.

    Very helpful pluggin.

  25. K

    When I type in the url I would like the image to link to everything works except the URL of the linked page just gets tagged to the end of MY pages URL and therefore gets a mistake message saying that the url doesnt exist (because it’s now two URLs stacked) Please help! Would love this to work!

  26. twifordmin

    Will this enable me to post an image on Facebook so that when people click on the image it takes them to a post in Wordpress?

  27. Ali Khan

    Nice Info. How can we wrap text around the images without corners of the images protruding out of the text alignment ? Is it the width of the page or something to do with the style. ?

  28. Doreen Sargente

    Are there any tutorials on how to use this plug in with the newest version of WP? I’ve been happily using it for nearly a year but since upgrading I haven’t been able to figure it out and can’t find much help on how to do it.

  29. Amanda Lucas

    Thanks so much – been searching for a solution for my food blog

  30. Andrew

    Thanks, this was killing me for a bit…:)

  31. aayush

    Hi there i am using this plugin. can you tell me that how can i set all images size same whatever i want set the size of all the images of my gallery. here is my website

    please see all the images size. i want to keep all the images size same. can you help me with that if you can please reply. i would really appreciate your help. thanks

  32. Elisa

    Great timing as I was just finally getting to wanting to add links to images in a client gallery.
    Thank you!

  33. Jill

    Thanks for the info! Do you know if there’s any way to make the WP gallery links « nofollow »?

    • WPBeginner Support

      This is not possible at this moment without editing the plugin itself, which we do not recommend. However if you feel comfortable creating your own plugins then you can fork the plugin and modify it to match your needs.

      Administrateur

  34. karen

    An excellent bit of information. Many thanks!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.