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.
Landing Pages

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

Dernière mise à jour: mars 30, 2021

Disponible avec :

Tous les produits et les abonnements

Vous pouvez ajouter une icône de la bibliothèque Font Awesome à des modules de texte enrichi dans vos articles de blog et pages. 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

  • Dans votre compte HubSpot, accédez à votre blog, vos pages de destination ou vos pages de site web.

  • Placez le curseur sur le nom de votre article de blog ou page 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.

insert-a-new-icon


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

    1. Pour modifier la couleur de l'icône, cliquez sur le menu déroulant Couleur de l'icône backgroundColor et sélectionnez une couleur. Pour saisir une valeur hexadécimale ou une valeur de couleur RVB, accédez à l'onglet Avancé
    2. Utilisez les icônes à tirets indent iconiconicon pour déplacer l'icône vers la droite ou la gauche.
    3. Utilisez les icônes d'alignement blockAlignmentBottom pour ajuster la position de l'icône dans un bloc de texte. 
    4. Pour ajouter un lien à votre icône, cliquez sur l'icône de lien link.
    5. Pour redimensionner votre icône, cliquez sur les coins de l'icône dans l'éditeur et faites-les glisser ou saisissez des valeurs en pixels de largeur et de hauteur dans la barre d'outils.
insert-an-icon-1
  • Pour supprimer une icône d'un module de texte enrichi, cliquez sur l'image, puis sur l'icône Corbeille delete.
  • Pour remplacer l'icône, cliquez sur l'image, puis sur l'icône Remplacer 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 Modifier edit.
  • Dans le coin supérieur droit de la fenêtre contextuelle, cliquez sur Avancé.
  • Si votre icône est liée, 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. Découvrez-en davantage sur les différents types de lien.
  • Sélectionnez l'objectif de votre image.
    • Si votre icône vise à contenir des informations sélectionner Lu par les lecteurs d'écran et ajoutez un titre décrivant son objectif.
    • Si votre icône ne contient pas d'informations, sélectionnez Ignoré par les lecteurs d'écran
select-an-icon-purpose-1