Le widget Galerie de photos permet d'ajouter facilement plusieurs images à votre site (ou de connecter un flux Instagram) ; pour plus d'informations, consultez la section de cet article, Connectez un fil Instagram professionnel). Lorsque vous cliquez sur les images de la galerie de photos, elles peuvent être ouvertes dans une galerie Lightbox ou être liées à une page de votre site, à l'URL d'un site Web, à une fenêtre contextuelle, à une ancre, à une adresse e-mail, etc. Vous pouvez ajouter des titres, des descriptions et du texte alternatif à chaque image.
Contenu dynamique
Ce widget peut également afficher des pages dynamiques. Pour plus d'informations, voir Options d'affichage et de navigation pour les dossiers de collection.
Note
Pour les directives relatives aux images, voir Directives relatives aux médias.
La zone Contenu est l'endroit où le contenu du widget peut être géré.
Options de configuration de la galerie
-
Pour activer les liens sur les images de la galerie, cliquez sur Activer les liens sur les images de la galerie bascule en haut de la zone de contenu.
-
Cela désactive la fonction lightbox. S'il n'y a pas de lien sur une image, rien ne se passera si vous cliquez sur l'image
-
-
Cliquez Connectez Instagram pour être connecté à un compte Instagram professionnel (seules les images s'afficheront, les publications contenant des vidéos ne seront pas visibles). Les comptes Instagram professionnels incluent à la fois des comptes Business et Creator.
-
Cliquez Ajouter une image pour ajouter des images (plusieurs peuvent être sélectionnées en même temps pour être ajoutées à la galerie). Les options disponibles sont les suivantes :
-
Faites votre choix parmi les images immédiatement disponibles.
-
Cliquez Vue complète pour ouvrir le Sélecteur d'images.
-
Cliquez sur le icône plus pour télécharger une image.
Note
Pour plus d'informations, voir Gestionnaire de médias, bibliothèques et sélectionneurs.
-
Options de réglage d'image individuelles
Cliquez sur une image pour afficher ses options de réglage.
-
Remplacer l'image.
-
Modifier. Modifiez les propriétés de l'image à l'aide du éditeur d'images.
-
Poste. Réglez la partie de l'image qui s'affiche.
-
Modifier le lien. Cela ne sera visible que si Activer les liens sur les images de la galerie le réglage est activé. Si aucun lien n'est défini, rien ne se passera lorsque vous cliquerez sur l'image
-
Titre. Si aucun titre n'est souhaité, cliquez sur œil (
) icône. Si aucun texte n'est saisi, mais qu'il reste visible, l'espace restera dans le widget et sera visible.
-
Descriptif. Si aucune description n'est souhaitée, cliquez sur le œil (
) icône. Si aucun texte n'est saisi, mais qu'il reste visible, l'espace restera dans le widget et sera visible.
-
Bouton. Si aucun bouton n'est souhaité, cliquez sur œil (
) icône pour le masquer.
-
Texte alternatif. Tapez votre propre texte alternatif ou cliquez sur Scintillement (
) pour utiliser l'assistant IA pour générer du texte alternatif. Répétez l'opération pour chaque image individuelle de la galerie de photos ou cliquez sur Tout le texte alternatif pour afficher et gérer le texte alternatif de toutes les images du site. L'icône Sparkle sera désactivée si aucune image n'est sélectionnée.
Note
Le texte alternatif généré par l'assistant AI est dans la même langue que la langue actuelle de la page.
-
Pour modifier la disposition de la galerie, cliquez sur le Disposition onglet. Les options suivantes s'offrent à vous :
-
Cliquez sur la mise en page existante pour voir d'autres options de conception pour votre galerie de photos. Les mises en page sont gérées par appareil et en fonction de la vue actuelle dans laquelle la mise en page est sélectionnée
-
Le texte peut être ajouté sous les images, au survol ou sur l'image. Texte/bouton sous l'image, Texte/bouton au survol, ou Texte/bouton sur l'image, puis sélectionnez la position du texte/du bouton.
-
Sélectionnez le Nombre de colonnes dans la galerie de photos.
-
Pour ajuster automatiquement le nombre de colonnes afin d'éviter les espaces blancs, cliquez sur Ajustement automatique des colonnes basculer.
-
Sélectionnez combien Lignes visibles que vous souhaitez afficher.
-
-
Pour configurer les images, cliquez sur Des images onglet. Les options suivantes s'offrent à vous :
-
Modifiez la hauteur de l'image et l'espacement entre les images (pour toutes les images de la galerie). Cela ne s'applique qu'à certaines mises en page.
-
Ajoutez des coins arrondis.
-
Afficher l'image complète dans la galerie.
-
Ajoutez une ombre.
-
Modifiez l'effet de survol et l'animation de l'image (disponible dans un nouveau widget).
-
Désactivez l'optimisation de l'image.
Note
La désactivation de l'optimisation des images peut avoir un impact sur la vitesse et/ou les performances des pages.
-
-
Pour configurer le cadre (par exemple, ajouter une couleur de fond ou personnaliser la bordure), cliquez sur cadre onglet.
-
Pour désactiver Chargement différé cliquez sur le bouton (activé par défaut pour accélérer la page en chargeant les images uniquement lorsqu'elles deviennent visibles lors du défilement).
-
Pour masquer l'option de partage, cliquez sur Masquer et partager des images basculer. Cela supprime le bouton de partage que les utilisateurs voient lorsqu'ils cliquent sur une image.
-
-
Pour modifier l'espacement intérieur et extérieur, cliquez sur l'onglet Espacement.
En raison d'une modification apportée par Meta, toutes les connexions effectuées avant décembre 2024 devront être reconnectées.
Les utilisateurs disposant d'un compte Instagram professionnel* (pas de comptes privés ou personnels) peuvent ajouter un flux Instagram au widget de la galerie de photos. Le widget affiche jusqu'à 100 images de votre flux et se met à jour automatiquement lorsque de nouvelles publications sont ajoutées. Si une publication Instagram contient plusieurs images, seule la première image de cette publication s'affichera dans le widget de la galerie de photos.
*Les comptes Instagram professionnels peuvent être définis sur Business ou Creator. En savoir plus sur Comptes Instagram professionnels.
Note
-
L'affichage des nouvelles images peut prendre jusqu'à 2 heures.
-
Seules les photos seront affichées (les vidéos ne peuvent pas le faire) et uniquement celles provenant de comptes publics et d'un compte professionnel.
-
Un seul compte Instagram peut être connecté par site.
-
Les photos de collaboration ne peuvent pas être affichées.
-
Pour changer de compte, ouvrez la galerie photo connectée, cliquez sur Déconnecter, et connectez-vous avec le nouveau compte. Il peut être nécessaire de vider le cache du navigateur après la déconnexion et avant d'essayer de vous reconnecter
-
Les clients n'ont pas besoin de vous communiquer leurs informations d'utilisateur et de mot de passe. Vous pouvez autoriser les clients à accéder au contenu du widget afin qu'ils puissent se connecter eux-mêmes à Instagram.
Pour connecter un flux Instagram professionnel au widget Galerie de photos :
-
Ajoutez le widget Galerie de photos à votre site. Pour plus d'informations, voir Ajouter des widgets.
-
Cliquez Connectez Instagram.
-
Saisissez vos informations d'identification Instagram, puis cliquez sur Connectez-vous.
-
Cliquez Autoriser.
Si vous recevez un message d'erreur lors de la connexion, rendez-vous sur Instagram.com dans votre navigateur. Dans l'onglet Profil, cliquez sur Réglages icône et sélectionnez Déconnexion, puis reconnectez-vous au widget.
Les légendes des images peuvent être affichées lorsque vous passez la souris sur une image. Pour afficher les légendes des images, cliquez sur le Afficher les légendes des images activez l'onglet Contenu du widget Galerie de photos (par défaut, le bouton est désactivé).
Vous pouvez également modifier la couleur, la taille et la police du texte ainsi que la couleur d'arrière-plan des légendes des images dans Onglet Design.
Note
Cette fonctionnalité n'est disponible que sur ordinateur car la fonctionnalité de survol n'est pas disponible pour les appareils mobiles.
Pour reconnecter correctement Instagram au widget Galerie de photos :
-
Dans l'éditeur, cliquez sur Galerie de photos widget pour ouvrir l'éditeur de contenu.
-
Pour déconnecter le widget d'Instagram, cliquez sur Déconnecter.
-
Fermez l'éditeur.
-
Pour y aller https://www.instagram.com/ et déconnectez-vous directement d'Instagram.
-
Ouvrez une fenêtre de navigation privée, accédez à l'éditeur et reconnectez Instagram au widget Galerie de photos.
Si votre connexion Instagram est déconnectée, votre jeton d'authentification a peut-être expiré et vous devez reconnecter le widget Galerie de photos à Instagram et autoriser à nouveau vos informations d'identification.
Pour reconnecter le widget Galerie de photos à Instagram :
Résolvez les problèmes liés au widget Galerie de photos.
Si l'option Connecter les données n'apparaît pas lorsque vous cliquez avec le bouton droit de la souris sur le widget de votre galerie de photos, vérifiez les points suivants :
-
Assurez-vous que la bibliothèque de contenu contient du contenu. Si la bibliothèque de contenu est vide, l'option Connecter les données n'apparaîtra pas.
-
Dans votre collection, vérifiez que l'URL de l'élément de page est définie sur Élément, au lieu d'être vide.
-
Assurez-vous que tous les champs de votre collection sont configurés avec les types de données correspondants corrects. Un problème de configuration courant est que tous les champs sont définis sur Texte enrichi alors qu'ils doivent correspondre à leur type de contenu réel (par exemple, les champs d'image doivent être définis sur Type d'image).
-
Contactez l'administrateur de votre site pour vous assurer que vous disposez des autorisations appropriées.
Une fois que vous avez vérifié et corrigé les problèmes ci-dessus, republiez votre site pour que les modifications prennent effet.