WordPress: come inserire le icone

Esistono vari metodi per ravvivare un testo su WordPress con gli icon font: uti­liz­za­te un plugin di WordPress per gli icon font, che è di­spo­ni­bi­le su Font Awesome, per esempio. Gli shortcode possono anche essere uti­liz­za­ti per inserire le icone tramite il plugin. In al­ter­na­ti­va, in­cor­po­ra­te gli icon font ma­nual­men­te tramite il codice di in­cor­po­ra­men­to, se non anche font in­di­vi­dua­li o interi set (per esempio, sempre da Font Awesome). Se avete bisogno solo di alcune icone standard, potete anche usare quelle di page builder o Dashicons.

Cosa sono gli icon font?

Gli icon font sono pit­to­gram­mi e simboli in­di­vi­dua­li che potete inserire nel vostro sito web e che vengono uti­liz­za­ti per la na­vi­ga­zio­ne o per spezzare il testo. La grande dif­fe­ren­za rispetto alle altre icone su WordPress è che gli icon font sono disposti come un normale font. Invece di lettere, numeri o caratteri speciali, questo contiene sem­pli­ce­men­te le piccole icone.

Questo metodo porta con sé grandi vantaggi. Da un lato, l’utilizzo diventa più semplice se i pit­to­gram­mi sono de­po­si­ta­ti come scrittura. Dall’altro, queste icone su WordPress, proprio come un font con­ven­zio­na­le, sono li­be­ra­men­te scalabili e possono essere colorate a piacere. Inoltre, gli icon font si caricano più ve­lo­ce­men­te dei singoli elementi grafici.

Dove si possono trovare gli icon font per WordPress?

Close

Esistono numerosi fornitori che mettono a di­spo­si­zio­ne icone per WordPress. Molti di loro sono gratuiti. Pro­ba­bil­men­te il sito più popolare al mondo per icon font gratuiti è Font Awesome. Si possono trovare ben oltre 7.500 icone. La tavolozza varia da semplici frecce o simboli comuni, come carrelli della spesa e lenti di in­gran­di­men­to, a temi speciali.

Inserire icone in WordPress con un plugin

Close

Una volta trovate le icone giuste per il vostro sito WordPress, esistono vari modi per in­te­grar­le. Un metodo semplice è tramite plugin. Per Font Awesome esiste un plugin di in­te­gra­zio­ne separato chiamato Better Font Awesome. Così è possibile inserire icone in WordPress tramite l’uso di uno shortcode. Il plugin fornisce sempre gli ultimi set di icone e quindi non richiede alcun ag­gior­na­men­to manuale. Usarlo è facile: una volta in­stal­la­to, il plugin permette di se­le­zio­na­re e integrare qualsiasi icona tramite lo shortcode icon name=“Esempio”. Tuttavia, i diversi pit­to­gram­mi sono di­spo­ni­bi­li anche nell’editor di testi.

Inserire le icone ma­nual­men­te in WordPress

Potete anche inserire le icone ma­nual­men­te in WordPress. A questo scopo, Font Awesome vi fornisce il font cor­ri­spon­den­te sotto forma di codice di in­cor­po­ra­men­to. Funziona nel seguente modo:

1. Lasciate il vostro indirizzo di posta elet­tro­ni­ca su Font Awesome. Il codice di in­cor­po­ra­men­to viene inviato a questo indirizzo.
2. Poi create un backup del vostro sito web. Dato che state in­ter­fe­ren­do con il codice, è im­por­tan­te che abbiate una copia di backup.
3. Ora incollate il codice nell’in­te­sta­zio­ne del vostro tema. Questo funziona sia at­tra­ver­so il file header.php oppure, con alcuni temi, anche di­ret­ta­men­te nel back end. Il codice di in­cor­po­ra­men­to viene inserito di­ret­ta­men­te prima di .
4. A questo punto potete se­le­zio­na­re le icone per WordPress che vi servono per il vostro sito.

In al­ter­na­ti­va, scaricate la raccolta di icone de­si­de­ra­ta di­ret­ta­men­te da Font Awesome:

1. Prima di tutto, de­com­pri­me­te il file zip incluso. Al suo interno troverete anche un file chiamato all.css.
2. Usate FTP per con­net­ter­vi al server del vostro sito. Lì troverete una cartella chiamata “fonts”.
3. In questa cartella, create una sot­to­car­tel­la chiamata “Font Awesome” e al suo interno un’altra sot­to­car­tel­la chiamata “css”. Inserite lì il file all.css.
4. Aprite il file header.php del vostro tema e ag­giun­ge­te il seguente codice prima di :

<link href="https://www.paginadiesempio.it/themes/temadiesempio/fonts/fontawesome/css/all.css" rel="stylesheet">

Icone di WordPress con page builder e Dashicons: meno scelta, facile gestione

La terza opzione per ag­giun­ge­re icone a WordPress è la più semplice. Alcuni page builder per WordPress, tra i più popolari e diffusi, hanno le loro raccolte di icone. Questi includono, per esempio, Beaver Builder o Elementor Pro. Qui, le icone sono sem­pli­ce­men­te me­mo­riz­za­te come font, possono essere se­le­zio­na­te e poi inserite tramite drag&drop.

Il lato negativo: rispetto alle col­le­zio­ni complete di Font Awesome e strumenti simili l’offerta è molto limitata e lascia poco spazio al vostro stile personale. Tuttavia, se avete bisogno solo di poche icone, questo metodo è suf­fi­cien­te.

Close

La si­tua­zio­ne è al­tret­tan­to chiara con Dashicons. Queste icone sono standard su WordPress e possono essere inserite con un plugin. Per farlo, basta copiare il codice di un’icona sul sito web e in­col­lar­lo nel back end. Anche se ci sono re­la­ti­va­men­te poche icone di­spo­ni­bi­li per il vostro sito WordPress, troverete anche qui dei classici come le icone delle e-mail, i loghi delle varie piat­ta­for­me social o un carrello della spesa.

Con­clu­sio­ne: le icone per WordPress sono utili e facili da integrare

Quindi, se volete ag­giun­ge­re icone a WordPress, avete diverse opzioni, che fun­zio­na­no tutte in modo re­la­ti­va­men­te facile. Gli icon font offrono numerosi vantaggi rispetto agli elementi grafici ed è per questo che possono essere un’opzione utile. È im­por­tan­te usare sempre le icone con par­si­mo­nia. Al­tri­men­ti la vostra pagina diventerà ra­pi­da­men­te di­scon­ti­nua. Una favicon di WordPress e qualche icona sulle singole pagine sono suf­fi­cien­ti.