Come aggiungere font personalizzati su WordPress

Desideri aggiungere caratteri personalizzati a WordPress?

Credimi, anche la polizia un ruolo molto importante da svolgere sul tuo blog e otterrai molto aggiungendo un carattere adattato non solo al contesto del tuo blog, ma anche al tuo tema WordPress.

In questo tutorial ti mostrerò come aggiungere caratteri personalizzati al tuo blog WordPress usando Google Fonts, Typekit e CSS3.

L'utilizzo di font personalizzati nei temi WordPress è diventato una prassi comune. Molti temi WordPress offrono infatti una varietà di font tra cui scegliere. Tuttavia, caricare tutti questi font contemporaneamente può rallentare notevolmente i tempi di caricamento delle pagine.

E se il tuo blog è lento, ti consiglio Alcune soluzioni ai problemi di prestazioni su WordPress

Questo è uno dei motivi per cui lo faremo correttamente, caricando solo il font personalizzato che vogliamo utilizzare sul blog.

Ma prima di tutto è importante sapere come cercare i font consultando anche il Plugin 7 WordPress per prendere in mano la tipografia del tuo blog

Come trovare i font e come usare WordPress

I font non sono più estensibili come un tempo. Tuttavia, esistono diverse fonti da cui è possibile reperire font come " Google Fonts "," Typekit "," FontSquirrel "E" Fonts.com '.

Come aggiungere un Google Fonts Font WordPress

Google Fonts è una libreria molto ampia di caratteri gratuiti che puoi utilizzare in diversi progetti.
Devi semplicemente accedere a " Google Fonts E seleziona il carattere che preferisci. Quindi fare clic su " seleziona questo carattere »Viene visualizzata una scheda in basso a destra dello schermo.

Tutorial wordpress per la tipografia di Google Fonts

Fai clic su questa scheda, che si espanderà come mostrato nell'immagine sopra. Puoi personalizzare lo stile del carattere da includere cliccando su Personalizzare. Devi solo selezionare lo stile che vuoi vedere sul tuo blog.

Bisogna poi scorrere verso il basso fino alla sezione " embed ". Dovrai quindi copiare il codice che si trova nella sezione " STANDARD Questo è il codice che puoi aggiungere al testata Del tema del tuo bambino.

Ecco tutto ciò che devi fare per aggiungere un nuovo Google Font al tuo blog WordPress.

Come aggiungere un font utilizzando Typekit

Typekit è un altro servizio gratuito e premium che offre caratteri che puoi usare anche nei tuoi diversi progetti. Offrono abbonamenti premium e abbonamenti gratuiti.

Tutto ciò di cui hai bisogno è un account Typekit e creare un nuovo " kit '.

Successivamente, dovrai selezionare il font dalla libreria Typekit e aggiungerlo al tuo progetto. Dopodiché, recupera il codice per il tuo kit di font e aggiungilo dalla dashboard.

Per aggiungerlo alla tua dashboard, devi semplicemente installare e attivare " Caratteri Typekit per WordPress '.

Dopo l'attivazione, è sufficiente accedere al " Impostazioni> Font Typekit E incolla il codice dal tuo kit nel " regole CSS personalizzato '.

Il font può quindi essere utilizzato nello stesso modo, ovvero specificando il nome della famiglia per elementi specifici o per l'intero documento.

Come aggiungere un font utilizzando il CSS3 (@ font-face)

Il modo più diretto per integrare un font nel tuo blog è aggiungerlo tramite "font-face" tramite CSS3. Questo metodo ti consente di aggiungere qualsiasi tipo di font tu preferisca al tuo blog.

La prima cosa da fare è scaricare il font scelto in formato web. Se non hai il font in formato web, puoi convertirlo gratuitamente su " FontSquirrel WebFont Generator '.

Una volta che hai i file nel formato " sito web Dovrai quindi inviarli direttamente al tuo server. Ti consiglio vivamente di aggiungerlo a " font Del tema figlio utilizzando un client FTP (fileZilla è la mia raccomandazione).

Se vuoi andare oltre in questa procedura, consulta il nostro tutorial su Come utilizzare FTP su Windows 10

