Comment permettre l'agrandissement des images au clic sur WordPress ?

Comment permettre l'agrandissement des images au clic sur WordPress ?

Vous avez de belles images sur votre site, mais elles apparaissent parfois trop petites dans vos articles ? Offrir la possibilité à vos lecteurs de cliquer sur une photo pour l'afficher en grand améliore considérablement l'expérience utilisateur, surtout pour les tutoriels, les portfolios ou les boutiques en ligne.

Voici les trois méthodes les plus simples pour activer l'agrandissement (effet "Lightbox") sur votre site WordPress.

1. La méthode native (Sans extension)

Depuis les dernières versions de WordPress, vous n'avez plus besoin d'installer de plugin pour cette fonction de base.

  • Sélectionnez votre image dans l'éditeur de blocs (Gutenberg).

  • Dans la barre d'outils de l'image, cliquez sur l'icône Lien.

  • Activez l'option Agrandir au clic.

Cette méthode est ultra-rapide et ne ralentit pas votre site.

2. Utiliser une extension "Lightbox" (Le choix esthétique)

Si vous voulez un affichage plus professionnel (fond sombre, bouton "Fermer", ou défilement entre plusieurs photos), l'utilisation d'une extension est idéale.

Les étapes à suivre :

  1. Installez une extension comme Simple Lightbox ou WP Featherlight.

  2. Lors de l'insertion de votre image, cliquez sur l'icône Lien et choisissez impérativement Fichier média.

  3. L'extension détectera automatiquement ce lien et ouvrira l'image dans une fenêtre élégante au-dessus de votre contenu.

3. Configuration pour les constructeurs de pages (Elementor / Divi)

Si vous utilisez un outil de design spécifique, l'option est souvent intégrée directement dans le module image :

  • Sur Elementor : Allez dans l'onglet Contenu > Lien > Fichier média, puis activez l'option Lightbox qui apparaît juste en dessous.

  • Sur Divi : Allez dans Style > Boîte à lumière et cochez "Ouvrir dans la boîte à lumière".

💡 Le conseil en plus : Attention au poids !

Pour que l'agrandissement soit instantané, veillez à ce que vos images soient optimisées. Utilisez le format WebP ou un outil de compression pour que la photo haute définition ne soit pas trop lourde à charger pour vos visiteurs sur mobile.


Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

🛠 Utilisation de CustomUIEditor pour Personnaliser le Ruban Excel

Image
  🛠 Utilisation de CustomUIEditor pour Personnaliser le Ruban Excel 📥 1. Téléchargement de CustomUIEditor CustomUIEditor est un outil gratuit qui permet de modifier le ruban d'Excel (ou Word) en ajoutant des onglets, groupes et boutons personnalisés via du code XML. → Voici comment le télécharger : Rendez-vous sur ce lien de confiance (ou recherchez "CustomUIEditor for Office 2007" sur Google). Téléchargez le fichier ZIP. Extrayez-le puis installez-le sur votre ordinateur (double-cliquez sur setup.exe ). ✨ Il fonctionne même avec les versions récentes d'Excel (2013, 2016, 365). ⚙️ Instructions de téléchargement et installation Clique sur le lien ci-dessus pour lancer le téléchargement du fichier  OfficeCustomUIEditorSetup.exe . Une fois téléchargé, lance l’exécutable pour installer l’éditeur. La plupart du temps, l’installation se fait rapidement sans intervention complexe.
Lire la suite

🗓️ Simulateur de Congés et Calendrier Collaboratif sous Google Sheets

Image
🗓️ Simulateur de Congés et Calendrier Collaboratif sous Google Sheets ✨ Objectif du simulateur Ce simulateur a été conçu pour gérer efficacement les congés du personnel d'une école ou d'une petite structure. Il permet : D'enregistrer les périodes de congé prises par chaque salarié. De calculer automatiquement les jours éligibles, hors dimanches et jours fériés. De visualiser les chevauchements de congés sur un agenda annuel. D'avoir un affichage par personne ou par date (vue calendrier). ⚡ Structure globale Le simulateur est composé de deux grandes parties : Agenda individuel (par personne) avec dates, jours fériés, dimanches exclus. Calendrier global condensé où les colonnes représentent les dates, et les lignes les personnes. 📋 Partie 1 : Simulation individuelle (feuille principale) ✅ Saisie des périodes de congés Période 1 : Date début N4 et date fin O4 Période 2 : (facultatif) Date début N5 et date fin O5 🔹 Affichage des dates dans la colo...
Lire la suite

Introduction

Image
 Salut et bienvenue sur mon vlog ! Ici, je partage avec vous des astuces et des découvertes sur des outils qu’on utilise tous les jours comme  Word ,  Excel , ou  PowerPoint . Vous trouverez aussi des petits tutos pratiques en  JavaScript  en  HTML , et plein d’autres choses intéressantes que je découvre au fil du temps. Mon but ? Apprendre ensemble, progresser, et vous faire gagner du temps avec des infos utiles et faciles à comprendre. Abonnez-vous si vous aimez apprendre un peu de tout, un peu chaque jour !
Lire la suite