9 migliori plugin di tipografia per WordPress

Una buona tipografia è fondamentale per il tuo sito web. La tipografia include caratteri tipografici, layout, capolettera, icone e altro ancora. Molto di questo ora può essere fatto con Gutenberg, ma i caratteri tipografici sono ancora un'area in cui i plugin possono fare una grande differenza. In questo articolo, esamineremo diverse opzioni per aiutarti a scegliere il miglior plug-in di tipografia per WordPress.

1. Plugin Divi Builder

Il plugin Divi Builder aggiunge Divi Builder a qualsiasi tema WordPress. Include 800 caratteri Google e puoi aggiungere la tua chiave API di Google per ottenere automaticamente nuovi caratteri. Puoi anche caricare di più. Anche se il plug-in Divi fa più della tipografia, è un'ottima scelta anche se non stai utilizzando completamente Divi Builder a causa del numero di funzionalità tipografiche che ha. Le opzioni di tipografia sono disponibili anche nel tema Divi.

Cerca tra i caratteri in qualsiasi modulo che include testo e visualizza un'anteprima di ciascun carattere. I caratteri usati di recente sono in alto, quindi sono facili da trovare.

I caratteri sono completamente stilizzabili. Stile in linea o all'interno delle impostazioni del modulo. Personalizza ogni dimensione dell'intestazione per ogni modulo in modo indipendente.

Imposta gli stili come globali ed estendili ad altri moduli con pochi clic.

Caratteristiche principali :

• Caratteri e stile del testo.
• Crea stili globali.
• Regola i caratteri per desktop, tablet e telefono in modo indipendente.
• Dividi prova le tue scelte tipografiche.
• Anteprima degli stili prima di applicarli.
• Estendi gli stili.
• Copia e incolla gli stili.
• Responsabile del colore.
• Trova e sostituisci gli stili.
• Ombre di testo.

Prezzo : $ 89 all'anno, $ 249 a vita | Maggiori informazioni

2. Usa qualsiasi carattere

Use Any Font è un semplice plug-in di tipografia per WordPress che ti consente di caricare nuovi caratteri.

Carica nuovi caratteri nella schermata delle impostazioni. Puoi anche aggiungere caratteri predefiniti.

La selezione di caratteri predefiniti apre una finestra modale in cui è possibile cercare e selezionare qualsiasi carattere desiderato. Fornisce un'anteprima, quindi sai cosa stai ricevendo. Ci sono quasi 24.000 opzioni per uso personale e commerciale.

Assegna i caratteri a qualsiasi elemento dalla schermata delle impostazioni. Puoi anche aggiungere elementi personalizzati.

Caratteristiche principali :

• Assegna i caratteri a qualsiasi elemento.
• Assegna a elementi personalizzati.
• Carica nuovi caratteri.
• Quasi 24.000 caratteri predefiniti.
• La versione Pro aggiunge più caricamenti di font.

Prezzo : gratuita, la versione pro parte da $ 9,99 | Maggiori informazioni

3. Strumenti dell'editor avanzato

Gli strumenti editor avanzati funzionano sia con Gutenberg che con l'editor classico. Aggiunge molte opzioni tipografiche e ti consente di personalizzare la barra degli strumenti dell'editor classico sia nel blocco classico che nell'editor classico. Aggiunge un nuovo blocco di paragrafo a Gutenberg. Se lo desideri, puoi anche sostituire l'editor di blocchi con l'editor classico.

Le impostazioni di Gutenberg includono barre degli strumenti per l'editor dei blocchi, paragrafi classici e blocchi classici, pulsanti inutilizzati per le barre degli strumenti e molte opzioni. Le impostazioni si concentrano sulla tipografia e ti consentono di personalizzare le caratteristiche esatte che desideri.

Puoi anche personalizzare l'editor classico con le stesse barre degli strumenti, pulsanti inutilizzati e opzioni.

Caratteristiche principali :

