widget Catégories : Basic
Choisissez des icônes parmi une bibliothèque de plus de 1 000 icônes prêtes à l'emploi ou importez votre propre fichier SVG. Vous pouvez modifier la couleur, l'animation, l'arrière-plan, la bordure, etc. de l'icône. Utilisez des icônes pour mettre en avant votre texte et équilibrer la mise en page de votre site.
Remarque
-
Les fichiers SVG peuvent être redimensionnés sans perte de résolution.
-
Les fichiers SVG sont des fichiers image qui contiennent du code HTML. Ainsi, si vous ajoutez une icône au format SVG à votre site, vous ajoutez également quelques lignes de code. L'ajout de plusieurs fichiers SVG complexes peut donc ajouter des milliers de lignes de code et ralentir le chargement de votre site. Si vous avez besoin d'utiliser plusieurs icônes SVG sur la même page, nous vous recommandons de convertir certaines d'entre elles en images au format .png ou .jpeg afin d'éviter tout problème de chargement ou de fonctionnement du site.
-
Pour les lignes directrices sur les supports, voir Supports : Lignes directrices et spécifications.
-
Cliquez sur Choisir une icône pour sélectionner une icône prête à l'emploi ou cliquez sur Télécharger un fichier SVG.
-
Pour lier l'icône, cliquez sur Lier l'icône et sélectionnez la page à laquelle vous souhaitez lier l'icône.
-
Saisissez le texte Alt pour l'icône. Le texte Alt permet aux moteurs de recherche de reconnaître le contenu des images. Utilisez un texte qui décrit clairement l'image. Vous pouvez également cliquer sur l'icône Sparkle (
) pour utiliser l'assistant AI afin de générer un texte alt.
Remarque
-
Le texte Alt généré par l'assistant IA est dans la même langue que la langue courante de la page.
-
L'icône Sparkle pour l'IA sera désactivée si aucune icône n'est sélectionnée.
-
-
Saisissez une info-bulle pour l'icône. Le texte de l'infobulle s'affiche lorsque l'utilisateur hover survole l'image.
Dans l'éditeur de conception, vous pouvez modifier la disposition de l'icône, ajuster la taille et la couleur de l'icône et modifier l'espacement de l'adresse widget.
Pour faire de l'icône un widget flottant, activez la case à cocher Flottant et sélectionnez une position pour le widget. Pour afficher le bouton flottant sur la page actuelle uniquement, activez la case à cocher Afficher sur cette page uniquement.
Remarque
Les icônes flottantes peuvent être paramétrées pour s'afficher sur des pages spécifiques, mais elles apparaîtront sur toutes les pages par défaut (il n'existe actuellement aucun moyen de les désactiver uniquement pour des pages spécifiques).
Ce problème est généralement lié à la manière dont le fichier a été créé à l'origine. La couleur de l'icône doit être un vrai noir (par exemple, code hexagonal #000000).
En outre, le SVG doit être exporté avec un style en ligne.
Les fichiers SVG pouvant être constitués d'un code complexe, il est recommandé de consulter une personne expérimentée en matière de SVG pour tout ajustement.