Ce guide vous montrera comment utiliser le bloc de diaporama afin d’insérer un diaporama interactif d’images dans un article ou une page
Cela se présente comme ceci sur le site :
Dans ce guide
Pour ajouter un bloc de diaporama, cliquez sur l’icône de l’Outil d’insertion de bloc + pour rechercher le « diaporama ». Cliquez dessus pour ajouter le bloc à l’article ou à la page.
💡
À l’aide du clavier, vous pouvez également saisir /
slideshow
sur une nouvelle ligne et appuyer sur Entrée pour ajouter rapidement un nouveau bloc de diaporama.
Pour en savoir plus, consultez nos instructions détaillées sur l’ajout de blocs.
Lorsque vous ajoutez un bloc de diaporama, vous avez le choix entre deux options : Télécharger et Sélectionner des images.
Télécharger vous permet de télécharger une ou plusieurs images de votre ordinateur vers votre site Web.
Sélectionner des images vous permet de choisir parmi les images précédemment chargées dans votre médiathèque, dans Google Photos, dans la bibliothèque de photos Pexels gratuites ou dans Openverse.
Vous pouvez ajouter des images supplémentaires à votre diaporama en utilisant l’option Télécharger une image sous le diaporama que vous avez créé :
Vous pouvez utiliser le bouton Modifier le diaporama dans la barre d’outils pour ajouter ou supprimer des images, ou encore modifier l’ordre dans lequel elles apparaissent.
Les images sont ajoutées au diaporama dans l’ordre dans lequel vous les sélectionnez lors de la création du diaporama. Vous pouvez réorganiser les images en utilisant l’option Modifier le diaporama. Lorsque vous modifiez le diaporama, vous remarquerez un numéro à côté de chaque image lorsque vous la sélectionnez Il indique l’ordre d’apparition de l’image dans votre bloc de diaporama.
Lorsque vous cliquez sur le bloc, une barre d’outils d’options s’affiche :
Le bloc de diaporama comporte les options suivantes dans la barre d’outils :
- Modifier le type de bloc
- Faire glisser le bloc.
- Faire monter ou descendre le bloc.
- Modifier l’alignement
- Modifier le diaporama
- Plus d’options.
Lorsque vous cliquez sur le bloc, des réglages de bloc supplémentaires apparaissent dans la colonne latérale droite. Si vous ne voyez pas la colonne latérale, vous devrez peut-être cliquer sur l’icône ⚙️ (engrenage) dans le coin supérieur droit pour afficher les réglages.
Le bloc de diaporama possède de nombreux réglages que vous pouvez ajuster dans la colonne latérale de Réglages du bloc.
Activez cette option pour que votre diaporama fasse défiler les images automatiquement.
Lorsqu’elle est activée, un bouton de pause apparaît sur le diaporama pour permettre aux visiteurs de le suspendre. Vous pouvez sélectionner la durée (en secondes) du délai entre les transitions automatiques :
Dans l’onglet Effets, vous pouvez choisir entre les effets de glissement et de fondu pour vos transitions de diapositives
Dans l’onglet Réglages de l’image, vous pouvez choisir la taille des images pour le bloc de diaporama parmi les options Vignette, Moyen, Grand et Plein format.
L’onglet Avancé vous permet d’ajouter une classe CSS à votre bloc. Vous pouvez ainsi écrire un CSS personnalisé et configurer le style du bloc à votre guise.