Ajoutez un Slider d'images sur votre site Web afin d'afficher plusieurs images l'une après l'autre sur une ligne ou dans une colonne. Vous pouvez ajouter plusieurs images à afficher sous la forme d'un diaporama. Afin d'éviter que plusieurs d'images n'encombrent vos lignes et vos colonnes, utilisez un seul Slider d'images.
Le fait de regrouper toutes vos photos en un est utile et permet de libérer beaucoup d'espace. Mais dans certains cas, il est nécessaire d'avoir des images seules. Par exemple, vous pouvez avoir besoin d'un paragraphe expliquant une seule image qui ne peut pas être incluse dans un groupe d'images intégrées au slider. Pour en savoir plus sur le Image, consultez l'article Widget Image.
- Pour découvrir comment créer un carrousel d'images en arrière-plan, consultez l'article Carrousel d'images en arrière-plan
- Pour en savoir plus sur l'ajout d'images premium sur votre site, consultez l'article Ajouter des images premium (images Shutterstock).
Pour ajouter un Slider d'images :
- Dans le panneau de gauche, cliquez sur Widgets.
- Cliquez sur le et déposez-le sur votre site.
Pour en savoir plus sur l'ajout de sur votre site, consultez l'article Ajout de widgets.
Éditeur de contenu
Pour accéder à l'éditeur de contenu, effectuez un clic droit sur le et sélectionnez Modifier le contenu.
Ajout d'images
Pour ajouter une image, cliquez sur Ajouter une image ou sur n'importe quel emplacement d'image vide. Le sélecteur d'images s'ouvre alors. Vous disposez des options suivantes :
- Sélectionnez le dossier contenant les images que vous souhaitez utiliser.
- Cliquez sur l'icône + pour importer votre propre image.
- Cliquez sur Plein écran pour accéder à d'autres options de sélection d'images.
Supprimer des images
Dans l'éditeur de contenu, cliquez sur la X grise dans le coin supérieur de la miniature de l'image pour la supprimer.
Paramètres d'image
Cliquez pour sélectionner une image existante dans l'onglet Contenu de l'éditeur de contenu. Cela ouvre les paramètres d'image.
Les paramètres d'image vous donnent accès aux options suivantes :
- Ajouter un lien vers la diapositive. Transforme l'ensemble de l'image en bouton qui peut être associé à un lien.
- Titre du slider. Permet d'ajouter un texte grand format à l'image du slider.
- Légende du slider. Permet d'ajouter un texte de plus petit format à l'image du slider, sous le titre. Utilisez l'éditeur de texte pour ajouter de la couleur, une accentuation (gras, italique et soulignement) et des puces au texte dans la zone de légende.
- Bouton. Permet d'ajouter à l'image du slider un bouton auquel un lien peut être associé, comme un Bouton.
- Texte de remplacement. Permet d'ajouter un texte de remplacement à afficher pour des raisons de SEO ou lorsque l'image ne peut pas s'afficher.
Modifier et remplacer des images
- Pour ouvrir le sélecteur d'images et choisir une autre image, cliquez sur Remplacer.
- Pour ouvrir l'éditeur d'images intégré et ajouter des caractéristiques ou styles à une image, cliquez sur Modifier.
Éditeur de design
Pour accéder à l'éditeur de design, faites un clic droit sur le et cliquez sur Modifier le design.
Transition
Dans l'éditeur de design, faites défiler jusqu'à la section Transition et configurez les paramètres suivants :
- Transition du slider. Sélectionnez Fondu ou Diapositive.
- Lecture automatique.
- Vitesse du diaporama. Déplacez le curseur pour sélectionner la vitesse (de 1 à 20 secondes).
- Suspendre le diaporama au passage de la souris.
- Animation de contenu. Sélectionnez un type d'animation dans le menu déroulant.
Afficher des images complètes
Lorsque vous ajoutez des images au slider d'images, elles ne s'affichent pas dans leurs dimensions d'origine. Elles sont affichées de façon à s'adapter aux dimensions du slider et peuvent donc être étirées ou floues. Pour les afficher dans leurs dimensions d'origine, vous pouvez activer l'option Afficher l'image complète dans l'onglet Cadre de l'éditeur de design.
Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.
Créer un slider de témoignages textuels
Pour savoir comment créer un slider de témoignages textuels sans images, regardez cette vidéo :
Pour obtenir davantage de contenu d'expert, accédez à la vidéothèque.