Su questa pagina: [nascondere]
Font Awesome per WordPress è un set di icone popolare che viene comunemente utilizzato dai proprietari di siti Web per aggiungere ulteriori elementi di design. Viene spesso utilizzato in quanto è estremamente facile da usare e include diversi set di icone convenienti. Tuttavia, in alcuni casi potrebbero esserci problemi durante l'utilizzo - casi in cui le icone non sono visibili. Il nostro articolo aiuterà i proprietari di WordPress a risolvere i problemi di Font Awesome.
Quali sono le icone fantastiche dei caratteri per WordPress
Font Awesome è una popolare collezione di icone vettoriali, immagini di social media e altre risorse di progettazione che possono essere facilmente incluse nei sistemi di gestione dei contenuti e nei toolkit di sviluppo di siti Web più diffusi. Include i diversi set che includono elementi in tutte le categorie di uso comune.
Al momento il la versione attuale di Font Awesome è 5.12.1 di cui è composto 1,557 icone nella versione gratuita. C'è un versioni a pagamento che aggiunge 7,722 icone aggiuntive. Come parte della versione a pagamento chiamata Carattere Awesome Pro i proprietari del sito Web possono anche includere a tema a due tonalità - le icone erediteranno il colore di base dei progetti o saranno colorate inserendo valori personalizzati.
Ogni singola icona e simbolo è progettato secondo rigide linee guida e standard. Font Le icone fantastiche possono essere inserite direttamente o personalizzate specificando la dimensione del luogo, stile e rotazione, insieme alle animazioni. Le icone inserite sono anche compatibili con le modalità di accessibilità dei browser Web in modo che vengano visualizzate correttamente.
Carattere fantastico che non mostra i controlli di base
Esistono diversi motivi di base per cui un'icona Font Awesome inserita non viene visualizzata. Sempre assicurarsi che venga utilizzata l'ultima versione del set - le istruzioni sono disponibili sul sito ufficiale di FA per entrambe le versioni SVG e CSS. Carattere Icone e simboli fantastici possono essere collegati, offerto da un server personalizzato o consegnato tramite una rete di distribuzione dei contenuti (CDN). I proprietari del sito devono impostare il codice più recente in base al tipo di implementazione.
Se inseriti in pagine HTML, i set di icone potrebbero non apparire se il codice non è conforme allo standard ufficiale - i proprietari dei siti possono verificare se ciò è il caso utilizzando il validatore di markup ufficiale W3C. Un problema specifico di WordPress è quando sono installate varie estensioni relative al design. Le versioni precedenti potrebbero chiamare versioni di Font Awesome incompatibili o bloccare il corretto caricamento dei set di icone. Questo è anche esteso a varie librerie JavaScript o CSS personalizzate che sovrascrivono le singole proprietà dei tag icona inseriti.
Ce ne sono diversi problemi sul lato client che si può sospettare quando le icone Font Awesome non vengono caricate - estensioni di blocco degli annunci, plugins, programmi antivirus ed ecc. A volte la loro configurazione includerà font fantastici e altre risorse di design in una lista nera che impedirà la loro corretta visualizzazione.
Tieni presente che esiste un plugin ufficiale per Font Awesome disponibile che semplifica l'integrazione delle risorse in un determinato sito.
Correzioni del codice impressionante dei caratteri
Esistono diverse semplici correzioni di codice che possono essere implementate se nessuno dei metodi precedenti funziona. I proprietari del sito devono assicurati che ci siano 2 classi disponibili nel loro codice HTML - il primo è il fa classe e la seconda è quella che identifica il tipo di icona desiderata. Un esempio è il seguente:
<i class = & quot; fa fa-search & quot;></io>
Quando si pubblicano collegamenti al codice CSS, gli amministratori dovranno assicurarsi che venga utilizzata la struttura dei collegamenti corretta, un codice di esempio è il seguente:
link href = & quot; http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css
Una correzione globale di carattere impressionante che può essere tentata è l'inclusione del codice carattere straordinario nella sezione piè di pagina di WordPress:
<?php wp_footer(); ?>
<link href = & quot; https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel = & quot; foglio di stile & quot;>
</corpo>