website icons

Come inserire le icone nel mio sito gratis

In questo articolo ti spiego come inserire gratuitamente le icone di qualsiasi tipo, nel tuo sito, gratuitamente. Lo strumento per compiere questa operazione è il sito web di Font Awesome. Il sito non ti richiede di registrarti per usufruire dei contenuti, ma ti faccio notare che esiste una versione PRO con cui è possibile utilizzare più strumenti e più icone. Tuttavia la versione free è più che sufficiente per trovare delle ottime icone da importare nel tuo sito web e non solo.

Come usare il codice HTML per le icone

Sotto, i passaggi che ti consiglio di seguire per importare correttamente una qualsiasi icona sul tuo sito web.

  1. Per prima cosa, usa la barra di ricerca (oppure usa il menu) per trovare l’icona che ti serve.
  2. Una volta trovati i diversi risultati, usa il filtro sulla sinistra per selezionare solamente le icone gratuite, quindi con la scritta “Free”, a meno che tu non voglia comprare un piano premium, quindi per le icone “Pro”.
  3. Fatto questo, clicca sull’icona che ti ispira maggiormente. Ogni icona consente di selezionare più di un aspetto, non sempre gratuitamente però, quindi fa attenzione.
  4. Una volta scelta l’icona, clicca su “Star Using This Icon“.
  5. A questo punto si apre un pop up che ti invita a copiare un semplice codice HTML, da incollare nel tuo sito web. Ovviamente, affinché il codice funzioni devi inserirlo in un blocco di codice, altrimenti rimarrà in formato testuale e il codice non si trasformerà in un’icona.

Inoltre, ti consiglio di usare questo comodissimo tool per trovare una qualsiasi icona dalla lista di tutte quelle disponibili al momento. Essendo codici in HTML in realtà non serve alcuno strumento per inserire le icone nel tuo sito: se impari i codici a memoria puoi essere autonomo. Tuttavia, dato che esistono siti web come i due che ho condiviso in questo articolo, non credo abbia senso farlo.

Ricorda che questo metodo funziona ovunque tu possa incollare dei codici in HTML, quindi non solamente sui siti web.

Sotto, un breve video tutorial dove ti spiego come usare il sito web di Font Awesome per trovare le icone migliori per te:

Qui puoi acquistare il mio libro “Bellator Est Lux” in formato cartaceo 📕 
Qui puoi acquistare il mio libro “Bellator Est Lux” in formato ebook 📱

Articoli correlati:

Se hai un sito web, ti consiglio di passare a SiteGround, la migliore piattaforma self-hosted al mondo 

Se non riesci a seguire il mio blog da WordPress, puoi farlo:

Al prossimo articolo!

3 commenti

Rispondi a Austin Dove Cancella risposta

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: