Come aggiungere le icone Font Awesome al tema Divi

In questo post ti mostro come aggiungere icone Font Awesome al tuo sito WordPress con un plugin o integrando manualmente con Divi.

Introduzione a Font Awesome

Non c’è nessuna libreria di icone come Font Awesome. Su Font Awesome puoi trovare migliaia di icone e loghi che possono essere integrati nel tuo sito Web Divi.

Ci sono due particolare ragioni che mi convincono a installare Font Awesome:
1. Font Awesome è gratuito;
2. È veloce e facile aggiungere Font Awesome al sito Divi.

Preferiamo usare loghi e icone di Font Awesome anzichè le immagini perchè sono una scelta decisamente migliore. Infatti i vettori di Font Awesome sono molto leggeri e caricano velocemente. Non è necessario comprimere i vettori Font Awesome e questi non influiranno sulla velocità di caricamento del tuo sito web. Puoi aggiungerli in molti modi diversi, rendendoli molto versatili.

La libreria di icone Font Awesome ha tutti i tipi di icone che utilizzerai sul tuo sito web. Se non sai come aggiungere Font Awesome al tuo sito Web Divi, continua a leggere qua sotto e ti spiegherò passo dopo passo.

Libreria icone Font Awesome

Installazione con plugin

Ti mostrerò come integrare manualmente Font Awesome nel tuo sito Web Divi, ma prima volevo farti sapere che esiste un modo semplice. Questo metodo è più per i principianti che vogliono evitare di aggiungere codice a Divi, ma non è la scelta migliore se stai cercando di mantenere il numero di plugin al minimo. Quindi fai uno sforzo e continua a leggere fino al metodo numero 2. Ad ogni modo, Font Awesome ora ha il proprio plugin per WordPress. Puoi installare il plugin Font Awesome come qualsiasi altro plugin per il tuo sito Web Divi andando su Plugin > Aggiungi nuovo e cercandolo.
Blur impostazioni

Installazione manuale con codice

L’altro modo per aggiungere Font Awesome al tuo sito Web Divi è utilizzare l’integrazione manuale. Innanzitutto, devi visitare il sito Web ufficiale di Font Awesome. Utilizzeremo la versione principale ovvero quella del piano gratuito. Registrati cliccando su “Start for free“. Dopo aver scelto il piano desiderato, gratuito oa pagamento, il passaggio successivo è aggiungere il codice di integrazione di Font Awesome al tuo sito Web Divi. Il piano gratuito ha oltre 1.588 icone gratuite e il piano pro ha oltre 7.842 icone.
Font Awesome

Dopo che ti sei registrato, inserisci alcuni dati e procedi all’attivazione di un account.

A questo punto visita la parte relativa ai tuoi “Kits” e copia il codice per l’integrazione.

Font Awesome codice integrazione

Dopo aver copiato il codice dal sito Web di Font Awesome, puoi aggiungere questo codice a qualsiasi modello o tema. Dato che ci occupiamo di aggiungere Font Awesome al tema Divi, Vai all’opzione temi > Integrazione > Incolla il codice nel campo “Aggiungi codice all’intestazione del tuo blog”.

Dopo aver salvato le modifiche al codice, Font Awesome verrà aggiunto al tuo sito Divi e potrai iniziare a utilizzare le fantastiche icone sul tuo sito.

Font Awesome Integrazione Divi

Conclusione

Un sito senza icone e loghi sembra davvero poco attraente. Il mio consiglio è quello di rendere il sito Web più vivace e questo puoi farlo con le icone Font Awesome gratuite. Aggiungere Font Awesome al tema Divi è veloce poiché abbiamo visto in pochi passaggi quasi tutti gli aspetti principali che devi conoscere. Ogni volta che dovrai integrare Font Awesome al tuo sito Divi, consulta direttamente questa semplice guida.
Scrivi nei commenti qui sotto, ci piacerebbe sapere cosa ne pensi!

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ti potrebbe anche interessare…

Ottimizzare le immagini per la SEO
Nov 15 2022

Come ottimizzare le immagini per la SEO in Divi

Scopri come ottimizzare le immagini del tuo sito Divi in ottica SEO in questa guida passo dopo passo!
Modulo Divi Blur
Nov 14 2022

Come spostare il titolo del modulo Divi Blur sopra l’immagine

Oggi ti mostrerò come spostare il titolo del modulo Divi Blurb sopra l’immagine grazie a un frammento di codice.
Icone Social Mobile Divi
Mag 11 2022

Mostrare le icone social nell’header Divi da mobile

In questo post scoprirai un semplice trucchetto per abilitare le icone social nell’header Divi da mobile.
Video Vimeo Modulo
Mag 08 2022

Come incorporare Vimeo nel modulo video di Divi

In questo articolo ti mostro come inserire correttamente un video Vimeo nel modulo video di Divi.
Sosituire Icona Hamburger Divi
Feb 18 2022

Come sostituire l’icona hamburger per mobile nel tema Divi

In questa breve guida imparerai a sostituire l’icona hamburger standard di Divi per dispositivi mobili come cellulari e tablet.
Disabilitare IMG title
Feb 12 2022

Come ottimizzare gli attributi img alt e img title per la SEO

Ecco una breve guida sugli attributi img alt e img title e come disabilitarli in un sito WordPress.
Animazione Lottie WordPress
Nov 12 2021

Come aggiungere una animazione Lottie al tuo sito Divi

La animazione Lottie è molto attraente e in grado di catturare l’attenzione degli utenti. Scopriamo come aggiungerle su Divi!
Aggiornamento Divi Novembre
Nov 06 2021

Aggiornamento Novembre Divi: nuovo modulo icone

Le nuove opzioni per le icone di Divi sono disponibili dal 4 di Novembre! Ora possiamo integrare tutte le icone di Font Awesome.
Header Divi sfondo
Ott 23 2021

Aggiungere del testo al menu secondario Divi

Questo post descrive come aggiungere una semplice riga di testo personalizzato all’header superiore del tema Divi.

Crea siti Web professionali con i layout Divi

Prova i nostri layout per il tema Divi, usato da web agency e professionisti di WordPress!

Membership

Sepa

10,00 €  per sempre!

Con l’aggiunta di nuovi layout, il prezzo
può essere soggetto a modifiche.

R Più di 50 Layout Divi
R Download illimitati
R DOCUMENTAZIONE
R Assistenza PER email

10,00 €  per sempre!

Con l’aggiunta di nuovi layout, il prezzo
può essere soggetto a modifiche.