Le persone sono naturalmente attratte dall'aspetto visivo di a sito web di WordPress, per quanto siano attratti dai contenuti scritti che condividi. Infatti, secondo Jeff Bullas ", Gli articoli con immagini hanno il 94% di visualizzazioni in più rispetto agli articoli senza immagini.

Se me lo chiedi, è un enorme aumento delle visualizzazioni di pagina.

E qual è la ragione esattamente?

Aggiungi solo alcune immagini di alta qualità e rilevanti per l'articolo in tutto il tuo contenuto.

Ma che dire delle foto sul tuo sito web che vanno oltre gli screenshot e le fotografie? Che dire delle immagini che non solo catturano l'attenzione, ma svolgono anche un'utile funzione?

Sì, sto parlando di icone. Conosci quelle minuscole immagini che si trovano sui siti Web per incoraggiare la condivisione sui social media, per illustrare le pagine di contatto dei titolari di attività commerciali, per citare alcuni casi d'uso.

Poiché l'idea è stata presa da questo sito, il Visitatori non solo erano attratti dalle immagini sui siti Web, ma erano inclini a interagire con esse, le persone hanno iniziato ad aggiungerle ai loro siti Web.

Tuttavia, con l'avanzare della tecnologia, come sempre, le tradizionali icone delle immagini hanno iniziato a vacillare come soluzione di immagine per i siti Web. Questo perché rendono le pagine molto più pesanti e quindi più lente, ma soprattutto questa soluzione non era sempre adatta ai cellulari.

Ma c'è una soluzione: i caratteri icona.

Oggi ti dirò cosa sono i caratteri delle icone e quali sono i vantaggi del loro utilizzo sul tuo sito WordPress. Inoltre, ti mostrerò come aggiungere caratteri di icone al tuo sito WordPress utilizzando il popolare plugin " Meglio di carattere impressionante '.

Quindi, iniziamo.

Cosa sono i caratteri icona e perché dovresti usarli?

I caratteri delle icone sono esattamente ciò che dicono: caratteri incorporati interamente nelle icone. Infatti, i caratteri delle icone o " make-icona "Può essere descritto come un carattere che visualizza solo caratteri o simboli, non le lettere e i numeri a cui sono associati caratteri e testo tradizionali.

I caratteri delle icone vengono utilizzati per visualizzare i simboli di uso comune sul tuo sito. Ad esempio, i pulsanti dei social media, il carrello, i pulsanti di download e i pulsanti di navigazione sono esempi di icone che visualizzano piccole immagini interattive sul tuo sito.

Perché utilizzare i caratteri icona?

Le icone delle immagini hanno funzionato bene in passato per molti proprietari di siti. Tuttavia, con l'evoluzione delle regole di navigazione, dell'usabilità e del design, i caratteri delle icone sono diventati la soluzione migliore per visualizzare immagini interattive su un sito web.

Ecco alcuni motivi convincenti per cui i caratteri delle icone sono la scelta migliore:

• Espandibile facilmente senza perdere la qualità
• Personalizzabile in termini di colore e tonalità
• 100% reattivo
• Funziona come gli sprite delle immagini CSS, ma si comporta come il testo
• User-friendly
• browser compatibili
• Personalizza opacità, rotazione e altro ancora
• File di dimensioni minori
• Non sacrificare la velocità o le prestazioni del tuo sito web

Come puoi vedere, ci sono diversi motivi per cui potresti voler utilizzare un carattere icona sul tuo sito Web anziché un'icona immagine.

Installazione delle icone dei caratteri sul tuo sito utilizzando un plug-in

Better Font Awesome è un WordPress Plugin software gratuito che ti consente di integrare automaticamente l'ultima versione di Font Awesome nel tuo progetto WordPress. Inoltre, viene fornito con CSS, shortcode e generatore di shortcode TinyMCE.

Questo plugin ha una varietà di funzioni utili per i proprietari di siti:

