Come risolvere il problema della barra laterale sotto i contenuti in WordPress

da | Nov 20, 2018 | Guide WordPress | 0 commenti

Recentemente ho visto la seguente domanda su un forum: Come risolvere il problema della barra laterale sotto i contenuti di WordPress. Non è la prima volta che ho incontrato questo problema, quindi abbiamo deciso di scrivere un articolo per spiegare come risolverlo.

Perché la mia barra laterale va sotto i contenuti della pagina?

Il motivo è molto semplice: si tratta di qualche errore nel codice HTML o CSS del tuo tema.

Come posso prevenire/risolvere questo problema?

Abbiamo incontrato questo problema numerose volte e nel 99% dei casi il problema è lo stesso. Un elemento div è senza chiusura o c’è una chiusura di troppo. Andiamo a scoprire come risolvere.

Il problema è comparso da poco? Si manifesta solo su una pagina o su un articolo specifico?

Se la risposta a entrambe le domande è SI allora la soluzione che segue fa per te. Guarda attentamente fra tutte le cose che hai modificato di recente. Hai aggiunto un nuovo plugin? Hai fatto modifiche al codice HTML?

I contenuti delle pagine o articoli hanno i blocchi <div>. Assicurati che questi <div> siano chiusi cosi </div>. Uno dei modi migliori è usare il W3 Validator.

Questo problema spunta fuori quando c’e un </div> o <div> in più. Se stai creando un tema custom e ti capita di incontrare questo problema allora ci sono alcuni problemi. Uno di questi sarebbe quello che ti abbiamo appena spiegato.

Altri problemi potrebbero essere

Rapporto improprio della larghezza. Se la larghezza del tuo contenitore e di 960 pixel allora devi mantenere le cose proporzionate.

Per esempio, larghezza contenuti 600 pixel, larghezza barra laterale 300 pixel e 60 pixel di spazio fra di loro.

L’altro problema potrebbe essere la proprietà float. Devi assicurati di aggiungere float: left; e float: right; agli elementi giusti. Se non lo fai non funzionerà come dovrebbe.

Spero fortemente che sei riuscito a risolvere il tuo problema usando una delle soluzioni presenti in questo articolo. Hai trovato un’altra soluzione per risolvere questo problema? Condividila con noi qui sotto nei commenti. Sarà utile a moltissime persone. 

Ho inoltre messo in piedi un gruppo gratuito su Facebook per tutti gli utilizzatori di WordPress, il gruppo e aperto a tutti quanti e dentro puoi fare domande, chiedere aiuto e sopratutto confrontarti con veri professionisti che usano WordPress per tutti i loro progetti online. Il gruppo si chiama Utilizzatori WordPress e lo puoi trovare qui. Se ti sei appena iscritto al nostro gruppo facci un saluto! Non mordiamo sai. 

Hai trovato utile questo articolo? Fallo sapere a tutti a quanti lasciando una tua valutazione ( da 1 a 5 stele ) qui sotto. A te non costa nulla ma per noi significa tantissimo, sopratutto se il tuo sarà un voto a 5 stele.

Come risolvere il problema della barra laterale sotto i contenuti in WordPress
Media 5 su 4 voti

Su questo sito usiamo i cookie. Tracciamo in maniera del tutto anonima le azioni dei nostri utenti sul nostro sito. Visita il Centro Privacy per ulteriori informazioni o Impostazioni Privacy per modificare le tue preferenze.

Privacy Settings saved!
Impostazioni Privacy

Quando visiti un sito Web, esso può archiviare o recuperare informazioni sul tuo browser, principalmente sotto forma di cookie. Controlla qui i tuoi servizi di cookie personali.

Questi cookie sono necessari per il funzionamento del sito Web e non possono essere disattivati nei nostri sistemi.

Per utilizzare questo sito abbiamo bisogno che accetti l'uso dei seguenti cookie tecnici:
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec
  • wp-settings-time-2
  • wp-settings-2
  • wordpress_gdpr_cookies_declined
  • wordpress_gdpr_cookies_allowed
  • wordpress_gdpr_allowed_services

Usiamo WooCommerce come sistema di acquisto. Per il carrello e l'elaborazione degli ordini verranno memorizzati 2 cookies. Questi cookie sono strettamente necessari e non possono essere disattivati.
  • woocommerce_cart_hash
  • woocommerce_items_in_cart

Rifiuta tutti i Servizi
Accetta tutti i Servizi