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