HubSpot Knowledge Base

Inserire e modificare le icone nei moduli di testo ricco

Scritto da HubSpot Support | Mar 8, 2021 6:34:56 PM

È possibile aggiungere qualsiasi icona della libreria Font Awesome ai moduli di testo ricco dei post e delle pagine del blog. Una volta aggiunta l'icona, è possibile personalizzarne il colore, il posizionamento e le dimensioni.

Nota bene: le icone non possono essere aggiunte direttamente alle e-mail di marketing. Per utilizzare un'icona in un'e-mail, salvatela come immagine, quindi inseritela nell'editor di e-mail.


Aggiungere un'icona al contenuto in un modulo di testo ricco

  • Navigate nel vostro contenuto:

    • Pagine del sito web:
    • Pagine di destinazione:
    • Blog:
  • Fare clic sul nome del contenuto.
  • Fare clic sul modulo di testo ricco in cui si desidera che appaia l'icona.
  • Nella barra degli strumenti del testo ricco, in alto a destra, fare clic sul menu a discesa Inserisci e selezionare Icona.

  • Nel riquadro a comparsa, cercare l'icona nella barra di ricerca.
  • Fare clic sull' icona per inserirla nel modulo di testo ricco.

Modificare un'icona

Una volta inserita l'icona, è possibile modificarne l'aspetto e la posizione, oppure collegarla ad altri contenuti.

  • Navigare verso il proprio contenuto:

    • Pagine del sito web:
    • Pagine di destinazione:
    • Blog:
  • Fare clic sul nome del contenuto.
  • Nell'editor dei contenuti, fare clic sulla propria icona per aprire l'editor delle icone.
    • Per modificare il colore dell'icona, fare clic sul menu a discesa backgroundColor e selezionare un colore. Per inserire un valore esadecimale o RGB del colore, fare clic sulla scheda Avanzate .
    • Usare le icone indent indent iconiconiconper spostare l'icona a destra o a sinistra.
    • Usare le icone di allineamentoblockAlignmentBottom per regolare la posizione dell'icona all'interno di un blocco di testo.
    • Per aggiungere un link all'icona, fare clic sull'iconalinklink, quindi inserire un link.
    • Per ridimensionare l'icona, fare clic e trascinare gli angoli dell'icona nell'editor o inserire i valori in pixel per la larghezza e l'altezza nella barra degli strumenti.

  • Per rimuovere un'icona da un modulo di testo ricco, fare clic sull'immagine, quindi sull'icona delcestino delete ..
  • Per sostituire l'icona, fare clic sull'immagine, quindi sull'icona replace replace e aggiungere una nuova icona.

Modifica delle opzioni avanzate delle icone

È possibile modificare le opzioni avanzate dell'icona per aggiungere testo di accessibilità o personalizzare il collegamento all'icona.

  • Nell'editor dei contenuti, fare clic sull'icona.
  • Fare clic sull'icona di modificaedit .
  • Nel riquadro a comparsa, fare clic su Avanzate.
  • Se l'icona ha un link, è possibile selezionare uno o più tipi di link. In questo modo si indica ai motori di ricerca il modo in cui il link è collegato al sito web. Per saperne di più sui diversi tipi di link.
  • Selezionare uno scopo per l'immagine.
    • Se l'icona è destinata a trasmettere informazioni, selezionare Leggi per gli screen reader e aggiungere un titolo che ne descriva lo scopo.
    • Se l'icona non trasmette informazioni, selezionare Ignora per gli screen reader.
  • Fare clic su Applica.