Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.

Insérer et modifier des icônes dans des modules de texte enrichi

Dernière mise à jour: juin 22, 2023

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Tous les produits et les abonnements

Vous pouvez ajouter n'importe quelle icône de la bibliothèque Font Awesome à des modules de texte riche sur les articles et les pages de votre blog. Une fois l'icône ajoutée, vous pouvez personnaliser sa couleur, sa position et sa taille. 

Remarque : les icônes ne peuvent pas être ajoutées directement aux e-mails marketing. Pour utiliser une icône dans un e-mail, enregistrez l'icône en tant qu'image, puis insérez l'image dans l'éditeur d'e-mails


Ajouter une icône à votre contenu dans un module de texte enrichi

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Depuis votre compte HubSpot, accédez à Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Survolez une page ou un message et cliquez sur Modifier
  • Cliquez sur le module de texte enrichi dans lequel vous souhaitez que l'icône apparaisse.
  • Dans le coin supérieur droit de la barre d'outils de texte enrichi, cliquez sur le menu déroulant Insérer et sélectionnez Icône.

insérer-une-icône-dans-un-poste-ou-une-page

  • Dans la fenêtre contextuelle, recherchez l'icône dans la barre de recherche. 
  • Cliquez sur l'icône pour l'insérer dans votre module de texte enrichi. 

Modifier une icône

Une fois que vous avez inséré votre icône, vous pouvez modifier son apparence et sa position, ou son lien vers d'autres contenus. 

  • Accédez à votre contenu :

    • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Depuis votre compte HubSpot, accédez à Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Survolez une page ou un message et cliquez sur Modifier
  • Dans l'éditeur de contenu, cliquez sur votre icône pour ouvrir l'éditeur d'icônes.
    • Pour modifier la couleur de l'icône, cliquez sur le menu déroulant backgroundColor icon color et sélectionnez une couleur . Pour saisir une valeur hexagonale  ou une valeur de couleur RVB , cliquez sur l'onglet Avancé 
    • Utilisez les icônes indent indent iconiconiconpour déplacer l'icône vers la droite ou vers la gauche.
    • Utilisez les icônes blockAlignmentBottom alignement pour ajuster la position de l'icône dans un bloc de texte. 
    • Pour ajouter un lien à votre icône, cliquez sur l'icônelinklink, puis insert a link.
    • Pour redimensionner votre icône, cliquez et faites glisser les coins de l'icône dans l'éditeur ou entrez des valeurs en pixels pour la largeur et la hauteur dans la barre d'outils.
utiliser l'icône de la barre d'outils
  • Pour supprimer une icône d'un module de texte enrichi, cliquez sur l'image, puis sur l'icône de la corbeille delete .
  • Pour remplacer l'icône, cliquez sur l'image, puis sur l'icône replace replace et ajoutez une nouvelle icône.

Modifier les options d'icône avancées

Vous pouvez modifier les options avancées de votre icône pour ajouter du texte d'accessibilité ou personnaliser son lien. 

  • Dans l'éditeur de contenu, cliquez sur l'icône. 
  • Cliquez sur l'icône de modification edit .
  • Dans la fenêtre contextuelle, cliquez sur Advanced.
  • Si votre icône comporte un lien, vous pouvez sélectionner un ou plusieurs types de liens . Cela indique aux moteurs de recherche la relation de ce lien avec votre site web. En savoir plus sur les différents types de liens.
  • Sélectionnez l'objectif de votre image.
    • Si votre icône est destinée à transmettre des informations, sélectionnez Read by screen readers et ajoutez un titre qui décrit son objectif.
    • Si votre icône ne transmet pas d'informations, sélectionnez Ignoré par les lecteurs d'écran
  • Cliquez sur Appliquer
select-an-icon-purpose-1
Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.