Médias widget: Galerie de photos

La galerie de photos widget permet d'ajouter facilement plusieurs images à votre site (ou de connecter un flux Instagram; pour plus d'informations, voir la section de cet article, Connecter un flux public Instagram ). Lorsque vous cliquez sur les images de la galerie de photos, elles peuvent s'ouvrir dans une boîte lumineuse ou être liées à une page de votre site, à l'URL d'un site web, à une fenêtre contextuelle, à une ancre, à une adresse électronique ou à d'autres éléments. Vous pouvez ajouter des titres, des descriptions et des textes alternatifs à chaque image.

Contenu dynamique

Ce widget peut également afficher des pages dynamiques.

Remarque

Éditeur de contenu

La zone de contenu permet de gérer le contenu du widget.

Options de configuration de la galerie

  • Pour activer les liens sur les images de la galerie, cliquez sur l'option Activer les liens sur les images de la galerie en haut de la boîte de contenu.

    • Cela désactive la fonction "lightbox". Si une image n'a pas de lien, rien ne se passera si l'on clique sur l'image.

  • Cliquez sur Connecter Instagram pour vous connecter à un compte Instagram (seules les images s'affichent, les posts contenant des vidéos ne sont pas visibles). Le compte Instagram doit être public.

  • Cliquez sur Ajouter une image pour ajouter des images (vous pouvez en sélectionner plusieurs en même temps pour les ajouter à la galerie). Les options suivantes sont disponibles :

    • Sélectionnez parmi les images immédiatement disponibles.

    • Cliquez sur Vue complète pour ouvrir le sélecteur d'images.

    • Cliquez sur l'icône plus pour télécharger une image.

    Remarque

Options de réglage des images individuelles

Cliquez sur une image pour afficher ses options de réglage.

  • Remplacer l'image.

  • Éditer.

  • Poste. Ajustez la partie de l'image qui s'affiche.

  • Modifier le lien. Elle ne sera visible que si le paramètre Activer les liens sur les images de la galerie est activé. Si un lien n'est pas défini, rien ne se passera lorsque l'on cliquera sur l'image.

  • Titre. Si vous ne souhaitez pas de titre, cliquez sur l'icône de l'œil (24517315481495-eye_icon.png). Si aucun texte n'est saisi, mais qu'il est laissé visible, l'espace restera dans le widget et sera visible.

  • Description. Si vous ne souhaitez pas de description, cliquez sur l'icône de l 'œil (24517315481495-eye_icon.png). Si aucun texte n'est saisi, mais qu'il est laissé visible, l'espace restera dans le widget et sera visible.

    Note

    Le champ de texte long offre diverses options de mise en forme du texte, telles que la mise en italique, en gras ou le soulignement.

  • Bouton. Si vous ne souhaitez pas utiliser un bouton, cliquez sur l'icône de l 'œil (24517315481495-eye_icon.png) pour le masquer.

  • Texte Alt. Saisissez votre propre texte alt.

Rédacteur en chef de la conception
  1. Pour modifier la disposition de la galerie, cliquez sur l'onglet Disposition. vous disposez des options suivantes :

    • Cliquez sur la mise en page existante afin de découvrir d'autres options de design pour votre galerie de photos. Les mises en page peuvent être modifiées pour chaque type d'appareil et selon l'affichage actuellement sélectionné.

    • Le texte peut être ajouté sous les images, sur le site hover ou sur l'image. Sélectionnez Texte/bouton sous l'image, Texte/bouton sur hover, ou Texte/bouton sur l'image, puis sélectionnez la position du texte/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 la case à cocher Ajustement automatique des colonnes.

    • Sélectionnez le nombre de lignes visibles que vous souhaitez afficher.

  2. Pour configurer les images, cliquez sur l'onglet Images. vous disposez des options suivantes :

    • Modifiez la hauteur de l'image et l'espacement entre les images (pour toutes les images de la galerie). Cela s'applique uniquement à certaines mises en page.

    • Ajoutez des coins arrondis.

    • Affichez l'image complète dans la galerie.

    • Ajoutez une ombre.

    • Modifiez l'effet au survol de l'image et l'animation (disponible dans le nouveau widget).

    • Désactivez l'optimisation des images.

      Remarque

      La désactivation de l'optimisation des images peut avoir un impact sur la vitesse et/ou les performances des pages.

  3. Pour configurer le cadre (par exemple, ajouter une couleur d'arrière-plan ou personnaliser la bordure), cliquez sur l'onglet Cadre.

    • Pour désactiver le chargement paresseux, cliquez sur le bouton de basculement (cette option est activée par défaut pour accélérer la vitesse de la page en ne chargeant les images que lorsqu'elles deviennent visibles lors du défilement).

    • Pour masquer l'option de partage, cliquez sur la case à cocher Masquer les images de partage. Cela supprime le bouton de partage que les utilisateurs voient lorsqu'ils cliquent sur une image.

  4. Pour modifier l'espacement intérieur et extérieur, cliquez sur l'onglet Espacement.

Connecter un flux Instagram public

Les utilisateurs disposant d'un compte Instagram public (pas de comptes privés) peuvent ajouter un flux Instagram au widget de la galerie de photos. Le site widget affiche jusqu'à 100 images de votre flux et se met à jour automatiquement lorsque de nouveaux messages sont ajoutés. Si un post Instagram comporte plus d'une image, seule la première image de ce post s'affichera dans le widget de la galerie photo.

Remarque

  • Un délai de 2 heures peut être nécessaire avant l'apparition des nouvelles images.

  • Seules les photos s'affichent (les vidéos ne peuvent pas s'afficher) et uniquement à partir de comptes publics.

  • Vous ne pouvez connecter qu'un seul compte Instagram par site.

  • Les photos de collaboration ne peuvent pas être affichées.

  • Pour changer de compte, ouvrez la galerie de photos 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 se reconnecter.

  • Les clients n'ont pas besoin de donner leurs informations d'utilisateur et de mot de passe. Vous pouvez donner aux clients des droits d'édition du contenu afin qu'ils puissent se connecter eux-mêmes à Instagram.

Pour connecter un flux Instagram au widget Galerie de photos :

  1. Ajoutez le widget Galerie de photos à votre site. Pour en savoir plus, consultez l'article Ajout de widgets.

  2. Cliquez sur Connecter Instagram.

  3. Saisissez vos identifiants Instagram et cliquez sur Connexion.

  4. Cliquez sur Autoriser.

Si vous recevez une erreur de connexion, allez sur Instagram.com dans votre navigateur. Dans l'onglet Profil, cliquez sur l'icône Paramètres et sélectionnez Déconnexion, puis reconnectez-vous au widget.

Légendes des images

Les légendes des images peuvent être affichées lorsque vous visitez le site hover. Pour afficher les légendes des images, cliquez sur le bouton Afficher les légendes des images dans 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 l'onglet Conception.

Remarque

Cette fonctionnalité est uniquement disponible sur ordinateur, car il est impossible de survoler des images sur mobile.

Dépannage
La galerie de photos n'affiche pas mes images Instagram ou la galerie de photos affiche les mauvaises images.

Pour reconnecter Instagram correctement au widget Galerie de photos :

  1. Dans l'éditeur, cliquez sur la galerie de photos widget pour ouvrir l'Éditeur de contenu.

  2. Pour déconnecter le widget d'Instagram, cliquez sur Déconnecter.

  3. Fermez l'éditeur.

  4. Accédez à https://www.instagram.com/ et déconnectez-vous directement d'Instagram.

  5. Ouvrez une fenêtre de navigation privée, accédez à l'éditeur puis reconnectez Instagram au widget Galerie de photos.

Mon fil Instagram s'est en quelque sorte déconnecté

Si votre connexion Instagram est interrompue, il se peut que votre jeton d'authentification ait expiré. Vous devez alors reconnecter le widget Galerie de photos à Instagram et autoriser à nouveau vos informations d'identification.

Pour reconnecter le widget Galerie de photos à Instagram :

  1. Cliquez sur la galerie de photos widget pour ouvrir l'Éditeur de contenu.

  2. Cliquez sur Connecter Instagram.

  3. Saisissez vos identifiants Instagram, puis cliquez sur Connexion.

  4. Cliquez sur Autoriser.