La barra laterale, l'intestazione e il piè di pagina hanno i loro nomi per un motivo. Sono descrittivi e indicano dove dovrebbe trovarsi ogni elemento su una pagina web. Quindi quando la tua barra laterale, che dovrebbe esistere a sinistra o a destra del tuo contenuto, appare sotto il tuo contenuto, è 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 " ".
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 :
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.
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.
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?
Ancora una volta, devi confrontare alcune pagine del tuo sito con i diversi articoli su il tuo blog. Ispeziona 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
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.
