Come cambiare i caratteri in WordPress [Il modo più semplice]

Stai cercando di cambiare il carattere utilizzato sul tuo sito WordPress?

Con gli strumenti giusti, cambiare il carattere del tuo sito o aggiungere più nuovi caratteri è facile. Segui questo breve tutorial e nei prossimi minuti vedrai un nuovo carattere sul tuo sito.

Come usare semplici caratteri di Google

Il modo migliore per cambiare il carattere sul tuo sito è con il plug-in Easy Google Fonts.

Questo plugin ti dà accesso a centinaia di caratteri diversi da utilizzare sul tuo sito. Prima di passare al plug-in, prendiamoci solo un momento per spiegare cos’è Google Fonts.

Aggiornamento: il mio nuovo video tutorial ti guiderà attraverso i passaggi (usa un plugin diverso da quello in questo tutorial).

Iscriviti ai temi della competizione su Youtube

Che cos’è Google Font?

Google Fonts fornisce l’accesso a centinaia di caratteri utilizzabili gratuitamente su qualsiasi sito web. Per qualsiasi sviluppatore web che desideri aggiungere un carattere al proprio sito, Google Fonts lo rende facile.

Se non conosci i dettagli della creazione di siti Web, è qui che entra in gioco il plug-in Easy Google Fonts. Gestisce le parti tecniche per te, quindi tutto ciò che devi fare è selezionare i caratteri che ti piacciono.

Fatto? Ottimo, aggiungiamo quei caratteri!

Crea il tuo controllo del carattere

Quando attivi il plug-in, troverai una nuova voce di menu di Google Fonts aggiunta in Impostazioni. In quella pagina troverai le seguenti opzioni:

Successivamente assegnerai i caratteri al tuo "controllo carattere" in modo da poter avere più controlli dei caratteri con caratteri e impostazioni diversi. Per ora, tutto ciò che devi fare è nominare il controllo del carattere.

Aggiungi un selettore CSS

Sotto il nome del controllo, c’è una casella in cui è possibile definire i selettori CSS che si desidera utilizzare. Se non sai cos’è un selettore CSS, non è un problema.

Ci sono tre selettori CSS aggiunti per impostazione predefinita. Fare clic sulla "x" su ciascuno per rimuoverli. Una volta rimosso, digita un asterisco (*) e premi invio. L’impostazione dei selettori CSS dovrebbe ora assomigliare a questa:

L’asterisco è un selettore CSS che ha come target ogni elemento HTML del sito. In altre parole, hai appena detto a Easy Google Fonts di utilizzare il tuo nuovo carattere per tutto il testo del sito.

Forza stili di sostituzione

Consiglio di selezionare anche la casella "Forza l’override degli stili". Ciò assicurerà che il carattere scelto prevalga sui caratteri utilizzati nel tema. Non ci sono svantaggi nell’usare questa opzione, quindi puoi anche controllarla risparmiando un minuto se i caratteri non sovrascrivono senza di essa.

Scegli il tuo nuovo carattere

Ora che Easy Google Fonts sa quali parti del tuo sito interessare, puoi dirgli quale carattere usare.

Visita il Customizer per iniziare la selezione del carattere (Aspetto > Personalizza). Una volta lì, fai clic sulla nuova sezione Tipografia.

EGF funziona alla grande con il tema Periodo.

Questa sezione rivelerà due nuove sottosezioni: Tipografia predefinita e Tipografia a tema. Fare clic sulla sezione Tipografia del tema.

Ora vedrai il controllo che hai nominato in precedenza. Fare clic sul pulsante Modifica carattere per visualizzare le opzioni di personalizzazione.

Ci sono alcune opzioni, ma solo due devi modificarle.

Cambia lo script/sottoinsieme

I caratteri hanno set di caratteri progettati per adattarsi a lingue diverse. Se il tuo sito è in inglese, seleziona la prima opzione, Latin.

La scelta di "Tutti i sottoinsiemi" renderà i file dei caratteri molto più grandi e aumenterà i tempi di caricamento.

Scegli la famiglia di caratteri

Qui è dove finalmente puoi scegliere il tuo nuovo carattere. Quando selezioni vari caratteri, vedrai il tuo sito web aggiornarsi istantaneamente.

Sebbene questo sia certamente un ottimo modo per visualizzare in anteprima e modificare i caratteri, non è un modo efficiente per navigare.

Ti consiglio di visitare Google Fonts che è ben progettato per la navigazione e la ricerca di caratteri. Una volta trovati alcuni caratteri che ti piacciono, torna sul tuo sito e provali con Easy Google Fonts

Aggiunta e personalizzazione di più caratteri

Si spera che a quest’ora tu stia amando il tuo nuovo font, ma c’è molto di più che puoi fare con Easy Google Fonts.

Ricordi la sezione Tipografia predefinita di prima? Puoi usarlo per personalizzare i tuoi titoli e paragrafi. Inoltre, non devi fermarti a cambiare la famiglia di caratteri, puoi anche cambiare la dimensione e il colore del carattere. E se ti senti a tuo agio con alcuni selettori CSS, puoi personalizzare il carattere su qualsiasi singola parte del tuo sito.

Se hai domande sulla modifica dei caratteri con WordPress o hai una richiesta per un nuovo tutorial, lascia un commento qui sotto.