Widgets : Icon

Catégories de widgets : Basic

Choisissez parmi une bibliothèque de plus de 1000 icônes prêtes à l'emploi, ou importez votre propre fichier SVG. Vous pouvez changer la couleur de l'icône, le survol, l'arrière-plan, la bordure et plus encore. Utilisez les icônes pour mettre votre texte en valeur et équilibrer la mise en page de votre site.

Pour savoir comment ajouter des widgets, consultez « Add Widgets ».

Remarque :

• Les fichiers SVG se redimensionnent sans perte de résolution.
• Les SVG sont des fichiers image qui contiennent du code HTML : chaque fois que vous ajoutez une icône SVG à votre site, vous ajoutez donc aussi des lignes de code. Plusieurs SVG complexes peuvent totaliser des milliers de lignes et ralentir le chargement de votre site. Si vous devez utiliser plusieurs icônes SVG sur la même page, nous vous recommandons d'en convertir certaines en images classiques (.png, .jpeg, etc.) pour éviter les problèmes de chargement ou de fonctionnement.

Éditeur de contenu

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de l'éditeur de contenu.

1. Cliquez sur Choisir l'icône pour choisir une icône prête à l'emploi, ou sur Télécharger le fichier SVG.
2. Pour lier l'icône, cliquez sur Lien de l'icône et sélectionnez la page vers laquelle la lier.
3. Saisissez un texte alternatif (Alt text) pour l'icône. Le texte alternatif aide les moteurs de recherche à reconnaître le contenu de l'image. Utilisez un texte qui décrit l'image clairement.
4. Saisissez une info-bulle (tooltip) pour l'icône. Le texte de l'info-bulle s'affiche lorsqu'un utilisateur survole l'image.

Éditeur de design

Cliquez sur l'élément pour ouvrir le menu flottant, puis sur l'option de modification du design.

Dans l'éditeur de design, vous pouvez modifier la mise en page de votre icône, ajuster sa taille et sa couleur, et modifier l'espacement du widget.

Pour rendre l'icône flottante, activez le bouton Flottant et choisissez une position pour le widget. Pour que le bouton flottant apparaisse uniquement sur la page actuelle, activez le bouton Afficher sur cette page uniquement.

Remarque : les icônes flottantes peuvent être configurées pour s'afficher sur des pages précises, mais par défaut elles apparaissent sur toutes (il n'existe pas encore de moyen de les désactiver uniquement sur certaines pages).

Pour en savoir plus sur les options de design qui ne sont pas propres à ce widget (par exemple la mise en page, le style ou l'espacement), consultez « Widget Design ».

Questions fréquentes et résolution des problèmes

Pourquoi la couleur de l'icône ne change-t-elle pas quand je sélectionne une autre couleur ?

Ce problème vient généralement de la façon dont le fichier a été créé à l'origine. La couleur de l'icône doit être un noir pur (par exemple le code hexadécimal #000000).

De plus, le SVG doit être exporté avec un style en ligne (inline).

Comme les fichiers SVG peuvent reposer sur un code complexe, il est recommandé de consulter une personne expérimentée en SVG pour tout ajustement.