• Aggiornamento di routine dell'ultima versione
• Possibilità di passare da una versione all'altra di Font Awesome senza modificare i codici funzione
• Supporto per altri plugin di font popolari, inclusi i loro shortcode
• Rilasciato da jsDelivr CDN

1 Step: installazione e attivazione di Better Font Awesome

Per iniziare, installa e attiva il plug-in "Better Font Awesome" tramite la dashboard di WordPress proprio come faresti con qualsiasi altro plug-in.

Innanzitutto, vai a " Plugin> Aggiungi nuovo E cerca " Meglio di carattere impressionante '.

Quindi seleziona " installare ora »E clicca su« attivare '.

Una volta attivato, il plug-in aggiunge un collegamentoMeglio di carattere impressionanteNel menu Impostazioni della dashboard di WordPress.

Passaggio 2: configurare le impostazioni del plug-in

Per configurare il plugin « Meglio di carattere impressionante ", Inizia facendo clic sulla voce di menu" Meglio di carattere impressionante Sotto Impostazioni. Una volta fatto, vedrai una schermata simile a questa:

Qui è possibile effettuare le seguenti operazioni:

• Versione: Seleziona la versione di "Better Font Awesome" che desideri utilizzare.
• Usa CSS minimizzato: Selezionare questa casella se si desidera utilizzare la versione ridotta di CSS.
• Elimina il font di stampa esistente: selezionare questa casella per provare a rimuovere frammenti di codice e codici brevi aggiunti da altri plugin e temi.
• Nascondi le recensioni degli amministratori: Nasconde gli avvisi di amministrazione predefiniti visualizzati quando si verificano errori API e CDN.

Oltre alla quantità minima di opzioni di Better Font Awesome, c'è una piccola sezione "Utilizzo" che spiega come aggiungere icone al tuo sito.

Passaggio 3: aggiunta di icone al tuo sito web

Ci sono tre semplici modi per aggiungere icone al tuo sito web utilizzando "Better Font Awesome" - tramite shortcode, HTML o TinyMCE.

# 1. Aggiunta di icone tramite shortcode

Per aggiungere icone al tuo sito web utilizzando uno shortcode, visita prima il " Font Impressionante Per visualizzare un elenco completo delle icone disponibili che è possibile utilizzare.

Qui puoi cercare l'icona che desideri. Ad esempio, se desideri un'icona "e-mail", cerca semplicemente quella parola chiave e seleziona l'icona che desideri utilizzare facendo clic su di essa.

Dopo aver cliccato sull'icona che vuoi aggiungere, vedrai una schermata che mostra l'immagine dell'icona con le sue diverse dimensioni e un piccolo blocco di codice:

Copia semplicemente il blocco di codice e incollalo ovunque sul tuo sito web utilizzando la scheda "Editor di testo". Ecco come apparirà l'editor sul tuo sito web:

Alla fine, ecco cosa Visitatori vedranno quando accedono al tuo sito:

# 2. Aggiunta di icone utilizzando il codice HTML

Come abbiamo visto nella sezione " Utilizzare Hai la possibilità di utilizzare il codice HTML per inserire icone sul tuo sito web. Tuttavia, gli sviluppatori di plug-in tengono conto del fatto che l'utilizzo di HTML richiede prefissi specifici della versione.

Ecco perché ti consigliano di utilizzare invece gli shortcode. Tuttavia, se desideri utilizzare il codice HTML, Font Awesome ha informazioni utili qui.

# 3. Aggiunta di icone utilizzando TinyMCE

Questo è probabilmente il modo più semplice per aggiungere icone al tuo sito. Nella modalità "Visual Editor", è sufficiente fare clic sull'icona Inserisci. Da lì, scorri le opzioni delle icone disponibili o restringi i risultati utilizzando la funzione di ricerca.

Una volta trovata l'icona che desideri, fai clic su di essa. Il generatore di shortcode inserisce automaticamente le informazioni richieste nel tuo articolo o nella tua pagina.

Se vuoi imparare come personalizzare le icone sul tuo sito, fai riferimento agli esempi di " Font Impressionante '.