• Aggiunge opzioni tipografiche agli editor Gutenberg e Classic.
• Personalizza le barre degli strumenti.
• Regola i colori del testo.
• Aggiungi un blocco di paragrafo a Gutenberg.
• Sostituisci l'editor di blocchi con l'editor classico.

Prezzo : Gratuito | Maggiori informazioni

4. Tipografia di Google Fonts

Google Fonts Typography aggiunge un nuovo menu al personalizzatore del tema con impostazioni di base e avanzate. Scegli tra 998 caratteri Google e applicali a elementi specifici del tuo sito web. Puoi visualizzare l'anteprima dei caratteri, così saprai che aspetto hanno prima della pubblicazione.

Un nuovo menu è stato aggiunto a Theme Customizer che include impostazioni di base, impostazioni avanzate, caricamento dei caratteri e strumenti di debug.

Le impostazioni di base ti consentono di scegliere la famiglia di caratteri per la tipografia di base, le intestazioni e i pulsanti. Puoi anche scegliere il peso e lo stile del carattere.

Avanzate aggiunge impostazioni personalizzate per il marchio, la navigazione, il contenuto, la barra laterale, il piè di pagina e solo i caratteri di caricamento. Questo esempio mostra le impostazioni del contenuto.

Puoi anche aggiungere font Adobe se disponi di una chiave API.

Caratteristiche principali :

• Utilizza il personalizzatore del tema.
• Include impostazioni di base e avanzate.
• Anteprima prima della pubblicazione.
• La versione Pro aggiunge dimensione e colore del carattere, ospita localmente, ottimizza il caricamento e carica caratteri personalizzati.
• Aggiungi i caratteri Adobe.

Prezzo : gratuito, la versione pro parte da $ 59 | Maggiori informazioni

5. Carattere fantastico

Font Awesome semplifica l'aggiunta di icone ai tuoi contenuti. Puoi utilizzare icone gratuite o pro e scegliere tra SVG o Web Font. Le icone possono essere caricate da un CDN o da un kit web. Le icone vengono aggiunte ai tuoi contenuti con shortcode o HTML. La versione gratuita include oltre 1600 icone e puoi aggiungerne molte altre con la versione pro.

La schermata delle impostazioni ti consente di scegliere tra l'utilizzo di un kit o CDN, caratteri professionali o gratuiti e caratteri SVG o Web. Puoi anche selezionare la versione e la compatibilità che desideri utilizzare.

Questo esempio mostra le icone Font Awesome aggiunte ai miei contenuti con shortcode.

L'icona che ho aggiunto ora appare nel contenuto sul front-end.

Caratteristiche principali :

• Aggiungi icone Font Awesome con shortcode o HTML.
• Oltre 1600 icone per la versione gratuita.
• Usa SVG o un kit web.
• Scegli un CDN o un kit.
• La versione Pro include oltre 7800 icone, 4 stili, 20 kit pro ospitati, 250 icone caricate e altro ancora.

Prezzo : gratuito, la versione pro è $99 | Maggiori informazioni

6. Guida allo stile

Styleguide è un semplice plug-in di tipografia per WordPress che ti consente di scegliere caratteri e colori dal personalizzatore del tema. Include i 45 migliori caratteri di Google e puoi aggiungerne altri con il codice. La compatibilità dei temi è limitata. Non funziona con Divi per impostazione predefinita. Se non funziona con il tuo tema, dovrai aggiungere il supporto del tema con il codice. Includono un esempio del codice.

Le opzioni di stile del carattere vengono aggiunte al personalizzatore del tema. Le impostazioni includono il carattere dell'intestazione, il carattere del corpo e il colore di sfondo. Ha anche un'opzione per la modalità oscura che aggiunge un pulsante nella parte inferiore della pagina.

Caratteristiche principali :

• Stile del carattere aggiunto al personalizzatore del tema.
• Scegli i caratteri per l'intestazione e il corpo del testo in modo indipendente.
• Modalità scura.
• Aggiungi più caratteri con il codice.
• Aggiungi la compatibilità del tema con il codice.

