Vai al contenuto principale

Come riparare una barra laterale laterale traboccante su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 701.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

La barra laterale, l'intestazione e il piè di pagina hanno i loro nomi per una buona ragione. Sono descrittivi e indicano dove dovrebbe esistere ciascun elemento in una pagina Web. Quindi, quando la barra laterale, che dovrebbe esistere a sinistra o a destra dei tuoi contenuti, appare sotto i tuoi contenuti, è chiaro che c'è un problema.

La posizione di questi elementi è determinata dal codice HTML e CSS. Non devi necessariamente conoscere queste lingue per risolvere questo problema, ma devi capire una o due cose, come il " div '.

Comprendi l'importanza dell'elemento "Div" in relazione alla barra laterale

"Div" o il tag , è un elemento HTML. È un contenitore per diversi elementi che compongono una pagina Web, incluso il contenuto. Ogni elemento deve essere contenuto nel proprio tag " ".

A questo punto dovresti sapere come funzionano i tag di apertura e chiusura in HTML. Ad esempio, quando imposti un titolo con uno spessore h2 Title e guardi nell'editor di testo, noterai che è racchiuso tra tag , come questo :

i tag title-in-

Il primo è un tag di apertura. Il tag che contiene la barra "/" è un tag di chiusura. Ogni elemento di una pagina web deve contenere un tag di apertura e chiusura. Se un'etichetta è aperta e non chiusa o viceversa, ciò può causare una visualizzazione errata su alcuni elementi, soprattutto se quei tag non fanno parte dei tag esenti da un tag di chiusura come " img "," hr "Ecc

Se apri un tag e non chiudere con , i paragrafi e gli altri contenuti dell'articolo verranno visualizzati con uno stile "Titolo 2". È simile al modo in cui gli elementi " div Può essere visualizzato correttamente se non lo si apre e lo si chiude correttamente.

Ecco il file "single.php" per il tema " Zerif Lite ". Questo file contiene il codice che determina l'aspetto degli articoli nel plugin (per oggetti unici). Nell'immagine seguente, i tag "Div" sono evidenziati per mostrare dove si aprono e dove si chiudono.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

-php-sidebar-singoli elementi-div

Questa è una semplice dimostrazione di come funzionano gli elementi div in modo da poter determinare meglio la causa di un problema di visualizzazione.

Risolve il problema di visualizzazione su WordPress

Capire come funzionano gli elementi "div" è solo metà della battaglia. Ora devi determinare quale file sul tuo sito ha problemi con gli elementi "div".

Ci sono alcune domande da porsi:

Questo problema esiste in tutto il tuo sito?

Capire dove si verifica questo problema sul tuo sito può essere un ottimo indizio su dove esiste il problema. Sfortunatamente, se esiste ovunque sul tuo sito, ci vorrà più tempo per risolverlo.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

Un problema generale in cui la barra laterale appare sotto il contenuto può avere una serie di cause diverse e probabilmente verranno visualizzate in uno di questi file principali:

  • footer.php
  • header.php
  • index.php
  • sidebar.php
  • style.css

Il tema potrebbe includere file aggiuntivi che determinano gli elementi che vengono visualizzati in tutto il sito, ma questi sono i file principali da tenere in considerazione per condurre la ricerca.

Puoi visualizzarli direttamente nell'editor che si trova nel menu "Aspetto" sulla dashboard.

Questo problema esiste solo sulle pagine?

Esplora alcune pagine alla ricerca dell'errore. Il problema compare solo sulle pagine? Se è così, dovrai guardare il tuo file "page.php" per trovare gli errori.

Questo problema esiste solo nelle pagine del blog?

Di nuovo, devi confrontare alcune delle pagine del tuo sito con i diversi articoli del tuo blog. Controlla il tuo file "single.php". Se la barra laterale viene visualizzata correttamente sulle pagine, ma non sul blog, questo file ti dirà di più.

Il problema delle barre mobili

Il tuo tema potrebbe essere una barra laterale mobile e se questo sta facendo apparire le barre laterali sotto il contenuto, allora devi avvicinarti allo sviluppatore.

La proprietà più importante è la proprietà galleggiante Che di solito appare in due formati:

float: sinistra; float: right;

Se questi non vengono utilizzati correttamente o non vengono utilizzati affatto, possono far sì che gli oggetti si impilino uno sopra l'altro piuttosto che uno accanto all'altro. Potrebbe anche essere necessario utilizzare il " pulire campo Per correggere il problema

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Richiedi l'aiuto di esperti

Se non riesci a risolvere i problemi utilizzando tutto quanto sopra, ti invito a contattarci direttamente lasciando un commento o tramite la chat dal vivo sul home page.

Altrimenti, puoi sempre contattare direttamente lo sviluppatore del tema. Chi è all'origine di questo prodotto, sarà in grado di rispondere meglio alle tue esigenze.

Questo è tutto per questo tutorial, spero che ti permetta di correggere il problema delle barre laterali che appaiono sotto i tuoi contenuti.

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
2 azioni
quota
Tweet
Enregistrer2