Nota bene: la traduzione in olandese 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.
Landing Pages

Inserire e modificare le icone nei moduli di testo ricco

Ultimo aggiornamento: marzo 9, 2021

Si applica a:

Tutti i prodotti e i piani

Puoi aggiungere qualsiasi icona nella libreria Font Awesome ai moduli di testo ricco sui post e le pagine del blog. Una volta che l'icona è stata aggiunta, è possibile personalizzare il suo colore, il posizionamento e le dimensioni.

Nota: le icone non possono essere aggiunte direttamente alle email di marketing. Per usare un'icona in un'email, salva l'icona come immagine, poi inseriscila nell'editor di email.


Aggiungi un'icona al tuo contenuto in un modulo rich text

  • Nel tuoaccountHubSpot, vaial tuo blog, alle paginedi destinazione o alle pagine del sito web.

  • Passa sopra il nome del post o della pagina del tuo blog e clicca su Edit.
  • Clicca sul modulo rich text dove vuoi che appaia l'icona.
  • In alto a destra della barra degli strumenti rich text, clicca sul menu a tendina Inserte seleziona Icon.

insert-a-new-icon


  • Nella finestra pop-up, cerca l'icona nella barra di ricerca.
  • Clicca sull'icona per inserirla nel tuo modulo di testo ricco.

Modifica un'icona

Una volta inserita l'icona, puoi modificarne l'aspetto e la posizione o collegarla ad altri contenuti.

  • Nel tuoaccountHubSpot, vaial tuo blog, alle paginedi destinazione o alle pagine del sito web.

  • Passa sopra il nome del post del blog o della pagina e clicca su Edit.
  • Nell'editor di contenuti, clicca sulla tua iconaper aprirel'editor di icone.
    1. Per modificare il colore dell'icona, clicca sul menu a tendina del colore dell'icona backgroundColor e seleziona un colore. Per inserire un valore esadecimaleoun valore di coloreRGB , vai alla schedaAdvanced.
    2. Usate le icone indentate per spostare l'icona a destra o a sinistra.
    3. Usa le icone blockAlignmentBottom alignment per regolare la posizione dell'icona all'interno di un blocco di testo.
    4. Per aggiungere un collegamento alla tua icona, clicca sull'iconalinklink.
    5. Per ridimensionare la vostra icona, cliccate e trascinate gli angoli dell'icona nell'editor o inserite i valori in pixel per la larghezza e l'altezza nella barra degli strumenti.
insert-an-icon-1
  • Per rimuovere un'icona da un modulo rich text, cliccate sull'immagine e poi sull'icona deletrash.
  • Per sostituire l'icona, clicca sull'immagine, poi clicca sull'icona replace replace
    e aggiungi una nuova icona.

Modificare le opzioni avanzate dell'icona

Puoi modificare le opzioni avanzate per la tua icona per aggiungere testo di accessibilità o personalizzare il link dell'icona.

  • Nell'editor di contenuti, clicca sull'icona.
  • Clicca sull'icona di modifica.
  • In alto a destra della finestra pop-up, fai clic suAdvanced.
  • Se la vostra icona è collegata, potete selezionare uno o più tipi di collegamento. Questo dice ai motori di ricerca come questo link si riferisce al tuo sito web. Scopri di più sui diversi tipi di link.
  • Seleziona uno scopo per latua immagine.
    • Se la tua icona è destinata a trasmettere informazioni, seleziona Read by screen readers e aggiungi un titolo che descriva il suo scopo.
    • Se la tua icona non trasmette informazioni, seleziona Ignoratodai lettori di schermo.
select-an-icon-purpose-1