Come risolvere la barra laterale sotto il contenuto Errore in WordPress

Recentemente uno dei nostri utenti ci ha fatto la domanda: come correggere la barra laterale sotto l'errore di contenuto in WordPress. Questa non è la prima volta, abbiamo ricevuto questa domanda, quindi abbiamo deciso di scrivere un post su di esso. In questo articolo, ti mostreremo come correggere la barra laterale sotto l'errore di contenuto in WordPress.

Perché la mia sidebar è in calo sotto il mio contenuto?

Il motivo per cui la barra laterale scende sotto il tuo contenuto è perché c'è un errore HTML o CSS nel tuo tema.

Come posso evitare che la mia barra laterale scenda sotto il contenuto?

Abbiamo risolto questo problema per numerosi utenti. 9 volte su 10, la ragione è la stessa. C'è un elemento div non chiuso sulla pagina. Potrebbe anche darsi che ci sia un elemento div in più chiuso sulla pagina che fa sembrare che la barra laterale sia fuori dall'elemento wrap. Che cosa significa questo in inglese? Cerchiamo di risolverlo passo dopo passo.

È qualcosa che è iniziato di recente? Accade solo su un post o una pagina specifici? Se la tua risposta è SÌ, allora la seguente correzione è per te.

Guarda tutto ciò che hai cambiato di recente. Hai aggiunto un plug-in? Hai apportato modifiche relative all'HTML? Il tuo specifico contenuto di post o pagina ha dei blocchi? Assicurarsi che siano correttamente chiusi. Uno dei modi migliori per scoprire l'errore è utilizzare il validatore W3.

Usa questo grafico per capire cosa sta succedendo:

Se stai creando un tema personalizzato e questo problema si verifica con te, potrebbero esserci alcuni problemi. Un problema che ti abbiamo già rivelato sopra. Pochi altri problemi potrebbero essere:

Rapporto larghezza non corretto. Se la larghezza del contenitore è solo 960 px, devi mantenere le proporzioni. Ad esempio, larghezza del contenuto 600 px e larghezza della barra laterale 300 px con margine di 60 pixel tra di essi.

L'altro problema potrebbe essere la proprietà float. Devi assicurarti di aggiungere float: a sinistra; e float: diritto agli elementi appropriati. Se non lo fai, allora non funzionerà.

Speriamo che questo articolo ti abbia mostrato come correggere la barra laterale sotto l'errore di contenuto in WordPress.