Prezzo : Gratuito | Maggiori informazioni

7. Separatore del titolo della pagina

Page Title Splitter ti consente di impostare punti di interruzione per i tuoi titoli per determinare dove verranno divisi. Ciò è particolarmente utile per gli schermi più piccoli. Funziona con l'editor classico e ti offre una semplice barra per posizionare il punto di interruzione. Facendo clic sull'icona si apre la barra. Il punto di interruzione viene quindi posizionato nel punto in cui si fa clic all'interno del titolo.

Le impostazioni consentono di aggiungere classi e stili CSS e selezionare per modificare il titolo, i titoli dei menu, i titoli dei widget e altro. Fornisce istruzioni dettagliate su come utilizzarlo.

Ecco il punto di interruzione per un articolo di esempio che ho creato. Ne ho impostato uno, ma puoi impostare più marcatori per spezzare il titolo in più punti.

Il punto di interruzione divide il titolo sul front-end. Questo può essere usato per progettare i tuoi titoli con layout unici che normalmente non sono disponibili.

Caratteristiche principali :

• Crea punti di interruzione per i titoli.
• Funziona con l'editor classico.
• Imposta più marcatori.
• Regola i punti di interruzione con i CSS.

Prezzo : Gratuito | Maggiori informazioni

8. Titolo secondario

Titolo secondario è un semplice plug-in di tipografia per WordPress che funziona con l'editor classico per visualizzare un altro titolo insieme al titolo normale. Aggiunge un nuovo campo sopra il campo del titolo e fornisce impostazioni in cui è possibile personalizzare l'aspetto e il funzionamento. È compatibile con tipi di post, categorie e ID di post specifici.

Le impostazioni consentono di impostare il formato del titolo secondario e impostare le regole di visualizzazione. Imposta le regole per i tipi e le categorie di post. Fornisce un'anteprima del titolo secondario in modo da poterlo regolare.

Viene aggiunto un nuovo campo sopra il titolo in cui è possibile inserire il titolo secondario.

Il titolo viene visualizzato in base alle opzioni selezionate nella schermata delle impostazioni. Queste sono le impostazioni predefinite.

Caratteristiche principali :

• Aggiunge un nuovo campo titolo all'editor classico.
• Modifica il design del titolo come preferisci.
• Scegli i tipi di post e le categorie che utilizzano il titolo secondario.

Prezzo : Gratuito | Maggiori informazioni

9. Zeno Font Resizer

Zeno Font Resizer consente ai tuoi visitatori di modificare la dimensione dei caratteri mentre visualizzano il tuo sito web. Un cookie mantiene le impostazioni, quindi non devono cambiarle ogni volta che visitano. Hai il controllo sulle scelte che possono fare, sull'icona visualizzata, sul numero di giorni in cui il cookie funziona e altro ancora.

La schermata delle impostazioni consente di regolare l'HTML, i passaggi di ridimensionamento, le dimensioni minime e massime, il carattere visualizzato per l'icona di ridimensionamento e le impostazioni dei cookie. L'HTML ti consente di scegliere come funziona il ridimensionamento.

Ho aggiunto il ridimensionatore alla barra laterale utilizzando il widget.

Caratteristiche principali :

• Regola i passaggi di ridimensionamento.
• Imposta le dimensioni minime e massime.
• Scegli il personaggio.
• Il cookie conserva le impostazioni del visitatore.
• Aggiungilo con il codice o un widget.

Prezzo : Gratuito | Maggiori informazioni

Pensieri finali

Questo è il nostro sguardo ai migliori plugin di tipografia per WordPress. Ci sono molte buone opzioni che possono far risaltare la tua tipografia e catturare l'attenzione dei tuoi lettori. Se stai cercando un plug-in di tipografia per WordPress, in questo elenco troverai sicuramente qualcosa che soddisfi le tue esigenze.

Vogliamo sentire da voi. Qual è il tuo plugin tipografico preferito per WordPress?

Immagine in primo piano tramite ANTSTUDIO / shutterstock.com