Perfezionare il layout del tuo sito WordPress può essere molto lavoro, ma è anche essenziale per l’Esperienza Utente (UX), l’interazione e le conversioni. Pertanto, può essere frustrante quando un errore apparentemente casuale causa una interruzione nella visualizzazione del tuo sito — come ad esempio la barra laterale che improvvisamente appare sotto il contenuto invece che al fianco.
Mentre ci sono alcune possibili cause, principalmente si tratta di problemi con l’Hypertext Markup Language (HTML) o i Cascading Style Sheets (CSS). Fortunatamente, i problemi sono relativamente facili da risolvere, quindi puoi rapidamente rimettere il tuo sito in perfetta forma.
In questo articolo, esamineremo le cause comuni di questo errore, poi ti mostreremo come risolverlo in tre semplici passaggi. Inizia ora!
Cause Comuni Della Sidebar Che Scende Sotto Il Contenuto in WordPress
Le barre laterali in WordPress sono aree di contenuto destinate ad essere visualizzate a sinistra o a destra del segmento principale della pagina (o talvolta su entrambi i lati). Contengono spesso widget, moduli di iscrizione, collegamenti a post correlati o contenuti simili che vorresti includere in tutto il tuo sito.
A causa di vari bug o errori, le tue barre laterali possono talvolta apparire in fondo alla pagina, anziché a sinistra o destra. Inutile dire che questo può facilmente rovinare un sito web ben progettato.
La causa principale di questo comportamento sono problemi con l’HTML o il CSS del tuo sito. È solitamente il risultato di modifiche dirette che hai apportato al codice del tuo sito, come un file di tema o plugin.
Ad esempio, potrebbe esserci un tag <div> aggiuntivo o non dichiarato nella pagina. Il problema potrebbe anche essere attribuito a impostazioni di larghezza e floating errate nel tuo CSS. Fortunatamente, correggere questo errore è abbastanza facile.
Evita lo Stress
Evita la risoluzione dei problemi quando ti iscrivi a DreamPress. I nostri esperti WordPress, sempre disponibili e cordiali, sono pronti 24/7 a risolvere problemi del sito, grandi o piccoli.
Scopri i PianiCome Risolvere l’Errore della Sidebar di WordPress Sotto il Contenuto (In 3 Passi)
Ora che conosci le possibili cause di questo errore perplesso, è tempo di correggerlo. Ti consigliamo di seguire i tre passaggi seguenti in ordine, passando al successivo solo se il precedente non ha funzionato. Prima di iniziare, ricordati di fare un backup del tuo sito per sicurezza.
Passo 1: Annulla Le Tue Modifiche Più Recenti
Il primo passo è anche il più semplice. Se la tua barra laterale si è spostata dopo aver apportato una modifica al tuo sito — che si tratti di installare un nuovo plugin, aggiungere codice personalizzato o altro — semplicemente annullala. Invertire l’azione riporta il layout al suo formato originale e aiuta ad isolare la causa del problema.
Puoi iniziare annullando la modifica e aggiornando il tuo sito per vedere se la barra laterale è tornata al suo posto corretto. Se è così, puoi poi cercare potenziali problemi con le modifiche che stavi cercando di apportare. Ad esempio, se hai installato un nuovo plugin, cerca delle alternative. Se hai modificato o aggiunto codice al tuo sito, cerca eventuali errori di battitura o errori di sintassi.
Passo 2: Correggi i Tag <div> Non Chiusi o Rimuovi i Tag <div> Extra
Spesso, un tag <div> non chiuso o extra nel codice del tuo sito è la causa dell’errore della barra laterale di WordPress. Questi tag HTML definiscono i confini delle sezioni sul tuo sito web. Se sono posizionati in modo errato, i browser non renderizzeranno correttamente il sito (da qui la barra laterale errante).
Ecco un esempio di una pagina formattata correttamente:
Di seguito la stessa pagina con un tag <div> non chiuso:
Puoi vedere che quello che dovrebbe essere il tag di chiusura <div> manca della barra obliqua. Di conseguenza, il browser non sa che dovrebbe essere chiuso, e il contenuto che dovrebbe essere fuori dall’elemento è ora dentro.
Per risolvere questo problema, esamina tutti i file di template che hai modificato e cerca tag mancanti o superflui. In genere, questi errori si trovano nei file “parti del template” del tuo tema WordPress. Per arrivarci, vai alla tua dashboard WordPress e naviga in Aspetto > Editor Temi.
Scegli il tema corretto dal menu a discesa in alto, e poi trova la sezione parti del template nella barra laterale.
I template che generano pagine e post si trovano solitamente nella sezione contenuti. Trova quello di cui hai bisogno nell’elenco, controllalo e apporta le correzioni necessarie. Poi puoi cliccare su Aggiorna File per salvare le tue modifiche.
Se sai quale file hai modificato, puoi andare direttamente lì. Altrimenti, dovrai controllarli tutti per individuare le incongruenze.
Passo 3: Correggi Problemi CSS
Un’altra causa frequente di questo errore si trova nel CSS del tuo sito. La sezione CSS Aggiuntivo del Personalizzatore di WordPress ti permette di aggiungere CSS personalizzato al tuo sito.
Se hai utilizzato questa funzione o modificato il CSS in altri modi, potresti aver formattato il codice in modo errato. Nel caso di spostamento delle barre laterali, il colpevole più comune è la proprietà “width”.
Dovresti verificare che la somma delle larghezze degli elementi Contenuto e Barra laterale non superi la larghezza dell’elemento Involucro. Se ciò accade, l’elemento più piccolo verrà spostato in basso per adattarsi.
Strumenti per Semplificare la Risoluzione dei Problemi della Barra Laterale
Puoi anche risolvere il problema da solo senza utilizzare codice. Ci sono diversi strumenti online che possono validare il tuo codice e controllarlo per errori.
Puoi utilizzare il Servizio di Validazione Markup W3C per verificare il codice HTML. Il Servizio di Validazione CSS W3C è il corrispondente per CSS. Online Web Check è anche un ottimo strumento che funziona sia per HTML che per CSS.
Questi servizi sono fantastici anche se desideri solo un secondo paio di occhi sul tuo codice, indipendentemente dal livello di abilità. Un rapido controllo doppio non ha mai fatto male a nessuno!
Potresti anche rimuovere la correzione degli errori di WordPress dalla tua lista di cose da fare con il nostro servizio DreamCare. Il nostro team di esperti gestisce tutto sul backend del tuo sito per assicurarsi che sia sicuro, protetto e sempre attivo.
Risorse Aggiuntive Di WordPress
Dì addio ai link rotti e ai messaggi di errore! Abbiamo preparato diverse guide per aiutarti a risolvere ogni tipo di problema di WordPress:
- Panoramica sugli Errori Comuni di WordPress
- Come Risolvere l’Errore del Server Interno 500 in WordPress
- Come Correggere gli Errori di Sintassi in WordPress
- Come Risolvere il Problema di WordPress che Non Invia Email
- Come Risolvere l’Errore di Connessione al Database in WordPress
- Come Risolvere l’Errore 404 Non Trovato di WordPress
- Come Risolvere il Testo Bianco e i Pulsanti Mancanti nell’Editor Visuale di WordPress[b]
Se stai cercando altri consigli e trucchi per WordPress, dai un’occhiata ai nostri Tutorial su WordPress, una raccolta di guide che ti aiuteranno a navigare nell’area di amministrazione di WordPress come un esperto.
Risoluzione Dell’Errore Della Barra Laterale
Se hai dedicato tempo a creare un bellissimo sito WordPress, probabilmente non vorresti che nulla lo rovinasse — soprattutto non degli errori improvvisi. Fortunatamente, se il problema è che le tue barre laterali appaiono sotto il tuo contenuto, la soluzione è relativamente semplice!
Per correggere l’errore della barra laterale che appare sotto il contenuto, puoi seguire questi tre passaggi:
- Annulla tutte le modifiche che hai apportato al tuo sito poco prima che l’errore si verificasse.
- Verifica la presenza di tag <div> non chiusi o extra nel tuo codice e correggili.
- Assicurati che il CSS del tuo sito sia corretto.
Se preferisci dedicare il tuo tempo alla gestione della tua attività invece di risolvere i problemi del tuo sito web, considera la possibilità di passare a DreamPress. Con i nostri piani di hosting WordPress gestito, ci occupiamo noi dei problemi, così puoi concentrarti su ciò che conta davvero.
