Lo sviluppo web ha le sue stranezze. Un attimo, tutto sembra perfetto, e quello dopo, le icone di Elementor sono sparite! Se stai riscontrando lo stesso problema, non preoccuparti, non sei il solo. Molti utenti riscontrano questo problema a causa di impostazioni configurate in modo errato, file CSS mancanti o conflitti con il loro provider di hosting .
Quindi, qual è la causa? Potrebbe essere qualsiasi cosa, dalle icone dei font in linea disabilitate, al codice PHP non funzionante, ai permessi dei file errati o persino a un collegamento mancante ai fogli di stile necessari.
Ma la buona notizia? Esistono risposte chiare e soluzioni semplici che non richiedono competenze di programmazione avanzate.
Questa guida ti guiderà passo dopo passo attraverso le istruzioni per ripristinare le tue icone Elementor. Scopriamo insieme come risolvere il problema una volta per tutte!
TL;DR: Soluzioni rapide per le icone mancanti nel tuo Page Builder
- Controlla l'indirizzo WordPress e l'indirizzo del sito per assicurarti che le impostazioni URL e HTTPS siano corrette.
- Svuota la cache del browser e del sito per risolvere i problemi di memorizzazione nella cache più comuni che fanno apparire le icone vuote.
- Aggiorna Elementor, plugin e componenti aggiuntivi per evitare problemi di compatibilità che possono causare errori di visualizzazione.
- Rigenera i file CSS e rivedi i dati del database dalla dashboard per rendere nuovamente visibili le icone.
Cos'è l'Icon Box in Elementor?
L'Icon Box è uno dei widget più utili di Elementor , uno strumento molto apprezzato da molti utenti WordPress. Combina in modo ordinato un'icona, un titolo e un testo. Consideralo un piccolo evidenziatore per il tuo sito web; un modo per evidenziare qualcosa di speciale o importante.
Scopri di più: Elementor bloccato nella schermata di caricamento? Ecco come risolvere il problema!
Ecco cosa puoi fare con Icon Box:
- Scegli la tua icona: che ti piacciano quelle di Font Awesome, Material Design o che tu abbia un'icona unica, la scelta è tua.
- Personalizzalo: vuoi che l'icona sia un po' più grande? Di un colore diverso? Nessun problema. Puoi modificarne le dimensioni, cambiarne la tonalità e sperimentare con il suo aspetto. Inoltre, puoi scrivere il titolo e la descrizione.
- Trascina, rilascia e... fatto: non serve essere esperti di tecnologia per usarlo. Basta trascinare il widget Icon Box nella posizione desiderata sulla pagina o sul post e il gioco è fatto.
Le icone di Elementor non vengono ancora visualizzate? Niente panico!
Il nostro team di esperti di supporto WordPress può aiutarti a risolvere questo problema. Contattaci oggi stesso.
Problemi con le icone in Elementor? Ecco una checklist che può aiutarti
Se le icone non sono visibili, segui questa rapida checklist per identificare il possibile errore e ripristinarle prima di provare soluzioni più avanzate.
- Aggiorna Elementor: proprio come l'aggiornamento delle app del telefono, a volte anche il software ha bisogno di essere aggiornato. Assicurati che Elementor sia aggiornato.
- Dai un'occhiata alla libreria di icone: Elementor utilizza una raccolta di icone personalizzate di Font Awesome. Per verificare se è attiva: vai su Elementor, vai su Impostazioni, poi su Avanzate e cerca l'opzione Font Awesome, assicurandoti che sia selezionata.
- Potrebbe essere un altro plugin o tema : a volte, strumenti diversi non funzionano bene insieme. Prova a disattivare altri plugin per un momento. Puoi anche valutare di passare a un tema WordPress base (come Twenty-One).
- Pulisci la cache: immagina la cache come la memoria a breve termine del tuo browser. Svuotarla può risolvere molti piccoli problemi. Cancella la cache e i cookie del tuo browser. Inoltre, reimposta la memoria di Elementor (la sua cache).
- Il tuo browser funziona correttamente ? Non tutti i browser sono uguali. Prova un altro browser (come Firefox) per vedere se le icone tornano.
- La CDN tiene in ostaggio le icone ? Se utilizzi una Content Delivery Network (CDN) per il tuo sito, a volte può bloccare le icone. Potrebbe essere utile parlarne con il tuo fornitore di CDN.
Leggi di più : Recensione del plugin QI Addons per Elementor
Suggerimenti per risolvere il problema delle icone di Elementor che non vengono visualizzate
Può essere sconcertante quando le icone personalizzate di Elementor decidono di giocare a nascondino sul tuo sito web.
Ma la buona notizia è che recuperarli è solitamente semplice. Il più delle volte, i problemi si riducono a uno di questi due motivi:
- Modifiche al plugin Elementor: eventuali modifiche, aggiornamenti o personalizzazioni recenti potrebbero richiedere la corretta visualizzazione delle icone. Ciò potrebbe essere dovuto a conflitti o impostazioni incompatibili.
- Icone mancanti dalla libreria: a volte, le icone della libreria potrebbero essere state rimosse o non caricate, causandone la scomparsa dai layout.
Ora che abbiamo identificato i probabili colpevoli, passiamo in rassegna le soluzioni per riportare le tue icone al centro dell'attenzione.
Correlato: Correggi il problema del titolo animato di Elementor che non funziona
Problema 1: Modifiche al plugin Elementor
Potresti aver aggiornato di recente il plugin Elementor o averlo appena installato, e ora alcune icone di Font Awesome non vengono visualizzate. Nessun problema!
Ecco cosa puoi fare:
- Vai alla dashboard di WordPress.
- Seleziona "Elementor" dalla barra laterale e poi seleziona "Impostazioni"
- Fare clic sulla scheda "Avanzate".
- Cerca l'opzione "Carica supporto Font Awesome 4". Abilitala o assicurati che sia attiva.
Problema 2: file CSS e dati di Elementor obsoleti
A volte, le icone di Elementor non vengono caricate perché i file CSS generati diventano obsoleti o corrotti dopo un aggiornamento del plugin o una modifica della configurazione. In questo caso, gli stili dei font delle icone potrebbero non caricarsi correttamente, facendo sì che le icone appaiano vuote o invisibili sulla pagina.
Fortunatamente, Elementor fornisce una soluzione rapida a questo problema. Segui questi passaggi per rigenerare i file:
- Vai alla dashboard di WordPress e apri Elementor .
- Fare clic su Strumenti dal menu.
- Nella Generale , seleziona Rigenera file e dati .
- Fare clic sul pulsante e consentire a Elementor di aggiornare i dati.
Questo processo ricostruisce i file CSS memorizzati nel database e aggiorna le risorse utilizzate per visualizzare le icone. Dopo aver completato questi passaggi, ricarica la pagina e verifica se le icone sono ora visibili.
In molti casi, questa semplice soluzione risolve l'errore senza richiedere ulteriori risoluzioni dei problemi.
Problema 3: Problemi di configurazione HTTPS o contenuti misti
Un altro motivo comune per cui le icone non vengono visualizzate è un problema di contenuto misto. Questo accade quando il sito web viene caricato tramite HTTPS , ma alcuni file di icone o risorse di font vengono comunque richiesti tramite HTTP.
Per motivi di sicurezza, i browser moderni bloccano queste richieste, impedendo il caricamento delle icone.
Per prima cosa, controlla l'indirizzo WordPress e l'indirizzo del sito nelle impostazioni generali per assicurarti che entrambi utilizzino l'URL https corretto. In caso di discrepanza, aggiorna le impostazioni e salva le modifiche.
Puoi anche ispezionare la pagina negli strumenti di sviluppo del tuo browser per trovare risorse bloccate. Se i file delle icone sono bloccati, aggiorna gli URL nel tuo database o nelle impostazioni del plugin.
Una volta caricate tutte le risorse tramite HTTPS, le icone dovrebbero tornare visibili.
Problema 4: Problemi di autorizzazione dei file o di configurazione del server
In alcune situazioni, il problema potrebbe dipendere dalla configurazione dell'hosting o del server. Le icone di Elementor si basano su file di font come WOFF e TTF. Se il server blocca questi tipi di file o le autorizzazioni dei file non sono corrette, le icone potrebbero non essere caricate correttamente.
Per risolvere questo problema, controlla i permessi dei file all'interno dell'installazione di WordPress, in particolare nelle cartelle che contengono le risorse di Elementor. I permessi dovrebbero consentire al server di accedere a questi file.
Puoi anche contattare il tuo provider di hosting per verificare che i file dei font non siano limitati da regole di sicurezza. Alcuni server bloccano determinate risorse per impostazione predefinita, il che può causare la visualizzazione di icone vuote.
Una volta che il server consente l'accesso ai file richiesti, le icone di Elementor dovrebbero caricarsi normalmente nel menu e nelle pagine del tuo sito web.
Correlati : Come risolvere il problema del pannello widget che non si carica in Elementor
Numero 5: Le icone scompaiono dalla biblioteca
A volte, le icone nella libreria di icone di Elementor scompaiono, soprattutto nei modelli che utilizzano icone "Nucleo Mini".
Ecco come puoi verificare e risolvere il problema:
- Visita la pagina in cui dovrebbero apparire le tue icone.
- Fare clic sul pulsante "Modifica con Elementor" per avviare l'editor di Elementor.
- Da lì, apri la libreria multimediale. Questo ti permetterà di vedere se l'icona che stai cercando è presente nella libreria.
- Se l'icona desiderata non è presente, dovresti aggiornare il tuo plugin Kava Extra all'ultima versione per risolvere il problema.
Leggi anche: Divi vs Elementor
Alternativa al plugin Font Awesome
Se le soluzioni sopra indicate non ripristinano le icone, puoi provare un altro metodo: installare direttamente il plugin Font Awesome
- Nel pannello di amministrazione di WordPress, vai su Plugin → Aggiungi nuovo → Carica plugin .
- Qui avrai la possibilità di caricare il plugin Font Awesome che hai scaricato sul tuo computer.
- Fare clic sul pulsante "Installa ora".
- Una volta installato, non dimenticare di cliccare sul pulsante "Attiva plugin".
- Ora il plugin Font Awesome dovrebbe essere attivato sul tuo sito e le tue icone dovrebbero tornare a funzionare.
Esegui sempre il backup del tuo sito prima di apportare modifiche o aggiornamenti significativi. In caso di imprevisti, avrai una rete di sicurezza su cui contare.
Leggi di più : I migliori temi WordPress SaaS per Elementor
Conclusione
Affrontare il web design e lo sviluppo può a volte sembrare un viaggio pieno di imprevisti e colpi di scena. Ma dietro ogni intoppo, spesso c'è una soluzione dietro l'angolo.
Quando si tratta di Elementor e delle sue icone, abbiamo affrontato ogni difficoltà e fornito soluzioni facili da seguire. Dalla comprensione di funzionalità ingegnose come l'Icon Box alla risoluzione dei problemi per cui le icone non vengono visualizzate, abbiamo tutto ciò che ti serve.
Con le giuste conoscenze e un pizzico di pazienza, garantire un'esperienza utente impeccabile sul tuo sito web diventa un gioco da ragazzi.
Ricordate, ogni sfida, per quanto piccola, è un'opportunità per imparare e crescere. Quindi, continuate a far fluire la vostra creatività e a creare siti web più belli, efficienti e facili da usare!
Domande frequenti sulla correzione delle icone di Elementor che non vengono visualizzate
Perché le icone di Elementor non sono visibili sul mio sito web WordPress?
Le icone di Elementor potrebbero non essere visualizzate a causa di problemi di memorizzazione nella cache, di un indirizzo WordPress o del sito errato o di problemi di compatibilità con plugin o componenti aggiuntivi.
A volte il caricamento della famiglia di font dell'icona non riesce a causa di un URL errato, risorse HTTPS bloccate o file di database obsoleti.
Se ciò accade per la prima volta, svuota la cache e segui i passaggi descritti in questo tutorial per ripristinare le icone e renderle nuovamente visibili.
Come posso risolvere il problema delle icone di Elementor che non vengono visualizzate dopo l'accesso?
Dopo aver effettuato l'accesso alla dashboard di WordPress, apri le impostazioni di Elementor e rigenera i file CSS. Questa azione aggiorna i dati memorizzati e corregge molti errori di caricamento delle icone.
Puoi anche cancellare la cache del tuo sito dal pannello di hosting o dal plugin di caching. In molti casi, questi due metodi risolvono rapidamente il problema.
Un problema di memorizzazione nella cache può far sì che le icone di Elementor appaiano vuote?
Sì. Un problema di cache spesso impedisce il caricamento di nuovi file icona. Quando i file memorizzati nella cache rimangono obsoleti, le icone potrebbero apparire vuote o mancanti. Cancella la cache del browser, dei plugin e della CDN. Una volta aggiornati i vecchi dati, le icone dovrebbero tornare visibili.
I conflitti tra plugin o componenti aggiuntivi influiscono sulle icone di Elementor?
Sì. Alcuni componenti aggiuntivi di Elementor o plugin di terze parti possono causare problemi di compatibilità che impediscono il caricamento delle icone. Disattiva i plugin uno alla volta dal menu per individuare il conflitto. Una volta identificato, aggiorna o sostituisci il plugin problematico.
Cosa dovrei controllare se l'errore persiste?
Se l'errore persiste dopo aver seguito i passaggi precedenti, controlla le impostazioni dell'indirizzo WordPress e dell'indirizzo del sito, conferma la corretta configurazione HTTPS e rivedi i dati del database.
Puoi anche cercare risorse di Elementor o lasciare un commento se hai ulteriori dubbi. Speriamo che questo tutorial ti aiuti a ripristinare rapidamente le tue icone.
