Bara laterală, antetul și subsolul au numele lor dintr-un motiv. Acestea sunt descriptive și vă spun unde ar trebui să existe fiecare element pe o pagină web. Deci, când bara dvs. laterală, care ar trebui să existe la stânga sau la dreapta dvs cuprins, apare sub dvs cuprins, este clar că există o problemă.

Locația acestor elemente este determinată de codul HTML și CSS. Nu trebuie neapărat să cunoașteți aceste limbi pentru a rezolva această problemă, dar trebuie să înțelegeți un lucru sau două, cum ar fi „ div ".

Înțelegeți importanța elementului „Div” în raport cu bara laterală

„Div” sau eticheta , este un element HTML. Este un container pentru diferite elemente care alcătuiesc o pagină web, inclusiv cuprins. Fiecare element trebuie să fie conținut în propriul său " ".

Ar trebui să știți cum funcționează deschiderea și închiderea etichetelor în HTML până acum. De exemplu, când setați un titlu cu o grosime h2 Titlu și căutați în editorul de text, veți observa că este inclus în etichete , asa :

titlu-in-the-tag-uri

Primul este o etichetă de deschidere. Eticheta care conține oblică „/” este o etichetă de închidere. Fiecare element al unei pagini web trebuie să conțină o etichetă de deschidere și închidere. Dacă o etichetă este deschisă și nu este închisă sau invers, acest lucru poate provoca afișarea incorectă a anumitor elemente, mai ales dacă aceste etichete nu fac parte din etichete exceptate de la a avea o etichetă de închidere precum „ img "" hr ", Și C.

Dacă deschideți o etichetă și nu închideți cu , paragrafele dvs. și alt conținut al articolului vor fi afișate cu un stil „Heading 2”. Este similar cu modul în care elementele " div Poate fi afișat corect dacă nu îl deschideți și nu îl închideți corect.

Iată fișierul „single.php” pentru tema „ Zerif Lite “. Acest fișier conține codul care determină cum apar articolele în plugin (pentru articole unice). În imaginea următoare, etichetele „Div” sunt evidențiate pentru a vă arăta unde se deschid și unde se închid.

php-bara laterală elemente unice-div-

Aceasta este o demonstrație simplă a modului în care funcționează elementele div, astfel încât să putem determina mai bine cauza unei probleme de afișare.

Remediați problema afișării pe WordPress

Înțelegerea modului în care funcționează elementele „div” este doar jumătate din luptă. Acum trebuie să determinați care fișier de pe site-ul dvs. are probleme cu elementele „div”.

Există câteva întrebări pe care trebuie să le întrebați:

Există această problemă pe tot site-ul dvs.?

A afla unde apare această problemă pe site-ul dvs. poate fi un indiciu excelent cu privire la locul în care există problema. Din păcate, dacă acest lucru există peste tot pe site-ul dvs., va dura mai mult să se rezolve.

O problemă generală în care bara laterală apare sub conținut poate avea mai multe cauze diferite și probabil că vor apărea într-unul dintre aceste fișiere principale:

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

Tema dvs. poate veni cu fișiere suplimentare care determină elementele care sunt afișate pe site-ul dvs., dar acestea sunt principalele fișiere pe care ar trebui să le luați în considerare, pentru a efectua căutarea.

Le puteți afișa direct în editorul care se găsește în meniul „Aspect” de pe tabloul de bord.

Această problemă există doar în pagini?

Explorează câteva pagini care caută eroarea. Problema apare doar pe pagini? Dacă da, va trebui să vă uitați la fișierul dvs. "page.php" pentru a găsi erorile.

Această problemă există doar în paginile blogului?

Din nou, trebuie să comparați unele dintre paginile de pe site-ul dvs. cu diferitele articole de pe site blogul tău. Inspectați fișierul „single.php”. Dacă bara laterală se afișează corect pe pagini, dar nu pe blog, atunci acest fișier vă va spune mai multe.

Problema barelor plutitoare

Tema dvs. ar putea fi o bară laterală flotantă și, dacă aceasta face ca barele laterale să apară sub conținut, trebuie să vă apropiați de dezvoltator.

Cea mai importantă proprietate este proprietatea pluti Care apare de obicei în două formate:

float: stânga; float: dreapta;

Dacă acestea nu sunt utilizate în mod corespunzător sau nu sunt utilizate deloc, acestea pot provoca stivuirea obiectelor una peste alta, mai degrabă decât una lângă alta. Este posibil să fie necesar să utilizați „ clar Pentru a corecta problema.

Solicitați ajutorul experților

Dacă nu puteți remedia problemele folosind toate cele de mai sus, vă invit să ne contactați fie lăsând direct un comentariu, fie prin chat-ul live pe pagina principală.

În caz contrar, puteți contacta întotdeauna direct dezvoltatorul temei. Cel care este la originea acestui produs, va putea să răspundă mai bine nevoilor tale.

Acest lucru este totul pentru acest tutorial, sper că vă va permite să corectați problema barelor laterale laterale care apar sub conținutul dvs.