Catégories de widgets : Basique
Choisissez parmi une bibliothèque de plus de 1000 icônes prêtes à l'emploi ou téléchargez votre propre fichier SVG. Vous pouvez modifier la couleur des icônes, le survol, l'arrière-plan, la bordure, etc. Utilisez des icônes pour mettre en valeur votre texte et équilibrer la mise en page de votre site.
Note
-
Les fichiers SVG peuvent être redimensionnés sans perte de résolution.
-
SVG sont des fichiers image contenant du code HTML, ce qui signifie que lorsque vous ajoutez une icône SVG à votre site, vous ajoutez également des lignes de code. Plusieurs fichiers SVG complexes peuvent ajouter des milliers de lignes de code et ralentir le chargement de votre site. Si vous devez utiliser plusieurs icônes SVG sur la même page, nous vous recommandons de transformer certaines d'entre elles en images classiques (.png, .jpeg, etc.) pour éviter des problèmes de chargement ou de fonctionnalité
-
Pour les directives relatives aux médias, voir Directives et spécifications relatives aux médias.
Le panneau multimédia vous permet d'ajouter une icône et un widget d'icônes au canevas en même temps. Vous pouvez également remplacer les icônes existantes. Pour en savoir plus sur le panneau multimédia, voirPanneau multimédia.
Pour ajouter un widget d'icônes depuis le panneau multimédia, procédez comme suit :
-
(Facultatif) Utilisez les filtres pour vous aider à localiser l'icône souhaitée. Ou cliquez surTélécharger des médiaspour ajouter une nouvelle icône.
-
Cliquez sur l'icône souhaitée et faites-la glisser sur le canevas.
-
Cliquez Choisissez une icône pour sélectionner une icône prête à l'emploi, ou cliquez sur Télécharger un fichier SVG.
-
Pour associer l'icône, cliquez sur Icône de lien, et sélectionnez la page à laquelle vous souhaitez associer l'icône.
-
Tapez le texte Alt pour l'icône. Le texte alternatif permet aux moteurs de recherche de reconnaître le contenu des images. Utilisez un texte qui décrit clairement l'image. Ou cliquez sur Étincelle icône (
) pour utiliser l'assistant AI afin de générer du texte alternatif.
Note
-
Le texte alternatif généré par l'assistant AI est dans la même langue que la langue actuelle de la page.
-
L'icône Sparkle pour AI sera désactivée si aucune icône n'est sélectionnée.
-
-
Tapez un Info-bulle pour l'icône. Le texte de l'info-bulle s'affiche lorsqu'un utilisateur passe la souris sur l'image
Dans le Éditeur de design, vous pouvez modifier la disposition de votre icône, ajuster la taille et la couleur de l'icône et modifier l'espacement du widget.
Pour faire de l'icône un widget flottant, activez Flottant basculez et sélectionnez une position pour le widget. Pour afficher le bouton flottant sur la page en cours uniquement, activez Afficher uniquement sur cette page basculer.
Note
Les icônes flottantes peuvent être configuré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 certaines pages).
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 le noir véritable (par exemple, code hexadécimal #000000).
De plus, le SVG doit être exporté avec un style en ligne.
Étant donné que les fichiers SVG peuvent être composés de code complexe, il est recommandé de consulter une personne expérimentée avec les SVG pour tout ajustement.