3 modi diversi per aggiungere caratteri personalizzati al tema del tuo sito WordPress

Esistono molti modi interessanti e personalizzabili per rendere il tuo sito Web WordPress più unico e visivamente accattivante. Uno dei modi è aggiungere caratteri personalizzati al tuo sito WordPress. Dai un'occhiata ad alcuni dei siti web dei tuoi concorrenti. Possono emulare lo stesso tono e lo stesso stile che speri di creare anche con il tuo sito Web WordPress. Prestare attenzione al loro uso dei caratteri. Molti siti di successo tendono a utilizzare una manciata di caratteri accuratamente selezionati che vengono utilizzati in modo coerente in tutto il sito web.

Ci sono così tanti caratteri personalizzati disponibili online gratuitamente che puoi facilmente aggiungere al tuo sito. Dopo aver trovato i caratteri giusti, dovrai sapere come applicarli al tuo sito web. C'è una gamma di metodi che puoi provare per raggiungere questo obiettivo.

Per prima cosa, trovare il carattere giusto; ci sono innumerevoli siti là fuori che offrono migliaia di font gratuiti da scaricare. Prova Google Fonts, TemplateMonster, MyFonts, FontSpring, Cufonfonts, Dafont, Font Squirrel, Edge Web Fonts, 1001 Free Fonts, Fonts.com.

In breve, ci sono due modi principali per aggiungere caratteri personalizzati al tuo sito Web WordPress: manualmente o con plug-in.

Aggiungi manualmente caratteri personalizzati al tema del tuo sito WordPress

L'aggiunta manuale di caratteri personalizzati al tuo WordPress può essere utile se preferisci non rischiare di sovraccaricare il tuo sito WordPress con troppi plugin. Ciò può essere ottenuto modificando la direttiva @font-face. Ciò ti consente di collegare più caratteri di qualsiasi formato al tuo sito.

Ciò comporta i seguenti passaggi:

Passo 1

Innanzitutto, scarica i caratteri personalizzati scelti da qualsiasi sito Web che hai trovato più utile. Una volta salvato il file sul tuo computer, estrai questo archivio .zip.

Passo 2

Successivamente, puoi caricare questo file di font nel tuo server di hosting WordPress nella directory "wp-content/themes/your-theme-folder/fonts". Se non hai già impostato una cartella designata per i tuoi font personalizzati, creane una e salvala lì.

Passaggio 3

