Una dintre cele mai comune probleme de aspect pe care le vedem este atunci când bara laterală cade sub conținut în loc să apară lângă el. Instantaneu face ca un site să pară stricat și poate confunda vizitatorii.
Acest lucru se întâmplă de obicei după o modificare a temei, instalarea unui plugin sau o mică modificare de cod — chiar și o etichetă de închidere lipsă poate afecta aspectul. Am văzut asta de multe ori în timp ce ajutam utilizatorii să-și depaneze temele.
Vestea bună este că este ușor de remediat odată ce știi unde să cauți. Nu trebuie să fii dezvoltator pentru a depista problema.
În acest ghid, vă vom arăta cele mai probabile cauze și vă vom ghida prin pași simpli pentru a readuce bara laterală la locul ei.
Ce cauzează eroarea „Sidebar WordPress sub conținut”?
Cea mai frecventă cauză a apariției barei laterale sub conținut este o eroare HTML sau CSS care strică aspectul.
Fiecare <div> în HTML trebuie închis corespunzător. Dacă șablonul responsabil pentru afișarea paginii are o etichetă <div> neînchisă, acest lucru va strica aspectul.
Similar, o etichetă </div> de închidere nedorită sau suplimentară poate afecta, de asemenea, aspectul și face ca bara laterală să coboare.
Pe lângă HTML, CSS afectează, de asemenea, designul general al fiecărui element de pe site-ul dvs. WordPress. Este utilizat pentru a defini lățimea, alinierea și plutirea elementelor din aspectul dvs.
Simplu spus, dacă lățimea zonei de conținut este mai mare decât spațiul disponibil, aceasta va forța bara laterală să coboare.
Mai întâi, va trebui să aflați ce cod specific cauzează această eroare în bara laterală WordPress.
Acestea fiind spuse, să aruncăm o privire la cum să depanezi și să remediezi cu ușurință eroarea „bara laterală sub conținut” în WordPress. Poți folosi aceste linkuri rapide pentru a sări la o soluție specifică de depanare:
- Anularea modificărilor recente la tema WordPress
- Goliți cache-ul WordPress
- Eliminați pluginurile WordPress
- Remediați etichetele rupte care strică aspectul
- Găsiți CSS-ul Mutarea barei laterale sub conținut
- Ce să faci dacă bara laterală apare încă sub conținut
- Aflați mai multe modalități de a rezolva erorile comune WordPress
1. Anulați modificările recente la tema dvs. WordPress
De obicei, problema barei laterale este cauzată de modificări în fișierele temei WordPress.
Dacă ați făcut recent modificări la tema WordPress sau la tema copil, atunci examinarea acestor modificări va fi o modalitate rapidă de a remedia această eroare.
De asemenea, puteți contacta direct dezvoltatorul temei dvs. pentru a obține suport. Pentru mai multe informații, consultați tutorialul nostru despre cum să solicitați corect suportul WordPress și să îl obțineți.
Dacă nu puteți afla ce modificări trebuie să anulați, continuați să citiți și vă vom arăta alte modalități de depanare.
2. Curățați cache-ul WordPress
Când faceți modificări care nu apar imediat, acest lucru se datorează adesea problemelor de caching.
Este obișnuit ca plugin-urile de caching să vă arate o versiune mai veche a aceleiași pagini. Ștergerea cache-ului WordPress și cache-ul browserului vă vor ajuta să vedeți modificările aplicate site-ului dvs.
3. Excludeți pluginurile WordPress
Aspectul și stilul site-ului dvs. WordPress sunt controlate de tema pe care o utilizați. Cu toate acestea, uneori pluginurile WordPress pot adăuga propriul HTML și CSS pe site-ul dvs. web.
De exemplu, adăugarea unui formular de contact pe o pagină sau un popup lightbox va încărca CSS și HTML suplimentare.
Pentru a te asigura că problema nu este cauzată de un plugin WordPress, poți dezactiva temporar toate pluginurile WordPress de pe site-ul tău.
Pentru a face acest lucru, accesați pur și simplu Pluginuri » Pluginuri instalate în tabloul de bord de administrare WordPress și bifați căsuța de lângă „Plugin” din partea de sus a listei. Apoi, deschideți meniul derulant, selectați „Dezactivare” și faceți clic pe „Aplicare”.
Dacă problema dispare, atunci înseamnă că un plugin a cauzat problema. Pur și simplu activați toate plugin-urile WordPress unul câte unul, verificând site-ul dvs. după fiecare plugin pentru a afla care cauzează problema.
După aceea, puteți contacta suportul pluginului pentru a găsi o soluție și a raporta problema.
Pentru ghidare detaliată, puteți consulta tutorialele noastre despre cum să dezactivați ușor pluginurile WordPress și cum să dezactivați pluginurile atunci când nu puteți accesa zona de administrare WordPress.
4. Repară tag-urile <div> defecte care strică aspectul
După cum am menționat mai devreme, etichetele <div> rupte sunt una dintre cauzele comune ale mutării barei laterale sub conținut.
Dacă problema este cauzată într-o anumită zonă a site-ului dvs., atunci puteți verifica șablonul responsabil pentru afișarea acelui cod.
De exemplu, dacă această problemă apare doar pe postări individuale, atunci este posibil să doriți să verificați șablonul single.php. Pentru a afla la ce șablon să vă uitați, consultați fișa noastră completă ierarhie șabloane WordPress.
Cel mai simplu mod de a găsi și remedia rapid un element div neînchis este prin utilizarea instrumentului Validator W3C.
Puteți folosi, de asemenea, instrumentul Inspect sau aplicații de editor de cod care vă ajută să depanați codul prin evidențierea etichetelor de început și sfârșit ale elementelor.
Iată un exemplu de evidențiere a tagurilor de început și sfârșit ale unui element:
Când te uiți la cod, trebuie să te asiguri că fiecare etichetă <div> care este deschisă are și o etichetă de închidere </div>.
Similar, doriți să căutați și o etichetă de închidere </div> orfană care nu are o etichetă <div> de deschidere corespondentă.
Dacă ați găsit etichetele HTML defecte, repararea lor va rezolva problema apariției barei laterale sub conținut.
5. Găsește CSS-ul care mută bara laterală sub conținut
CSS controlează cele mai importante aspecte ale designului site-ului dvs. web. Tema dvs. WordPress folosește CSS pentru a defini lățimea zonelor de conținut și a barei laterale într-un layout de grilă.
Această valoare este în procentul zonei de vizualizare disponibile. Pe dispozitive mobile, tema dvs. va împinge automat bara laterală sub conținut.
Pentru a afla ce CSS cauzează problema, puteți folosi instrumentul de inspectare. Doar mutarea conținutului dvs. în câmpul wrapper, secțiunea de conținut și zonele de sidebar vă va arăta lățimea și înălțimea acestora.
De exemplu, dacă zona dvs. de conținut are o lățime de 70% și zona barei laterale are 33%, atunci aceasta se va muta automat în jos. Când calculați aceste valori, este posibil să doriți să luați în considerare și spațiul utilizat de valorile de padding și margin în fiecare secțiune.
Ce să faci dacă bara laterală apare încă sub conținut
Dacă niciunul dintre pașii de mai sus nu a funcționat, nu vă faceți griji - mai sunt câteva lucruri pe care le puteți încerca.
Mai întâi, vă recomandăm să parcurgeți ghidul nostru complet de depanare a erorilor WordPress. Este o modalitate excelentă de a elimina alte probleme ascunse care ar putea afecta aspectul dvs.
Puteți, de asemenea, activa modul de depanare în WordPress. Acest lucru nu va remedia direct eroarea, dar vă poate arăta o eroare PHP sau de plugin care vă strică aspectul.
Dacă modul de depanare indică un anumit plugin, încercați să îl dezactivați temporar sau să îl înlocuiți cu o alternativă care nu afectează aspectul temei dvs.
Aflați mai multe modalități de a rezolva erorile comune WordPress
Întâmpini alte probleme pe site-ul tău WordPress? Verifică tutorialele de mai jos:
- Cum să remediați eroarea JSON invalid în WordPress (Ghid pentru începători)
- Probleme comune ale editorului de blocuri WordPress și cum să le rezolvi
- Cum să remediați eroarea HTTP la încărcarea imaginilor în WordPress
- Cum să remediați butonul Adaugă media care nu funcționează în WordPress
- Cum să remediați eroarea „Un alt update este în curs de desfășurare” în WordPress
- Cum să corectezi imaginile de prezentare care apar de două ori în postările WordPress
- Cum să remediați problema editorului de site gol în WordPress (Pas cu Pas)
Sperăm că acest articol v-a ajutat să învățați cum să remediați problema barei laterale WordPress de sub conținut. De asemenea, ați putea dori să citiți manualul nostru complet despre erorile comune WordPress și articolul nostru despre cum să afișați bare laterale diferite pentru fiecare postare și pagină WordPress.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Alessio
Vă mulțumesc pentru distribuire, mi-a rezolvat problema. Mă bucur să văd că nu am fost singurul care s-a confruntat cu ea.
Suport WPBeginner
You’re welcome, glad our guide was helpful
Admin
Gina Detwiler
Nu sunt sigur cum să găsesc acel element div. Puteți elabora puțin? Am avut această problemă de la început cu site-ul meu și nu știu cum să o rezolv.
Suport WPBeginner
Ar trebui să vă uitați la codul temei dvs. personalizate într-un editor de cod și acest lucru ar trebui să vă ajute să găsiți div-ul incorect, ați putea, de asemenea, să vă uitați la site-ul dvs. folosind inspect element: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
Shai
Mulțumesc mult!
M-ai salvat o grămadă de timp încercând să o rezolv.
Cum ai spus, am avut un element div închis în plus.
Dale Jennings
Încerc să pun postările mele curente în stânga și postările recente într-o bară laterală dreaptă, iar bara laterală este în partea de jos a paginii, de asemenea, este prea lată și nu înțeleg despre ce vorbeați, deoarece sunt nou în asta. care este o soluție ușoară? Sau există una?
Ayla
Am problema în care bara mea laterală apare în partea de jos a fiecărei pagini. Nu sunt foarte priceput la asta, așa că nu am făcut nimic special, în afară de a-mi transfera recent domeniul de la Google. Am construit site-ul în WordPress și nu am avut probleme până când am schimbat tema. Am încercat instrucțiunile de mai sus, dar nu am putut găsi niciunul dintre aceste lucruri.
Suport WPBeginner
Salut Ayla,
Încercați să comutați temporar la tema anterioară sau la o temă implicită. Dacă acest lucru rezolvă problema, atunci problema este la tema dvs. Încercați să contactați dezvoltatorul temei pentru a vedea dacă vă poate ajuta să remediați acest lucru.
Admin
Jared H
Mi-a rezolvat problema, mulțumesc pentru postare!
Dene
mulțumesc băieți – acest post mi-a rezolvat problema. Apreciez mult
Donald Efiom
Am aceeași problemă acum și nu pot găsi unde să editez HTML-ul paginii magazinului în care afișez produsele folosind plugin-ul wcommerce. Când inspectez elementul în browserul meu, pot depana eroarea și o pot corecta, dar în directorul meu rădăcină real, nu pot găsi pagina care deține HTML-ul paginii magazinului WooCommerce pe care o pot edita. Vă rog să mă ajutați!
Maria Appleby
Nu pot, pentru nimic în lume, să-mi repar problema cu bara laterală. Am căutat blocuri deschise. Am eliminat o postare de blog care era ciudată cu HTML din cauza copierii de conținut. Am încercat o temă diferită. Mi-am scos widgeturile (și apoi am încercat să adaug unul pentru a vedea ce se întâmplă – butonul „urmărește blogul” – încă în partea de jos). Am încercat validatorul, dar nu prea înțeleg ce îmi spune. Când am introdus diferite URL-uri de postări de blog, am primit aceleași mesaje de eroare. Îmi pare rău că sun atât de prost... Am blogul de mult timp, dar abia recent am început să adaug mult conținut și încă nu știu cu adevărat ce fac. Bara laterală a ajuns de pe partea dreaptă, în partea de jos a blogului, foarte recent (în ultimele zile). Mă poți ajuta?
Suport WPBeginner
Salut Maria,
Se pare că folosești un blog WordPress.com. Te rugăm să consulți ghidul nostru despre diferența dintre WordPress.org auto-găzduit vs blog gratuit WordPress.com.
Admin
Sparsh Goyal
Am aceeași problemă, dar nu o pot rezolva. Doar pagina mea de pornire are această problemă. Pagina de tip post și pagina de tip pagină funcționează bine. Bara mea laterală de pe pagina de pornire se duce în partea de sus, în loc să fie chiar lângă conținutul meu. Puteți verifica, vă rog, ce este în neregulă pe site-ul meu. Site-ul meu este coasilat.com
Mustafa
Mulțumesc. Problema este rezolvată. Era un element div suplimentar. Când l-am eliminat, problema s-a rezolvat.
Jan Reilink
Salvare, mulțumesc!
Asha Shendre
Am avut probleme toată ziua pentru asta.
Soluția problemei am găsit-o doar aici.
Mulțumesc..
Mulțumesc mult domnule…
Harish
Mulțumesc pentru ajutor
Sly
Salut, sunt începător. Nu știu NIMIC despre codul CSS sau HTML, nu îmi editez tema, nu am o temă copil. Adaug doar pluginuri pentru orice am nevoie să fac. Se pare că am o problemă cu TOATE PAGINILE POSTĂRILOR MELE DE BLOG. Bara laterală este sub postările de blog. Nu am idee ce este un div și cum să îl repar. Dragi profesioniști, care ar fi cea mai bună modalitate pentru mine de a rezolva această problemă a barei laterale?
Tamara
Sunt începător și nici codificator, dar am reușit să rezolv această problemă folosind linkul W3 Validator de pe această pagină. În partea de sus a validatorului, sub Opțiuni, am bifat tot ce era disponibil, apoi am introdus adresa web a blogului meu și am rulat validatorul. Sub o listă numerotată de erori a fost o afișare foarte detaliată (și intimidantă, dar perseverați) a erorilor așa cum sunt localizate în textul blogului meu. M-am concentrat pe cele menționate în acest articol. Derulând prin raportul detaliat, am găsit o eroare care era evidențiată cu roșu. Deoarece textul meu era afișat, am putut vedea că era într-una dintre postările mele de pe blog, chiar după un link de internet pe care îl inserasem. Am mers la acea postare de pe blog în tabloul de bord WordPress, am făcut clic pe „editare” și am șters linkul. (Ținând apăsat „delete” pentru a fi sigur că am obținut orice lucru invizibil care ar fi putut fi acolo și am revenit cu câțiva pași înapoi pentru același motiv. Apoi am salvat postarea de pe blog. Pagina mea web a fost reparată! Apoi am reeditat postarea de pe blog pentru a adăuga din nou linkul și totul a rămas în regulă. Problema a fost rezolvată.
Lisa W Boyle
Mulțumesc, am reușit să găsesc și să repar imediat problema pe baza instrucțiunilor dvs. Am constatat că am plasat un suplimentar în fișierul meu single.php. Sunteți un salvator, vă mulțumesc mult!
Roney Oenophile
Nu știu ce am greșit, vă rog să mă ajutați. Editam text și am apăsat accidental o combinație de taste care a schimbat modul în care arăta. Câteva butoane, cum ar fi ecranul complet, lipsesc acum. Și butonul de publicare este mutat în partea stângă. Și poza pe care am încărcat-o cu postarea s-a mutat deasupra conținutului meu și este foarte mare acum. Nu știu cum s-a întâmplat, nu știu care este problema. Nu sunt familiarizată cu calculatoarele. De obicei scriu postări. Vă rog să mă ajutați. Adresa paginii mele este wordpress.com
Suport WPBeginner
Vă rugăm să consultați ghidul nostru despre diferența dintre blogurile WordPress.org auto-găzduite vs. WordPress.com gratuite. Trebuie să contactați suportul WordPress.com.
Admin
Danielle
Prima dată când preiau actualizarea site-ului nostru... am încercat să actualizez pagina principală statică și cumva bara mea laterală a ajuns în partea de jos. Nu pot vedea nicio etichetă sau .... ajută! Nu vreau să-i spun persoanei de la care am preluat că am stricat deja ceva dacă pot să-mi dau seama ce am făcut!
giovanni
Poate cineva să mă ajute, am aceeași problemă…
acesta este header.php-ul meu
Susan
Perfect! Mulțumesc! Știam în momentul în care ați spus div a cui postare din blogul comunității mele trebuia editată!
Leah
This is happening to me right now every time I try out a new theme. Only one widget stays on the sidebar and the rest goes to the bottom of the content. But when I go back to my current theme, everything looks okay. I still can’t figure it out.
Sam
Ah! Tocmai mi-ați economisit o grămadă de timp și frustrare! Mulțumesc
srik
Mulțumesc mult pentru asta! A fost de mare ajutor
Amy
Mulțumesc pentru acest post. Încerc să rezolv această problemă pe site-ul meu chiar acum. Am încercat tot ce s-a menționat în acest post, dar încă am probleme. Știu puțin despre site-uri web, dar sunt complet pierdut în ceea ce privește motivul pentru care bara mea de navigare de sus ajunge pe 2 rânduri și de ce bara mea laterală este împinsă în jos. Site-ul meu nu este încă live, dar iată site-ul
Mulțumesc pentru orice ajutor!!
sean
Problemă similară cu blogul meu personalizat pe site-ul meu; bara laterală alunecă sub footer dacă nu există suficient conținut pentru a o împinge în jos.
Am constatat că eliminarea (sau, mai sigur, comentarea) următoarelor a rezolvat problema:
Nu știu la ce folosește acest div gol & până acum nu a afectat negativ blogul. Un alt motiv mai evident este din cauza div-urilor fără etichete de închidere – este puțin mai greu să ții evidența tuturor etichetelor tale div deschise/închise în WP, deoarece footer-ul & header-ul sunt eliminate, spre deosebire de un site HTML standard.
Sean
Er, asta comentează div-ul gol „delimiter” din partea de jos a diverselor pagini WP – a dispărut din comentariul meu original!
David Pomazzo
poți să te uiți la site-ul meu și să mă ajuți? http://www.americasfreedomfighters.com/ am introdus Google AdSense și acum bara mea laterală este împinsă în jos și am o poveste care apare în bara laterală! mulțumesc mult
Jen
THANK YOU! It was the content width that did it for me
Cecilia
Am această problemă și nu o pot rezolva (încerc de câteva zile)
Iată site-ul meu:
Vă rog, chiar am nevoie de ajutor. Mulțumesc!!!! =)
Suport WPBeginner
Probabil că trebuie să adaugi `clear` înainte de a închide div-ul `.hfeed` astfel:
1-click Use in WordPress
Admin
Katie Clark
Am această problemă și nici măcar nu știu de unde să încep, deoarece nu am făcut nicio editare astăzi. Aveți sugestii? Iată site-ul meu
http://clarkscondensed.com/
Personal editorial
Site-ul dvs. arată bine în Chrome.
Admin
Doomish
Sfat grozav! Va fi de mare ajutor, iar comentariul lui Kathy este de obicei ceea ce mi se întâmplă.
kathy
Deoarece majoritatea temelor au CSS-ul corespunzător, consider că aceasta este aproape întotdeauna o problemă de HTML închis incorect. De obicei, apare pe o anumită pagină, deoarece utilizatorul a încercat să adauge propriul HTML în editorul de postări și lucrurile au mers prost de acolo. Eroare simplă, dar poate dura mult timp pentru depanare.