Torniamo al nostro obiettivo.

Una volta fatto questo, puoi integrare il font in questo modo:

Per utilizzarlo ovunque, ti basterà definire il nome del font come specificato nel " bottom-face »Precedente (vedere il valore dell'attributo font-family ).

Questo è tutto ciò che c'è da sapere sull'utilizzo del codice CSS3. Tuttavia, vorrei sottolineare che il metodo che utilizza la funzionalità "font-face" è più adatto agli sviluppatori.

Per gestire o manipolare i font sul tuo sito web vengono utilizzate e consigliate anche altre soluzioni e strumenti.

Scopri anche alcuni plugin WordPress premium

Puoi utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa del tuo blog o sito Web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. CommentPress

CommentPress è un potente plug-in compatto per WordPress che consente di inserire, modificare ed eliminare i commenti in modo rapido e semplice. CommentPress utilizza Ajax, jQuery e PHP per offrire ai visitatori la possibilità di inserire commenti senza dover ricaricare la pagina.

CommentPress Commenti Ajax Inserisci Modifica ed Elimina commenti

Questo plugin ha molte opzioni di personalizzazione, per dargli l'aspetto e l'aspetto che desideri. Ha un captcha per bloccare lo spam e offre maggiore sicurezza alla sezione dei commenti.

Le sue caratteristiche principali sono: il facile inserimento dei commenti, la possibilità per gli utenti di rispondere a commenti specifici, l'impaginazione dei commenti, la completa gestione dell'amministrazione della sezione commenti, pulsanti per un facile inserimento di immagini, video e link, un layout completamente reattivo, un captcha per proteggere il modulo ed evitare lo spam e molto altro.

Scaricare | Demo | Web hosting

2. Everest Gallery

Come suggerisce il nome, questo è il plugin premium definitivo per gallerie fotografiche su WordPress. Questo strumento altamente personalizzabile ti permette di creare gallerie di qualsiasi stile in pochi minuti.

Plugin per Wordpress della galleria reattiva di Everest Gallery

La Galleria Everest può essere utilizzata per mostrare articoli, tipi di post personalizzati, tassonomie/categorie personalizzate, Prodotti WooCommerce, prodotti personalizzati, gallerie di immagini e allegati, video, caratteristiche del prodotto, vetrina clienti, portfolio, membri del team, screenshot, ecc..., completamente reattivo.

Everest Gallery viene fornito con la documentazione completa e più di 30 opzioni per personalizzare completamente l'aspetto della galleria. Con le opzioni di personalizzazione disponibili, puoi utilizzare questo plugin WordPress per presentare qualsiasi cosa in modo semplice ed efficiente.

Scaricare | Demo | Web hosting

3. WP Media Manager

WP Media Manager è uno dei migliori e più potenti plugin per la gestione delle librerie multimediali di WordPress. Eccelle nella gestione delle cartelle e la sua facilità d'uso ti consente di organizzare migliaia di file multimediali.

WP Media Manager Il plugin WordPress Media Manager più semplice

Basta usare il metodo trascina e rilascia per inserire i file multimediali in cartelle/sottocartelle. Questa capacità non solo gli consente di migliorare la gestione dei file, ma gli consente anche di gestire le cartelle. Che è generalmente un must per gli utenti inesperti.

Questo plugin per WordPress offre funzionalità quali la creazione di cartelle, il filtraggio delle cartelle, 3 splendide gallerie responsive, la possibilità di duplicare i file, la creazione di una gerarchia illimitata e molto altro ancora...

Scaricare | Demo | Web hosting

Altre risorse consigliate

Per approfondire l'uso dei font personalizzati su WordPress, consulta anche i link o le risorse consigliate qui sotto.

Conclusione

Ecco fatto! Si conclude questo tutorial sul modo migliore per aggiungere font personalizzati a WordPress. Qualsiasi suggerimento o commento è benvenuto.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

N'' non esitate a condividerlo sui vostri diversi i social network. Se avete commentaires o suggerimenti, non esitate a comunicarcelo nella sezione riservata a questi.

...