Successivamente, vai all'area di amministrazione di WordPress. Seleziona Aspetto, quindi vai a Editor dei temi. A questo punto, vedrai sullo schermo il file style.css del tema. Sotto questo, dovrai aggiungere questa sezione di codice:

 @font-face { font-family: Aguafina Script-Regular; src: url(http://test-site.com/wp-content/themes/your-theme-folder/fonts/AguafinaScript-Regular.ttf); font-weight: normal; }

Ricorda di sostituire "URL" e "font-family" nel codice con i valori appropriati per corrispondere al carattere scelto. Dovresti anche incollare questa sezione di codice all'inizio del file CSS ma dopo il commento del tema.

Passaggio 4

Infine, assicurati di fare clic sull'importante pulsante Aggiorna file. Ciò garantisce che le modifiche vengano salvate correttamente prima di lasciare la pagina.

Passaggio 5

Successivamente, puoi facilmente utilizzare il carattere ovunque desideri applicarlo nel foglio di stile del tuo tema. Utilizzando il seguente codice:

 .h1 site-title { font-family: "Aguafina Script-Regular", Arial, sans-serif; }

Ora che hai modificato questo codice font-face, ogni volta che qualcuno accede al tuo sito Web, il font verrà caricato. Ma non l'hai ancora applicato a nessun particolare elemento della pagina. Per fare ciò, devi apportare un'altra modifica finale al file style.css corrispondente a cui stavi accedendo. Dovrai inserire un codice come il seguente nel file:

 .site-title { font-family: "Aguafina Script-Regular", Arial, sans-serif; }

Consigliato per te: Guida per principianti: come installare un tema WordPress?

Nota rapida:

Ricorda, come prima, di modificare il valore font-family in modo che sia appropriato al font che stai utilizzando.

Se, ad esempio, stai utilizzando caratteri tipografici personalizzati da Google Fonts, vedrai che esiste una scheda denominata @import, che ti fornisce il codice pertinente da copiare e incollare semplicemente nel file style.css del tuo tema. Questo può rendere l'intero processo molto più semplice se non ti senti a tuo agio nel gestire troppa codifica.

Tuttavia, questo non è più un metodo altamente raccomandato. Ha riscontrato alcuni problemi di prestazioni, impedendo ai browser di scaricare più fogli di stile contemporaneamente. Ciò si traduce in un caricamento delle pagine più lento alla fine. Quindi tienilo a mente quando scegli i caratteri e i metodi per usarli.

D'altra parte, l'installazione manuale di caratteri personalizzati tramite CSS consente di collegare caratteri di una gamma di formati, inclusi SVG, WOFF, TTF e OTF. Questo metodo permette anche di lavorare senza doversi affidare a servizi di terze parti. I tuoi file di font si troveranno sul tuo server. Questo è il modo più diretto per aggiungere font personalizzati a WordPress.

Usa i plugin per aggiungere caratteri personalizzati al tema del tuo sito WordPress

Molte persone scelgono di utilizzare i plug-in per includere i propri caratteri personalizzati nei propri siti WordPress, poiché in molti modi può essere il metodo più semplice per farlo. Ciò è particolarmente vero se non vuoi occuparti della codifica CSS. Google Fonts è una scelta popolare, soprattutto perché può essere facilmente utilizzato insieme al plug-in di WordPress. Le due migliori opzioni per te sono Easy Google Fonts e Google Fonts Typography. Una volta attivato uno di questi plugin, potrai facilmente accedere all'intero catalogo di caratteri di Google Fonts da aggiungere alle tue pagine senza dover gestire alcun codice complicato.

L'utilizzo di Google Fonts è il modo più semplice per farlo e puoi visualizzare in anteprima le modifiche e i caratteri personalizzati in tempo reale sullo schermo.

A seconda dei file di font che desideri utilizzare e se intendi utilizzare un singolo repository o meno, potresti prendere in considerazione l'utilizzo di un plug-in alternativo, come il plug-in Font personalizzati.

Passo 1

Dopo aver installato il plug-in preferito e averlo attivato, vai su Aspetto, quindi fai clic sulla pagina Personalizzatore, che aprirà la pagina dell'interfaccia di personalizzazione del tema WordPress live. Qui è dove vedrai la scheda Tipografia, che ti mostrerà ogni sezione del tuo sito a cui puoi applicare i tuoi caratteri personalizzati.

Passo 2

Dopo aver aperto questa pagina, potrai fare clic sul pulsante Modifica carattere all'interno della sezione della pagina che desideri iniziare a modificare. Quindi puoi lavorare attraverso le varie sottosezioni, selezionando lo stile del carattere, la dimensione, il margine, ecc. - queste sezioni varieranno a seconda del tema che stai utilizzando.

Il tuo tema potrebbe anche significare che non sarai in grado di modificare direttamente la tua selezione di caratteri per varie sezioni del tuo sito web. Esiste, tuttavia, una semplice soluzione per questo problema: vai semplicemente su Impostazioni, quindi su Google Fonts, dove puoi creare i tuoi controlli dei caratteri. Per fare ciò, inserisci semplicemente un nome di controllo nella casella e seleziona i selettori CSS. Ciò ti consente di aggiungere qualsiasi elemento HTML che desideri scegliere come target per questo carattere. Dopo aver inserito queste informazioni, assicurati di salvare le modifiche facendo clic sul pulsante Salva controllo carattere in modo che le tue impostazioni siano completamente aggiornate. Puoi quindi continuare a creare tutti i controlli dei caratteri personalizzati di cui avrai bisogno per ogni diversa sezione del tuo sito Web WordPress.

Passaggio 3

Per utilizzare questi nuovi controller di font dopo averli creati, torna alla sezione Aspetto, fai clic su Personalizzatore, quindi fai clic sulla scheda Tipografia. Successivamente, vedrai l'opzione con l'etichetta Tipografia del tema: quando fai clic su questo, sarai in grado di accedere ai controlli dei caratteri personalizzati semplicemente selezionando il pulsante Modifica in modo da poter scegliere i caratteri che desideri e l'aspetto che desideri per questo particolare controllo. Ancora una volta, non dimenticare di salvare le modifiche, facendo clic sul pulsante Pubblica o Salva per aggiornare il tuo sito.

Nota rapida:

Alcuni altri fantastici plug-in di font WordPress personalizzati che consigliamo sono Custom Font Uploader e Use Any Font, ma ce ne sono innumerevoli altri tra cui scegliere, quindi esplora le tue opzioni prima di scegliere quello che desideri utilizzare.

Ti potrebbero piacere anche: 20 Temi WordPress Micro Nicchia più venduti.

Infine, prova a utilizzare i temi

Oltre a questi due metodi principali per aggiungere font e tipografia personalizzati al tuo sito Web WordPress, puoi anche utilizzare i temi tra cui puoi scegliere. Sono disponibili numerosi temi, molti dei quali sono dotati di opzioni integrate che consentono di personalizzare i caratteri installati. Il processo per farlo varierà a seconda del tema che stai utilizzando. Quindi assicurati di cercare la guida appropriata per abbinare il tuo tema. Temi WordPress premium di alta qualità offriranno anche documenti disponibili per l'accesso online che forniscono linee guida per l'aggiunta di caratteri personalizzati a quel particolare tema.

Gli elementi visivi e di design sono senza dubbio uno dei fattori più importanti nella creazione di un sito Web efficace che attiri l'attenzione di ogni persona che lo visita. Una delle più grandi caratteristiche all'interno di questa sfera è l'uso dei caratteri. Qualunque sia il modo in cui scegli di aggiungere caratteri personalizzati al tuo sito Web WordPress, dovresti trovare e utilizzare i caratteri più adatti per lo stile, il pubblico, il contenuto, il tema e il tono dell'intero sito Web e del tuo marchio.

 Questo articolo è stato scritto da Beatrice Beard. Beatrice è una copywriter professionista presso Academic Brits, specializzata in una vasta gamma di argomenti e aree tematiche. Beatrice è sempre aperta a condividere la sua esperienza personale e a dare consigli esperti agli scrittori principianti scoprendo tutte le numerose sfide e peculiarità della creazione di contenuti di alta qualità che vendono davvero.