Widget Slider d'images

Ajoutez un widget 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 widgets d'images n'encombrent vos lignes et vos colonnes, utilisez un seul widget Slider d'images.

Le fait de regrouper toutes vos photos en un widget 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 widget Image, consultez l'article Widget Image.

Pour ajouter un widget Slider d'images :

  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez sur le widget et déposez-le sur votre site.

Pour en savoir plus sur l'ajout de widgets 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 widget 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 sur une image existante dans l'éditeur de contenu afin d'ouvrir les paramètres d'image.

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.

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 widget 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.

Éditeur de design

Pour accéder à l'éditeur de design, faites un clic droit sur le widget 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 widget (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.