Come cambiare il carattere del sito Web in WordPress

La personalizzazione del tuo sito web è una parte importante della creazione e può attrarre o stupire i tuoi lettori e clienti. Ti insegniamo come cambiare il carattere del sito in WordPress

Fonte del sito su wordpress
Essere in grado di scegliere una varietà di caratteri non significa che dovresti farlo

La fonte di un sito web è un dettaglio molto importante e può essere responsabile del successo o del fallimento del tuo sito web. Pensi di no? Quindi pensa a un sito web per spose, ad esempio, vedrai che il logo può avere un carattere completo pieno di schiena, linee sottili, curve e qualsiasi tipo di cosa extra che lo faccia sembrare più classico. Ma immaginate di leggere l'intero sito con questo font? Non dà.

D'altra parte, avere ogni elemento del tuo sito con un carattere predefinito può anche renderti molto noioso. Un sito web tutto bianco con il carattere di base, che sembra un documento word. Non è nemmeno interessante. Ci sono due casi estremi che possono benissimo accadere e definire se un sito sarà buono o cattivo.

Ma come cambiare il carattere del sito web? Questo è ciò di cui parleremo in questo tutorial. Sarai in grado di imparare come cambiare il carattere del tuo sito, tramite la programmazione o alcuni buoni plugin per fare questo lavoro. Se non sei esperto di programmazione, ti consigliamo l'uso di plugin, dopotutto, si occupano già di tutta la parte di codice del sito e ti impediscono di cambiare accidentalmente qualcosa di sbagliato e danneggiare il resto.

Domande frequenti rapide

Puoi conoscere in questo articolo i plugin Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer e Tiny MCE Advanced Che cos'è CSS?

Significa che Cascading Style Sheets (CSS) è un codice per modificare o aggiungere stile (ad es. colori, caratteri, spaziatura e altro) a un documento sul web

-- Pubblicità --
Quali plugin posso usare per cambiare il carattere del mio tema WordPress?

Puoi trovare in questo articolo i plugin Google Easy Fonts, WP Google Fonts, Use Any Font, MW Font Changer e Tiny MCE Advanced

Posso usare qualsiasi carattere nel mio tema WordPress?

Sì. I font a pagamento devono essere acquistati prima di aggiungerli al sito.


Dove posso scaricare font gratuiti?


Cambia il carattere del sito in WordPress: ecco come farlo

Vuoi aggiungere un po' di individualismo o branding al tuo sito WordPress? Un ottimo modo per farlo è cambiare i caratteri all'interno del tuo tema. Tuttavia, non tutti gli utenti di WordPress sono uguali e hanno le stesse conoscenze. Cambiare il tema tramite CSS potrebbe essere più semplice per alcuni utenti con conoscenze di programmazione e farlo individualmente attraverso i giusti pezzi di codice.

-- Pubblicità --

Mentre alcuni utenti che hanno bisogno di un nuovo font potrebbero non sentirsi a proprio agio con CSS e codice, avranno bisogno di un'opzione più semplice. Più "visivo" e può essere fatto rapidamente con un clic o due. Quindi, in questo articolo ti mostreremo diverse opzioni per aggiornare e modificare i caratteri nel tuo tema WordPress.

Come cambiare i caratteri nei temi di WordPress

Un designer di temi WordPress può scegliere caratteri specifici per aree specifiche di un tema. Per modificare i caratteri di un tema WordPress, dovrai identificare nello script CSS che stai visualizzando il carattere per quell'area specifica (intestazione, piè di pagina, corpo, ecc.)

Se prevedi di utilizzare un carattere completamente nuovo, dovrai pre-codificare tramite la regola @font-face. La prima cosa che devi fare è scegliere un font concesso in licenza per l'uso sul web. Successivamente, dovrai caricare il carattere scelto sul server. Infine, dovrai definire la tua famiglia di caratteri nella parte superiore di style.css. Ti consigliamo di utilizzare un tema semplice, preferibilmente non nel tema del tuo sito Web per motivi di sicurezza. Vedi un esempio con il carattere “Museo 300”

