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 in Temi WordPress è diventato comune. In effetti, ce ne sono diversi Temi WordPress che offrono diversi tipi di carattere tra cui scegliere. Tuttavia, caricare tutti questi font contemporaneamente può rallentare notevolmente il caricamento di una pagina.
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
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.
Fare clic su questa scheda che si espande come nell'immagine sopra. Sarai in grado di 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.
Devi solo avere un account Typekit e crearne uno nuovo " kit '.
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.
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 '.
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:
Per usarlo ovunque, dovrai semplicemente definire il nome del carattere come specificato nella " bottom-face »Precedente (vedere il valore dell'attributo font-family ).
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 usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione 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.
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.
Download | Demo | Web hosting
2. Everest Gallery
Come suggerisce il nome, è l'apice di plugin di WordPress galleria fotografica premium. Questo strumento ultra personalizzabile ti permetterà di creare gallerie di qualsiasi stile in pochi minuti.
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 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 usarlo WordPress Plugin per presentare qualsiasi cosa in modo semplice ed efficace.
Download | Demo | Web hosting
3. WP Media Manager
WP Media Manager è uno dei migliori e più potenti plugin di WordPress gestione della mediateca. È ottimo nella gestione delle cartelle e la sua facilità d'uso ti consente di organizzare le tue migliaia di file multimediali.
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.
Ce WordPress Plugin ha caratteristiche come la creazione di cartelle, il filtraggio di queste, 3 magnifiche gallerie responsive, possibilità di duplicare file, creazione di una gerarchia illimitata e molti altri...
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.
- Come aggiungere parole chiave e meta descrizioni in WordPress
- Come aggiungere una tipografia impressionante con Typekit
- Plugin 7 WordPress per aggiungere un cursore a un blog
- 8 plugin di WordPress per aggiungere un sistema di traduzione su un blog
- Altre risorse:
- Elenco degli elementi essenziali per l'avvio di un blog
- 14 plugin WordPress che Elementor può sostituire
- Elementor Pro Price 2023: quale piano è il più redditizio per te?
- Come creare e visualizzare popup per post tag in WordPress
- I migliori componenti aggiuntivi gratuiti di Elementor nel 2023
- Come creare un carattere personalizzato per il tuo blog WordPress
Conclusione
Ecco ! Questo è tutto per questo tutorial sul modo migliore per aggiungere caratteri personalizzati a WordPress. Se avete 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.
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.
...
