Aller au contenu principal

Diaporama

📍 Où le trouver dans l'application : Panneau d'administration → Contenu → Éditeur de pages (/admin/page-editor) — ajoutez un bloc et choisissez Diaporama dans Média.

Une série de diapositives qui défilent. La diapositive actuelle glisse vers la gauche pendant que la suivante arrive par la droite, et le texte suit sa photo avec un léger décalage. Le Diaporama est disponible dans toutes les formules et fonctionne très bien comme premier bloc d'une page, à la place d'une bannière principale.

Voici à quoi ressemble ce bloc sur le site d'une écurie (contenu d'exemple) :

Diaporama sur le site d'une écurie

Diapositives​

Ajoutez jusqu'Ă  8 diapositives avec Ajouter une diapositive. Chaque diapositive comporte :

  • Titre : Le titre de la diapositive.
  • Contenu textuel : Un court paragraphe. Les retours Ă  la ligne que vous saisissez sont conservĂ©s.
  • Image principale : La photo principale, tĂ©lĂ©versĂ©e ou collĂ©e sous forme de lien, avec une description de l'image pour les visiteurs qui utilisent un lecteur d'Ă©cran et pour Google Images.
  • Image en incrustation (facultative) : Une photo plus petite qui chevauche le coin de la photo principale. Elle n'est affichĂ©e qu'avec les mises en page Image Ă  gauche et Image Ă  droite.
  • Texte et lien du bouton d'action (facultatifs) : Le bouton n'apparaĂ®t que si les deux sont renseignĂ©s.

Utilisez les flèches vers le haut et vers le bas pour changer l'ordre des diapositives, et l'icône de corbeille pour en supprimer une. Une diapositive sans photo ni titre est ignorée sur le site.

Paramètres​

  • Style de mise en page :
    • Image avec texte en superposition : Une photo pleine largeur avec le texte par-dessus. ObscuritĂ© du fond règle Ă  quel point la photo s'assombrit derrière le texte, pour qu'il reste lisible.
    • Image Ă  gauche / Image Ă  droite : Une photo principale avec une photo plus petite qui la chevauche, Ă  cĂ´tĂ© d'un panneau de texte colorĂ©. C'est le mĂŞme style que le bloc Double image et texte. Couleur de fond choisit la couleur du panneau de texte. Sur tĂ©lĂ©phone, les photos s'affichent au-dessus du texte.
  • Cadrage de l'image : Choisissez si le haut, le centre ou le bas de chaque photo reste visible lorsqu'elle est recadrĂ©e.
  • Faire dĂ©filer automatiquement : ActivĂ© par dĂ©faut. Le diaporama passe tout seul Ă  la diapositive suivante.
  • Secondes par diapositive : DurĂ©e d'affichage de chaque diapositive en dĂ©filement automatique (4, 6, 8 ou 10 secondes).

Ce que voient les visiteurs​

  • Les visiteurs peuvent utiliser les flèches, cliquer sur les points, balayer sur un tĂ©lĂ©phone ou une tablette, ou utiliser les touches flĂ©chĂ©es gauche et droite.
  • Pendant le dĂ©filement automatique, le point actif se remplit pour indiquer l'arrivĂ©e de la diapositive suivante, et un bouton pause / lecture est toujours affichĂ©.
  • Le dĂ©filement automatique se met en pause lorsqu'un visiteur survole le diaporama avec la souris, utilise le clavier Ă  l'intĂ©rieur, ou lorsque le diaporama sort de l'Ă©cran.
  • Les visiteurs qui ont activĂ© rĂ©duire les animations dans les rĂ©glages de leur appareil voient un simple fondu entre les diapositives, et le diaporama ne dĂ©file pas tout seul.
astuce
  • 3 Ă  5 diapositives, c'est gĂ©nĂ©ralement l'idĂ©al — les visiteurs attendent rarement davantage.
  • Pour la mise en page Image avec texte en superposition, utilisez des photos au format paysage d'au moins 1920 pixels de large, car elles s'affichent sur toute la largeur de l'Ă©cran.
  • Renseignez toujours les descriptions d'images. Elles aident les visiteurs qui utilisent un lecteur d'Ă©cran et permettent Ă  vos photos d'apparaĂ®tre dans Google Images.