@font-face {font-family: Museo300; src: local('Museo300-Regular'), url(“fonts/Museo300-Regular.ttf”) format('truetype'); font-weight: normale;}

1. Cambia carattere a livello globale

Cambiare il carattere a livello globale nel tuo tema è semplice come inserire una riga di codice. Trovalo nell'editor del tuo tema facendo clic su "Editor" nella scheda Aspetto. In fondo alla pagina troverai il foglio di stile CSS del tema. È qui che vengono definite le fonti.

Incolla questa riga di codice nella parte superiore del foglio di stile:

-- Pubblicità --
*{font-family:"Nome carattere"}

2. Cambia il carattere per aree tematiche specifiche

La maggior parte delle volte, vorrai avere caratteri diversi per le diverse aree del tuo sito. Tuttavia, identificare le aree dei caratteri può essere un mal di testa perché i temi di WordPress utilizzano i caratteri in tanti modi diversi. In effetti, i caratteri possono essere utilizzati ovunque (non che sia consigliato, ma puoi).

Nella maggior parte dei casi, un carattere particolare si trova nel corpo del sito web. Questo è un carattere completo e verrà utilizzato per determinare l'origine dei caratteri sul sito Web che non sono definiti da un tag, una classe o un div specifici.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif; dimensione del carattere: 1 pollice; imbottitura: 0; margine: 0; }

I caratteri nel contenuto del post si trovano in genere nelle seguenti classi CSS: contenuto, post, inserimento e inserimento post.

Come modificare la dimensione del carattere in WordPress

Oltre ad aggiungere un carattere unico al tuo sito WordPress, dovrai regolare la dimensione del carattere. Ci sono alcuni modi per aumentare o diminuire la dimensione del carattere e la formattazione del testo in WordPress. Il primo metodo sarebbe quello di regolare le dimensioni dell'intestazione. In modalità editor visivo, puoi vedere tutti gli elementi disponibili nella scheda "Paragrafo". Puoi regolare la dimensione del carattere che il tuo tema usa per i paragrafi usando il codice CSS, se sai come farlo.

Dove trovare i caratteri per il mio tema WordPress?

-- Pubblicità --

Ci sono alcuni siti in cui è possibile scaricare font gratuiti da includere nel sito. Alcuni plugin portano già queste fonti direttamente con loro, ma se vuoi scaricarli singolarmente, ti consigliamo i seguenti siti:

  • Google Fonts: il sito web di Google è il più grande repository di font gratuiti. Puoi anche usarli sul tuo computer e includerli nel tuo tema WordPress. Tutto gratis.
  • Font Web Adobe Edge: un sito web per font gratuiti progettato per essere utilizzato sui prodotti Adobe, ma funziona bene su qualsiasi sito web. È anche gratuito.
  • Fonts.com: qui hai alcune opzioni per i caratteri a pagamento. La parte buona è che puoi avere un carattere più "esclusivo" e differenziarti dalla concorrenza.
  • fontfabric: Questo è per coloro che vogliono davvero differenziarsi e avere dei caratteri unici. I caratteri sono a pagamento, ma offrono alcune cose che normalmente non si vedono in giro.

Plugin di font WordPress

Se non ti consideri un esperto di tecnologia, programmazione o semplicemente non vuoi pasticciare con il codice, l'uso di un plug-in per regolare gli stili dei caratteri è la strada da percorrere per te. La realtà è che molte persone si rivolgono a WordPress perché il codice è estraneo a loro.

Quindi, proprio come puoi utilizzare un plug-in per guidarti attraverso le buone pratiche SEO, potresti voler utilizzare un plug-in per aiutarti a scegliere i caratteri giusti e definire quali avranno l'aspetto migliore sul tuo sito. Per non parlare del fatto che è molto più facile farlo per sperimentare i diversi tipi di caratteri e decidere quale funzionerà meglio per te.

