Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages

Modifier un module Galerie

Dernière mise à jour: septembre 16, 2021

Disponible avec :

Marketing Hub Pro, Entreprise
CMS Hub Starter, Pro, Entreprise
Ancienne version Marketing Hub Basique

Ajoutez un module Galerie à votre contenu pour afficher une rotation de différentes images. Vous pouvez ajouter des liens et des légendes aux images dans une galerie d'images. 

Remarque : Un module Galerie ne peut pas être ajouté à un seul article de blog. Tous les modules Galerie ajoutés à un modèle d'article de blog apparaîtront sur tous les articles de blog. 

Ajouter ou modifier une image dans une galerie d'images

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Passez le curseur de la souris sur votre contenu, puis cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur le module Galerie.
  • Dans l'éditeur de barre latérale, cliquez sur + Ajouter dans la section Diapositive pour ajouter une nouvelle diapositive à la galerie d'images.
    • Dans la section Image, cliquez sur Charger pour sélectionner une image de votre ordinateur ou Parcourir les images pour sélectionner une image de votre outil Fichiers
    • Pour afficher une légende en dessous de l'image, cliquez sur le bouton Afficher la légende pour activer cette option. Dans l'éditeur de texte enrichi, saisissez le texte de la légende.
    • Pour ajouter un lien vers l'image, saisissez une URL dans la section URL du lien
    • Pour ajouter d'autres images, cliquez sur Revenir à la galerie d'images. Pour terminer la modification du module de galerie d'images, cliquez sur Appliquer les modifications
add-image-to-image-gallery
  • Pour modifier une diapositive existante, passez le curseur de la souris dessus et cliquez sur l'icône Crayon edit. Cliquez sur Remplacer pour sélectionner une nouvelle image ou sur Supprimer pour supprimer l'image.
  • Pour supprimer une diapositive, placez le curseur sur une diapositive existante et cliquez sur l'icône Corbeille delete.
  • Pour réorganiser les diapositives, cliquez sur une diapositive, puis faites-la glisser à l'emplacement souhaité.

reorder-image-gallery-slides

  • Cliquez sur Appliquer les modifications pour voir toutes les modifications dans l'éditeur de contenu. 

Personnaliser les paramètres de la galerie d'images

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Passez le curseur de la souris sur votre contenu, puis cliquez sur Modifier.
  • Dans l'éditeur de contenu, cliquez sur le module Galerie.
  • Pour modifier la manière dont les visiteurs naviguent entre vos diapositives, cliquez sur le menu déroulant Mode d'affichage et sélectionnez un mode :
    • Diaporama standard : les visiteurs verront une diapositive à la fois et pourront cliquer sur les flèches gauche et droite pour passer d'une diapositive à l'autre. 
    • Navigation avec vignettes : les visiteurs peuvent cliquer sur une vignette sous la galerie d'images pour afficher cette diapositive dans la galerie. 
    • Galerie : les visiteurs peuvent cliquer sur la version de vignette d'une diapositive pour ouvrir une galerie où ils peuvent naviguer entre les versions complètes de toutes les diapositives. 
  • Pour répéter automatiquement les diapositives une fois qu'elles sont toutes apparues, sélectionnez la case à cocher Afficher les diapositives en boucle
  • Pour que les diapositives progressent automatiquement, sélectionnez la case à cocher Avancement automatique
  • Dans le champ Durée du défilement automatique en secondes, saisissez le nombre de secondes pour chaque diapositive.

image-gallery-settings-loop-slides

  • Pour indiquer le nombre total de diapositives et le numéro de la diapositive actuelle, sélectionnez la case à cocher Afficher les boutons de navigation
  • Pour définir la hauteur de la galerie d'images, cliquez sur le menu déroulant Hauteur variable et sélectionnez un paramètre :
    • Hauteur variable : la hauteur de la galerie d'images changera en fonction de la hauteur de la diapositive affichée.
    • Hauteur fixe : la hauteur de la galerie d'images restera toujours à la hauteur de la diapositive la plus haute.
  • Pour définir l'effet visuel des transitions de diapositives, cliquez sur le menu déroulant Transitions entre les diapositives et sélectionnez Diapositive ou Fondu
  • Pour définir la position des légendes par rapport à vos diapositives, cliquez sur le menu déroulant Position de la légende et sélectionnez une option

image-gallery-navigation-buttons