Le widget Avant et après vous permet d'afficher deux images côte à côte pour une comparaison attrayante, qui accroche l'œil. Le widget comprend également un curseur personnalisable à déplacer entre les deux images.
Pour ajouter un widget :
- Dans le panneau de gauche, cliquez sur widget.
- Cliquez sur le widget Avant et après 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, puis cliquez sur Modifier le contenu.
- Cliquez sur + Image pour ajouter des images avant et après.
- Saisissez les étiquettes des images. Pour masquer les étiquettes, cliquez sur l'icône en forme d'œil (
).
- Tapez un texte de remplacement pour les images. tu peux soit taper ton propre texte alternatif, soit cliquer sur l’icône Sparkle (
) pour utiliser l’assistant IA pour générer du texte alternatif. Répétez l’opération pour les images avant et après. L’icône Sparkle sera désactivée si une image n’est pas sélectionnée.
Remarque
-
Le texte de remplacement généré par l'assistant IA est dans la même langue que la langue actuelle de la page.
Éditeur de conception
Pour accéder à l'éditeur de design :
- Faites un clic droit sur le widget et cliquez sur Modifier le design.
- Pour personnaliser les images et le curseur, cliquez sur Images et curseur.
- Pour personnaliser le style et le texte des étiquettes, cliquez sur Étiquettes.
Veillez à ce que vos paramètres de design correspondent au bon appareil. Les paramètres comme l'espacement et la taille d'image (entre autres) sont définis pour chaque appareil. Pour plus d'informations, consultez l'article Modification en fonction de l'appareil.
Pour obtenir des informations sur les options de design qui ne sont pas spécifiques à ce widget (la mise en page, le style et l'espacement, par exemple), consultez l'article Conception des widgets.