All'interno della directory dei plugin, ci sono molte risorse di font gratuite che possono aiutarti a ottenere il design che desideri, quindi suggeriamone alcune che possono aiutarti in quel viaggio. Ricordando che questi plugin funzionano con font gratuiti! Puoi acquistare un font a tua scelta e aggiungerlo anche al tuo sito, e in generale puoi farlo tramite il metodo descritto sopra, ma dipende da te!

Facile Google Fonts

Font google facili
Facile Google Fonts

Google ha una vasta collezione di caratteri e Facile Google Fonts fornisce un modo semplice e facile per aggiungere caratteri Google personalizzati a qualsiasi tema WordPress senza codifica. Questo plugin si integra con WordPress Customizer in modo da poter visualizzare i caratteri di Google sul tuo sito Web in tempo reale. Puoi cambiare il colore di ogni intestazione per differenziarli. Trova una famiglia di caratteri che ti piace e gioca con diverse versioni di essa.

-- Pubblicità --

WP Google Fonts

Wp google font
WP Google Fonts

Se il plugin sopra non è adatto a te, prova il WP Google Fonts. Il plug-in WP Google Font rende ancora più semplice l'utilizzo del servizio gratuito di Google per aggiungere caratteri di alta qualità al tuo sito WordPress. Questo plugin non solo aggiunge il codice Google necessario, ma offre anche la possibilità di assegnare i caratteri Google a specifici elementi CSS sul tuo sito web dall'amministratore di WordPress. È un ottimo modo per ravvivare il tuo sito senza avere molta esperienza di sviluppo o conoscenza della codifica.

Utilizzare qualsiasi tipo di carattere

Usa qualsiasi tipo di carattere
Utilizzare qualsiasi tipo di carattere

A differenza delle opzioni sopra, con il Utilizzare qualsiasi tipo di carattere, puoi usare qualsiasi tipo di carattere che ti piace, purché sia ​​nel formato corretto. Letteralmente qualsiasi font che trovi sul web, puoi prenderlo e aggiungerlo al tuo sito web.

Il plug-in si integra con l'editor in modo da poter evidenziare qualsiasi sezione che ti piace e modificare il carattere proprio lì. Non è necessario scegliere un carattere principale per il tema, ma puoi scegliere quello che preferisci durante la scrittura. Se questo sembra troppo lavoro, c'è la possibilità di assegnare un carattere per l'intero sito e un carattere diverso per ogni elemento. Il plugin è gratuito e ha oltre 100.000 plugin attivi.

MW Font Changer

mw font changer
MW Font Changer

MW Font Changer consente agli utenti di abilitare una selezione di caratteri relativi alle lingue persiana, araba e latina. Questo plugin fornisce caratteri per oltre 30 lingue. È uno strumento utile per chiunque voglia realizzare un sito web che parli con altre lingue, soprattutto quelle basate su simboli o ideogrammi, come un sito web che insegna a scrivere in giapponese.

Piccolo MCE Advanced

Piccolo mce avanzato
Piccolo MCE Advanced

O Piccolo MCE Advanced consente di aggiungere, rimuovere e organizzare i pulsanti visualizzati nella barra degli strumenti dell'editor visivo. Questo plugin ti consentirà di aggiungere, rimuovere e organizzare i pulsanti che vengono mostrati nella barra degli strumenti dell'editor visivo di WordPress nei blocchi Paragrafo o Paragrafo classico nell'editor di blocchi e nell'editor classico (quando modificato da un altro plugin). Lì puoi configurare fino a quattro righe di pulsanti, incluse le dimensioni dei caratteri, la famiglia dei caratteri, i colori del testo e dello sfondo, le tabelle, ecc.

-- Pubblicità --

Ora tocca a te. Se vuoi imparare come creare un sito WordPress da zero, abbiamo una guida per aiutarti a iniziare, oltre a qualche altro consiglio. Quindi, lascia nei commenti cosa ne pensi del nostro tutorial. Hai altri suggerimenti sui font su WordPress? Divertiti e leggi di più su tecnologia sul nostro sito web.

Avatar di paulo fabris

Paulo Fabris è un giornalista, scrittore, giocatore di giochi di ruolo, giocatore, cosplayer, nerd e fan degli anime sin dai tempi di TV Manchete.