6 errori comuni che gli utenti commettono con Elementor

Elementor è sempre stato un leader in termini di esperienza utente e facilità d'uso. Tuttavia, anche se miriamo a semplificare le cose, ci sarà sempre una curva di apprendimento. Per aiutarti a iniziare alla grande, abbiamo deciso di elencare gli errori più comuni che le persone fanno in Elementor e le soluzioni a questi errori.

Se ti rendi conto di aver commesso tu stesso alcuni di questi errori, non rimproverarti. Padroneggiare qualsiasi strumento o attività significa che c'è sempre qualcosa in più da imparare. L'idea è di mantenere una mente aperta se intendi affinare le tue abilità. Esaminiamo quegli errori comuni e le loro soluzioni, così puoi portare le tue abilità di Elementor al livello successivo.

Errore n. 1: utilizzo di un tema incompatibile

Iniziamo con il primo errore comune in Elementor: utilizzare un tema incompatibile.

Elementor è un plugin universale. È progettato per essere conforme agli standard di codifica di WordPress, rendendo così qualsiasi tema che segue il Codice di WordPress compatibile con Elementor. Ciò non significa, tuttavia, che tutti i temi che funzionano con WordPress seguano gli standard di codifica, né che tutti creino temi pensando a Elementor. Per questo motivo, ogni tanto sentiamo gli utenti che hanno problemi a modificare la loro pagina.

Di seguito sono riportati alcuni problemi comuni che derivano dall'utilizzo di un tema incompatibile:

• Non avere una pagina a larghezza intera
• Difficoltà a rimuovere lo spazio sotto l'intestazione
• Non essere in grado di cambiare font o colori

Soluzione: cambia il tuo tema

Esistono diverse soluzioni per evitare questo errore:

Il più semplice è cambiare il tema con qualcosa di simile che sia compatibile. Il posto migliore per trovare temi compatibili con WordPress è nel loro repository. Ancora meglio, usa temi che funzionano bene con Elementor come WooVina e Astra.

WooVina è un tema iniziale leggero, veloce e completamente personalizzabile per Elementor. Il tema WooVina offre oltre 50 siti demo di Elementor pronti per l'importazione per i tuoi nuovi progetti web.

Un altro modo per risolverlo è contattare il nostro team di supporto in merito al problema problematico e chiedere loro di correggere il bug. In alternativa, con un po' di conoscenza del codice, fai da te scavando a fondo nel codice e rendendolo compatibile con le tue esigenze.

Errore n. 2: utilizzare colonne e widget spaziatori per posizionare gli elementi

Il prossimo errore comune che abbiamo riscontrato è l'utilizzo di colonne e widget spaziatori per posizionare gli elementi. Ci siamo imbattuti in molti utenti che hanno posizionato e allineato i propri elementi utilizzando colonne extra e il widget spaziatore sin dal primo giorno. Non solo questo non è necessario, ma è anche dannoso per la tua pagina.

Ogni volta che aggiungi una colonna alla tua pagina, aggiungi un markup al tuo codice HTML, che funge da scheletro della tua pagina. Tutto quel markup extra si somma, dando ai sistemi più lavoro da fare, e alla fine ribaltando l'equilibrio quando si tratta del tempo di caricamento della tua pagina. Inoltre, l'utilizzo di elementi di "contenuto" vuoti per organizzare il layout fornisce ai motori di ricerca l'impressione sbagliata con conseguente posizionamento più basso per il tuo sito.

Soluzione: usa Padding e Margin

Ogni singolo elemento e widget in Elementor ha parametri di margine, riempimento e indice Z. Molti hanno anche ulteriori opzioni di allineamento e posizionamento nelle schede Contenuto del widget e Stile. Utilizzando queste opzioni, Elementor ti assicura di utilizzare solo dati minimi per il tuo codice. Inoltre, mantenere questi dati nel codice CSS elimina ulteriormente la necessità di aggiungere al codice di markup. In questo modo è anche possibile copiare/incollare la spaziatura quando si utilizza l'opzione Incolla stile.

Solo un rapido promemoria: il valore del margine definisce lo spazio all'esterno della cornice del widget, mentre il valore del riempimento definisce lo spazio all'interno della cornice, tra la cornice e l'elemento.
Abituati a usare padding e margini. Dopotutto, è per questo che sono stati progettati.

Errore n. 3 – Uso scorretto del widget della sezione interna

Mentre siamo in tema di colonne, è tempo di menzionare un altro errore di colonna comune.

L'uso scorretto di un widget di sezione interna o quello che alcuni utenti chiamano il widget Colonna.
Come sai, il modo migliore per aggiungere una nuova sezione è fare clic su Aggiungi nuova sezione. Sfortunatamente, alcuni utenti hanno preso l'abitudine di assegnare il numero di colonne per quella sezione, a favore del trascinamento in un widget di sezione interna.

Soluzione: utilizzare colonne regolari

Quando si imposta una sezione, la pratica migliore è infatti utilizzare il pulsante Aggiungi nuova sezione, quindi selezionare il numero di colonne desiderato. Questo non solo mantiene tutto bello e uniforme in tutta la tua sezione, ma ti consente di avere alcune cose indipendenti, come sfondi animati e primi piani, mantenendo la luce di markup.

Il widget Sezione interna è stato progettato per consentire agli utenti di creare una distinzione all'interno di una sezione alquanto uniforme. Se tutto ciò che vuoi fare è aggiungere una colonna alla tua sezione, fai semplicemente clic con il pulsante destro del mouse sull'handle della colonna e aggiungi una nuova colonna.

