Articles dans cette section

Afficher plus

widget: Icône

  • Mise à jour

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.

 

Pour plus d'informations sur l'ajout de widget, voir Ajouter widget.

Conseil

Pour plus d'informations sur widget et la widget bibliothèque,widget voir: Library and Overview.

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.

Éditeur de contenu

 

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

  1. 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.

  2. Pour lier l'icône, cliquez sur Lier l'icône et sélectionnez la page à laquelle vous souhaitez lier l'icône.

  3. 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.

  4. Saisissez une info-bulle pour l'icône. Le texte de l'infobulle s'affiche lorsque l'utilisateur hover survole l'image.

 

Rédacteur en chef de la conception

 

Cliquez sur l'élément pour ouvrir le menu flottant, puis cliquez sur l'option permettant de modifier la conception.

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).

 

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.

 

FAQ et dépannage

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

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.

 
 
 

Articles associés

Commentaires

0 commentaire

Cet article n'accepte pas de commentaires.