Vai al contenuto principale

Come aggiungere font personalizzati su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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'uso di caratteri personalizzati nei temi di WordPress è diventato comune. In effetti, ci sono diversi temi WordPress che offrono più caratteri tra cui scegliere. Tuttavia, caricare tutti questi caratteri contemporaneamente può rallentare notevolmente il caricamento di una pagina.

come aggiungere caratteri wordpress personalizzati 1 1

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

Questo è uno dei motivi per cui lo faremo nel modo giusto, caricando solo il carattere personalizzato che vogliamo utilizzare sul blog.

Ma prima di tutto, è prima importante sapere come cercare i caratteri mentre si consulta anche il file Plugin 7 WordPress per prendere in mano la tipografia del tuo blog

Come trovare i font e come usare WordPress

I caratteri non sono estensibili come una volta. Tuttavia, ci sono diverse fonti in cui puoi trovare caratteri come " Google Fonts "," Typekit "," FontSquirrel "E" Fonts.com '.

Come aggiungere un Google Fonts Font WordPress

Caratteri tipografici WordPress google

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

Fare clic su questa scheda che si espande come nell'immagine sopra. Puoi personalizzare lo stile del carattere da includere facendo clic su personalizzare IL MENU. Devi solo selezionare lo stile che vuoi vedere sul tuo blog.

Dovresti quindi scorrere verso il basso fino a " embed ". Dovrai quindi copiare il codice che si trova nella sezione " STANDARD ". È questo codice che puoi aggiungere al " testata Del tema del tuo bambino.

Questo è tutto ciò che serve 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.Tipografia WordPress font typekit 2

Devi solo avere un account Typekit e crearne uno nuovo " kit '.

Tipografia WordPress font typekit

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Dovrai quindi selezionare il carattere dalla libreria Typekit e aggiungerlo al tuo progetto. Successivamente, prendi il codice per il tuo kit e aggiungilo dalla dashboard.

Tipografia WordPress font typekit 1

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

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

Typekit pasta-a-kit

Il font può quindi essere utilizzato allo 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 incorporare un carattere nel tuo blog è aggiungerlo utilizzando "font-faces" tramite CSS3. Questo metodo ti consente di aggiungere qualsiasi tipo di carattere desideri sul tuo blog.

La prima cosa da fare è scaricare il font di tua scelta in formato web. Se non disponi di questo carattere in formato web, puoi convertirlo gratuitamente all'indirizzo " FontSquirrel WebFont Generator '.

Una volta che hai i file nel formato " sito web », Dovrai quindi inviarli direttamente al tuo server. 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, puoi integrare il carattere in questo modo:

Integrazione-polizia

Per usarlo ovunque, dovrai semplicemente definire il nome del carattere come specificato nella " bottom-face »Precedente (vedere il valore dell'attributo font-family ).

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Usa il codice-font-face

Questo è tutto ciò che c'era da sapere sull'uso del codice CSS3. Devo però specificare che il metodo con la funzionalità "font-face" è più adatto agli sviluppatori.

Altre soluzioni e strumenti vengono utilizzati e consigliati anche per gestire o manipolare i caratteri sul tuo sito web.

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, che finalmente danno l'aspetto e la sensazione che desideri. Ha un captcha per bloccare lo spam e porta nella sezione commenti una maggiore sicurezza.

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.

Download | Demo | Web hosting

2. Everest Gallery

Come suggerisce il nome, questo è l'apice dei plugin premium per gallerie fotografiche di WordPress. Questo strumento ultra personalizzabile ti permetterà di creare gallerie di qualsiasi stile in pochi minuti.

Plugin per Wordpress della galleria reattiva di Everest Gallery

Everest Gallery può essere utilizzato per presentare articoli, tipi di pubblicazioni personalizzate, tassonomie / categorie personalizzate, Prodotti WooCommerce, prodotti personalizzati, gallerie di immagini e allegati, video, caratteristiche del prodotto, vetrina dei clienti, portfolio, membri del team, screenshot, ecc ..., completamente reattivi.

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. 

Download | Demo | Web hosting

3. WP Media Manager

WP Media Manager è uno dei migliori e più potenti plugin per la gestione della libreria multimediale di WordPress. È eccellente 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

Usa semplicemente il metodo di trascinamento della selezione per inserire file multimediali in cartelle / sottocartelle.Questa capacità non solo migliora la gestione dei file, ma ti consente anche di gestire le cartelle. Questo di solito è un must per gli utenti alle prime armi.

Questo plugin per WordPress ha funzionalità come la creazione di cartelle, il filtraggio, 3 bellissime gallerie reattive, la possibilità di duplicare file, creare una gerarchia illimitata e molto altro ...

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download | Demo | Web hosting

Altre risorse consigliate

Vai oltre nell'utilizzo di caratteri personalizzati in WordPress consultando anche i collegamenti o le risorse consigliate di seguito.

Conclusione

Ecco ! Questo è tutto per questo tutorial sul modo migliore per aggiungere caratteri personalizzati a WordPress. Se hai suggerimenti o commenti, saranno i benvenuti.

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.

Nin particolare esitare a condividerlo su diversi i social network. Se avete commentaires o suggerimenti, non esitate a comunicarcelo nella sezione riservata a questi.

... 

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
10 azioni
quota6
Tweet
Enregistrer4