Errore n. 4 – Modifica senza disabilitare o svuotare la cache

Un altro errore comune è modificare il tuo sito web senza prima disabilitare o svuotare la cache. I siti web sono continuamente sottoposti a modifiche e aggiornamenti. È qualcosa che diamo per scontato. Abbiamo scoperto che troppo spesso gli utenti trascorrono ore a modificare il proprio sito sul back-end, solo per scoprire che questo non ha fatto alcuna differenza per il sito sul front-end, dove è attivo.

La memorizzazione nella cache per i nostri siti è progettata per risiedere sul front-end e ricambiare le richieste di contenuto che provengono dalle persone che visitano il tuo sito web. Una cache contiene i dati dei contenuti molto richiesti e aiuta a ridurre i tempi di download. Più comunemente abbiamo la cache del browser, ma abbiamo anche un plug-in della cache e una cache del sito Web sul server dell'host.
A meno che non informiamo il sistema che stiamo apportando modifiche, queste cache continueranno a inviare il contenuto che abbiamo definito in primo luogo.

Soluzione: svuotare la cache

Ecco alcuni metodi che possono aiutarti a evitare questo errore:
L'aggiornamento della pagina nel browser cancellerà la cache del browser. Puoi farlo premendo Comando + R sul Mac o Control F5 su un PC.

Puoi anche accedere alle impostazioni del browser e trovare l'opzione elimina cache.
Un altro modo per farlo è aggiungere un punto interrogativo dopo l'URL nella riga dell'indirizzo seguito da alcune parole senza senso. Questo costringe il browser a cercare queste informazioni. In tal modo, ricarica una nuova versione della pagina.

Alcuni utenti utilizzano plug-in di cache come WP Rocket o WP Fastest Cache, che eseguono la memorizzazione nella cache dei dati all'esterno del browser per caricare la pagina più velocemente.

Qui ti suggeriamo di disabilitare il plug-in della cache sulla dashboard di WordPress prima di iniziare a modificare o apportare modifiche al tuo sito. Se hai dimenticato di farlo, usa le opzioni nelle impostazioni del plugin per svuotare la cache
Occasionalmente è necessario aggiornare la cache sul server di hosting. Possiamo verificare che ciò stia causando problemi se la pagina non si ricarica dopo aver fatto clic su Aggiorna nell'editor di Elementor.
In tal caso, nella dashboard di WordPress, vai su Elementor > Strumenti > e nella TAB Generale, fai clic sul pulsante Rigenera CSS e poi su Salva. Puoi trovare più opzioni per problemi come questo, nella nostra documentazione.

Errore n. 5: utilizzare le immagini di dimensioni sbagliate

Il prossimo errore comune è l'utilizzo di immagini di dimensioni errate. Non mancano gli utenti che caricano immagini troppo piccole o troppo grandi per il posto assegnato nella pagina. Quindi modifica le impostazioni del widget immagine per forzare l'adattamento dell'immagine. Questo vale anche per gli utenti che caricano immagini di dimensioni diverse, in cose come gallerie di immagini o caroselli e scoprono di avere la stessa difficoltà. I lettori abituali sapranno e senza dubbio concordano sul fatto che la pianificazione è la chiave per lavorare correttamente e risparmiare tempo nel processo.

Soluzione: ottimizzazione delle dimensioni e delle dimensioni dell'immagine

Pianificare le dimensioni e le dimensioni di ogni foto e preparare le nostre immagini in anticipo, utilizzando strumenti di progettazione come Sketch o Photoshop, o anche siti online come Pixlr, ti farà risparmiare molto tempo e fatica.

Mentre stai calcolando le dimensioni dell'immagine, puoi anche lavorare sulla dimensione del file. Le immagini ad alta risoluzione che rallentano il tempo di caricamento della pagina comporteranno sicuramente un gran numero di visitatori che rimbalzano dal tuo sito. Puoi utilizzare strumenti come Optimole per ridurre automaticamente le dimensioni dell'immagine o utilizzare servizi esterni come Tiny PNG.

Errore n. 6 – Non impostare i colori predefiniti

Al prossimo errore: non impostare i colori predefiniti. Ci sono molte opzioni in Elementor progettate proprio per rendere la vita degli utenti più facile. L'impostazione dei colori predefiniti del tuo design ti farà, ancora una volta, risparmiare molto tempo, oltre a garantire che la tua combinazione di colori rimanga coerente in tutto il tuo sito web.

Soluzione: scegli i nostri colori in anticipo

La migliore pratica sarebbe quella di farlo all'inizio della nostra creazione della pagina, una volta che hai aperto la tua prima pagina vuota in Elementor. Nel menu, scegli i colori predefiniti dalla tavolozza e applicali. In realtà abbiamo parlato della configurazione nella masterclass precedente.

Conclusione

Questo elenco non copre tutti gli errori commessi dagli utenti. Ce ne sono molti altri che avremmo potuto menzionare, ad esempio: incollare il testo nell'editor di testo, che include lo stile in linea, invece di ripulire il testo. Superare questi 6 errori, tuttavia, ti darà un buon inizio e ti aiuterà a comprendere e utilizzare meglio Elementor.

Rimarrai stupito di come l'uso corretto di Elementor mostrerà immediatamente enormi miglioramenti nei siti Web che produci.

Se ritieni che ci siamo persi degli errori comuni che dovrebbero essere menzionati o se ti sei imbattuto in alcuni errori comuni che tu o i tuoi clienti fate spesso utilizzando Elementor, condivideteli con noi nei commenti qui sotto.