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.
![Capture d’écran montrant comment ajouter un bloc de diaporama à l’aide du bouton « Outil d’insertion de bloc + » en haut à gauche de l’éditeur de blocs.](https://en-support.files.wordpress.com/2022/06/add-a-slideshow-block.png?w=696)
💡
À 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.
![Capture d’écran montrant comment ajouter un bloc de diaporama en tapant / et slideshow dans un nouveau bloc dans la zone principale de l’éditeur.](https://en-support.files.wordpress.com/2022/06/add-slideshow-block-with-slash.png?w=682)
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.
![Exemple de méthode pour télécharger ou ajouter des images de la médiathèque, de Google Photos, de Pexels Free Photos ou d’Openverse sur le bloc de diaporama.](https://en-support.files.wordpress.com/2022/06/add-images-on-the-slideshow-block-1.png?w=1024)
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éé :
![Capture d’écran montrant l’ajout d’images supplémentaires au diaporama avec l’option Télécharger une image.](https://en-support.files.wordpress.com/2022/06/upload-images-to-slideshow.png?w=1024)
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.
![Capture d’écran montrant l’option Modifier le diaporama dans la barre d’outils du bloc de diaporama.](https://en-support.files.wordpress.com/2022/06/edit-slideshow-button.png?w=556)
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 :
![Capture d’écran montrant la barre d’outils du bloc de diaporama](https://en-support.files.wordpress.com/2022/06/slideshow-block-toolbar-1.png?w=536)
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.
![Capture d’écran montrant les réglages du bloc de diaporama dans la barre latérale droite](https://en-support.files.wordpress.com/2022/06/slideshow-block-settings.png?w=558)
Le bloc de diaporama possède de nombreux réglages que vous pouvez ajuster dans la colonne latérale de Réglages du bloc.
![](https://en-support.files.wordpress.com/2022/06/slideshow-block-sidebar-settings.png?w=411)
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 :
![Capture d’écran montrant le bouton à bascule de la fonction de lecture automatique et le bouton Pause sur le bloc de diaporama pour définir le délai de transition.](https://en-support.files.wordpress.com/2022/06/autoplay-on-slideshow-block.png?w=1024)
Dans l’onglet Effets, vous pouvez choisir entre les effets de glissement et de fondu pour vos transitions de diapositives
![Capture d’écran montrant les effets de transition Glissement et Fondu sur le bloc de diaporama.](https://en-support.files.wordpress.com/2022/06/slideshow-effects.png?w=548)
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.
![Capture d’écran montrant les réglages de l’image sur le bloc de diaporama.](https://en-support.files.wordpress.com/2022/06/slideshow-image-settings.png?w=552)
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.
![](https://fr-support.files.wordpress.com/2023/05/reglaces-avance-css.png?w=500)