Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Inserire e modificare le icone nei moduli di testo ricco

Ultimo aggiornamento: maggio 23, 2024

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Tutti i prodotti e i piani

È 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: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
    • Blog: Nel tuo account HubSpot, passa a Contenuti > 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.

insert-an-icon-in-a-post-or-page

  • 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: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
    • Blog: Nel tuo account HubSpot, passa a Contenuti > 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.
use-the-icon-toolbar
  • 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.
select-an-icon-purpose-1
L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.