Recentemente uno dei nostri utenti ci ha fatto una domanda: come si corregge quando la barra laterale(o side bar) appare sotto il contenuto di pagina su WordPress?

Questa non è la prima volta, che ce lo chiedono, per cui abbiamo deciso di scrivere un articolo su questo argomento. In questo articolo, ti mostreremo come correggere la barra laterale sotto l’errore di un contenuto su WordPress.

Sembrerà strano ma questo è un errore comune su WordPress

Perché la mia barra laterale viene visualizzata al di sotto del mio contenuto?

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

Come posso evitare che la mia barra laterale scenda al di sotto del 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ù sulla pagina che fa apparire la barra laterale sotto il contenuto.

Che cosa significa questo in Italiano? Cerchiamo di risolverlo passo dopo passo.

È qualcosa che è accaduto di recente?

Accade solo su un post o una pagina specifici?

Se la tua risposta è SÌ, allora la seguente correzione è quella che fa per te.

Guarda tutto ciò che hai cambiato di recente. Hai aggiunto un plug-in? Hai apportato modifiche relative all’HTML? Il tuo contenuto di un Articolo o pagina specifici contiene blocchi <div>?

Assicurati che siano chiusi correttamente. Uno dei modi migliori per scoprire l’errore è utilizzare il validatore W3.

Usa questo grafico per capire cosa sta succedendo:

struttura div di pagina

struttura div della pagina

 

Se stai creando un tema personalizzato e questo problema si sta verificando mentre ci lavori, potrebbero esserci alcuni problemi. Un problema che ti abbiamo già rivelato sopra.

Alcune altre volte potrebbero succedere che:

Il Rapporto larghezza errato. Se la larghezza del container è solo 960 px, devi mantenere le proporzioni. Ad esempio, larghezza del content è 600 px, la larghezza della barra laterale 300 px e il margine di tra di loro dovrà essere 60 pixel .

Un altro problema potrebbe essere la proprietà float. Devi assicurarti di aggiungere float: left; e float: right agli elementi appropriati. Se non lo fai, allora non funzionerà.

Speriamo che questo articolo ti abbia mostrato come aggiustare la barra laterale che va a capo sottoo il contenuto di WordPress.