Cum să schimbați orice font din tema dvs. WordPress

Come cambiare qualsiasi carattere nel tuo tema WordPress

⌛ Reading Time: 5 minutes

Hai mai desiderato cambiare i caratteri su un sito Web WordPress? La scelta di un nuovo font con il customizer non è difficile. La sfida arriva quando desideri utilizzare un carattere che non viene fornito con il tema o se l’elemento che desideri modificare non ha alcuna opzione per farlo.

Cambia caratteri personalizzabili

Per ottenere più caratteri, installa prima il file Facile Google Fonts plug-in al tuo sito.

1. Vai a “Plugin -> Aggiungi nuovo”.

2. Cerca “Easy Google Font”.

3. Fare clic su Installa e quindi su Attiva.

4. Ora ci sono più opzioni di carattere sul tuo sito. Per cambiarli, vai nel tuo personalizzatore (Aspetto -> Personalizza).

cambiare l'aspetto dei caratteri del sito web

5. Fai clic su “Tipografia -> Tipografia tema”.

cambiare-sito-font-tema-tipografia

6. Fare clic sulla freccia del menu a discesa e scorrere verso il basso. Dovresti vedere molti più caratteri disponibili.

cambiare-sito-font-tema-tipografia-nuovo

7. Fare clic per selezionare quello che si desidera utilizzare.

È piuttosto semplice utilizzare il plugin per modificare il testo che è già personalizzabile nel tuo tema. La parte frustrante arriva quando vuoi che un particolare pezzo di testo sia un carattere diverso e non c’è posto per cambiarlo!

Per personalizzarli è necessario modificare il codice CSS per quella parte del sito web. Tuttavia, è nascosto, quindi è necessario rintracciarlo.

Ottieni le estensioni

Nel browser Google Chrome, cerca un’estensione chiamata WhatFont, quindi installalo e consenti l’esecuzione.

cambiare-sito-font-whatfont-extension

Quando è abilitato, WhatFont identifica qualsiasi carattere trovato su qualsiasi sito web. Quindi, se ti piace un font e vuoi usarlo nel tuo lavoro, passa il mouse sul testo mentre WhatFont è in esecuzione e ti mostrerà il nome del font.

La prossima estensione che devi installare e attivare è Firebug Lite. Visualizza il codice del tuo sito e ti consente di modificare in tempo reale le proprietà CSS. Questa estensione semplifica la ricerca e la modifica dei caratteri trovando la posizione del testo nel codice.

modifica-sito-font-firebug-lite-extension

Trova il carattere

Per scoprire il nome del carattere attualmente utilizzato dal tema:

1. Attiva WhatFont facendo clic sulla sua icona

2. Passa il mouse sul carattere che desideri identificare.

cambiare-sito-font-identificare

3. Prendere nota del nome del carattere.

4. Disattiva WhatFont.

Il passaggio successivo consiste nell’individuare il CSS con quel carattere nel codice.

1. Apri il customizer come hai fatto in precedenza.

2. Apri Firebug Lite (l’icona di un bug con un cacciavite).

3. Quando attivi Firebug, il codice del sito viene visualizzato nella parte inferiore dello schermo.

Devi stare molto attento a lavorare con questo codice, soprattutto se non sei un esperto di CSS. Se segui bene le indicazioni, però, dovresti essere in grado di cambiare i caratteri abbastanza facilmente senza distruggere il tuo sito. Sarebbe una buona idea eseguire il backup del tuo sito prima di andare avanti.

Trova il carattere corrente del testo che desideri modificare.

1. Fare clic su CSS.

change-website-fonts-css

2. Scegli il file style.css. (È un file lungo.)

cambia-sito-font-ispeziona-menu a discesa

3. Hit Ctrl + f e digita il carattere che hai annotato nella casella di ricerca.

4. In questo esempio stavo cercando Helvetica e puoi vedere in arancione la posizione di quel carattere negli stili CSS.

cambiamento-sito-font-trovati

4. Evidenziare e copiare la posizione del carattere. L’ho evidenziato in giallo nella foto sopra. Se è presente più di una posizione elencata, copia solo una di esse.

Crea un controllo del carattere

I controlli dei caratteri indicano al plugin dove il CSS utilizza il carattere che vogliamo modificare. Questo passaggio può essere un po ‘di tentativi ed errori, soprattutto se il carattere che stai cercando si trova in diversi punti del tuo sito.

1. Torna al pannello di amministrazione, passa il mouse sulle impostazioni e fai clic su Google Fonts.

2. Fai clic su “Crea un nuovo controllo dei caratteri”.

cambiare-sito-font-font-control

3. Rinominarlo per descrivere la posizione del nuovo carattere.

4. Incolla la posizione che hai copiato dall’elenco CSS nella casella dei selettori CSS.

5. Fare clic sulla casella Force Styles override.

6. Salva.

Controllalo

Torna nella personalizzazione e individua il punto in cui desideri modificare il carattere. Trova la casella a discesa per il controllo del carattere appena creato. Tiralo verso il basso e seleziona il carattere che desideri utilizzare. Se funziona correttamente, il carattere cambia non appena fai clic su di esso.

Se non funziona, torna ai controlli dei caratteri, elimina la posizione che hai incollato e riprova utilizzando una posizione diversa nel CSS in cui era elencato il carattere originale. Ricorda, potrebbero essere necessari diversi tentativi per farlo funzionare.

Anche se utilizzi un tema comune, la possibilità di cambiare qualsiasi carattere nel tuo tema WordPress darà al tuo sito un aspetto unico. Assicurati che il tuo sito sia aggiornato correttamente e provalo.

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.