Risolvere il problema di caricamento dei CSS di Elementor
Vediamo assieme come poter risolvere quando il codice CSS non viene caricato correttamente nella nostra pagina creata con Elementor.
A volte, quando facciamo delle modifiche alla nostra pagina, potrebbe succedere che il codice CSS non venga caricato correttamente e la pagina abbia un aspetto diverso da quanto ci aspettavamo di vedere.
Se abbiamo un po’ di esperienza nel webdesign ci accorgiamo subito che la non corretta visualizzazione è dovuta dal fatto che il CSS che abbiamo inserito personalmente (o quello del tema) non è stato caricato correttamente.
Ecco un’immagine rappresentativa del mancato caricamento del codice CSS:
Tabella dei Contenuti
Come rigenerare i CSS
Nella maggior parte dei casi per risolvere questo tipo di problema basta rigenerare il codice CSS di Elementor. La rigenerazione del CSS si fa facilmente dal pannello di controllo di WordPress, clickiamo sulla voce Elementor -> Strumenti -> Rigenera CSS , in questo modo Elementor rigenererà il codice CSS dell’interso sito web. Per essere sicuri che ora il CSS viene caricato correttamente nelle pagine del sito web vi consiglio di cancellare la cache sia del sito che del browser.
Cancellazione della cache del sito
Il mancato caricamento del codice CSS può dipendere dalla cache che viene generata dai plugin di ottimizzazione (WP Rocket, WPSpeed, ecc.) del tuo sito web, solitamente per risolvere queso problema basta rigenerare la cahce attraverso l’apposito tasto del plugin; se invece la cache viene gestita lato server la si deve eliminare e poi rigenerare dal pannello di controllo del proprio hosting.
Cancellazione della cache del browser
A volte l’errata visualizzazione può essere un problema “locale” del browser e non un errore del sito web; ora, per essere sempre più prestanti e veloci i broser web hanno un proprio sistema di cache molto “aggressivo” quindi può capitre che le modifche fatte sono state pubblicate ma è il nostro browser che “non le vede”.
Per evitare questi inconvenienti basta svuotare la cache dal proprio browser (Chrome, Firefox, Safari, Edge, Opera, ecc.) o navigare il sito web in un finestra di navigazione in incognito.
Compatibilità del tema
La mancata compatibilità (totale o parziale) del tema in uso nel sito con Elementor può generare questo problema, il mio consiglio è di fare un test utilizzando temporaneamente il tema predefinito di WordPress (come il Twenty Twenty-Three) o il tema Hello Elementor; se il problema non si presenta visualizzando le pagine del sito con questi temi significa che il tema che stai utilizzando ha un problema di compatibilità con Elementor, in questo caso l’unica soluzione è quella di contattare lo sviluppatore del tema che stai utilizzando e vedere di risolvere il problema di compatibilità.
Contrasto tra diversi bulder
Non è una novità che avere più builder installati ed attivi nel proprio sito web possa generare dei problemi oltre che rallentare in maniera importatne l’apertura delle pagine web.
Il mio consiglio è quello di disinstallare tutti gli altri builder presenti nel sito web e utilizzare solo Elementor, così facendo il sito sarà sicuramente più veloce nella navigazione e si eviteranno altri problemi più o meno gravi.