Site Web avancé : Widgets – Curseur d'images

Note :

Le widget Image n’est peut-être plus dans votre bibliothèque de widgets. Il a été remplacé par le widget Curseur multimédia. Pour plus d’informations sur ce widget, consultez Widget de curseur multimédia.

Éditeur de contenu

Pour accéder à l’éditeur de contenu, faites un clic droit sur l’icône widget et cliquez sur Modifier le contenu.

Ajouter des images

Pour ajouter une image au curseur, cliquez sur Ajouter une image ou cliquez sur un emplacement vide de l’image. Cela ouvre le sélecteur d’images. Vous disposez des options suivantes :

  • Sélectionnez le dossier contenant les images que vous souhaitez utiliser.
  • Cliquez sur le + icône pour télécharger votre propre image.
  • Cliquez Vue complète pour plus d’options de choix d’images.

Supprimer les images

Dans l’éditeur de contenu, cliquez sur le bouton gris X dans le coin supérieur de la vignette de l’image pour la supprimer.

Paramètres d’image/diapositive

Cliquez pour sélectionner une image/diapositive existante dans le Contenu de l’éditeur de contenu. Cela ouvre l’onglet Paramètres d’image où le contenu des diapositives peut être modifié.

Vous disposez des options supplémentaires suivantes dans les paramètres d’image :

  • Ajouter un lien à la diapositive. Transforme l’image entière en bouton pouvant être lié.
  • Titre du curseur. Ajoute un texte plus grand à l’image du curseur. Pour masquer le titre, cliquez sur l’icône en forme d’œil (cela s’applique uniquement à cette image/diapositive).
  • Légende du curseur. Ajoute un texte plus petit à l’image du curseur, sous le titre. Utilisez l’éditeur de texte pour ajouter de la couleur, de l’emphase (gras, italique et souligné) et des puces au texte de la légende. Pour masquer la légende, cliquez sur l’icône en forme d’œil (cela s’applique uniquement à cette image/diapositive).
  • Bouton. Ajoute un bouton à l’image du curseur, qui peut être lié comme un bouton widget. Pour masquer le bouton, cliquez sur l’icône en forme d’œil (cela s’applique uniquement à cette image/diapositive).
  • Texte alternatif. Ajoute un texte alternatif à afficher pour des raisons de référencement naturel ou lorsque l’image ne peut pas être affichée. Vous pouvez saisir votre propre texte alternatif ou cliquer sur le bouton Éclat ( ) pour utiliser l’Assistant IA et générer du texte alternatif. Répétez l’opération pour chaque image du curseur d’images. L’icône Sparkle sera désactivée si aucune image n’est sélectionnée.

Note :

Le texte alternatif généré par l’assistant IA est dans la même langue que la langue actuelle de la page.

Modifier et remplacer les images

  • Pour ouvrir le sélecteur d’images et sélectionner une autre image, cliquez sur Remplacer.
  • Pour ouvrir l’éditeur d’images intégré afin d’ajouter des fonctionnalités et des styles à une image, cliquez sur Modifier.

Éditeur de conception

Pour accéder à l’éditeur de conception, faites un clic droit sur l’icône widget et cliquez sur Modifier la conception.

Mise en page

Pour voir les options de mise en page et pour modifier les mise en page, cliquez sur la vignette.

Transition

Dans l’éditeur de conception, faites défiler jusqu’à la transition et configurez les éléments suivants :

  • Transition du curseur. Sélectionnez Disparaître ou Glisser.
  • Lecture automatique.
  • Vitesse du diaporama. Déplacez le curseur pour sélectionner une vitesse comprise entre 1 et 20 secondes.
  • Mettre le diaporama en pause au survol.
  • Animation de contenu. Sélectionnez une animation dans la liste déroulante.

Afficher les images complètes

Lorsque des images sont ajoutées au curseur, elles ne s’affichent pas à leurs dimensions réelles. Ces images sont affichées pour remplir les dimensions du curseur, ce qui peut les rendre étirées ou floues. Pour afficher les images à leurs dimensions réelles, dans l’éditeur de design, cliquez sur Cadre, puis cliquez sur le Afficher l’image complète basculer.

Pour plus d’informations sur les options de conception qui ne sont pas spécifiques à ce widget (par exemple, la mise en page, le style ou l’espacement), voir Conception de widgets .

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0