Medan du arbetar på din WordPress-webbplats märker du att plötsligt visas sidofältet under ditt innehåll där det inte borde vara. Ännu värre, det finns inget uppenbart felmeddelande.

Vad hände? Imploderar ditt tema?

Innan du blir arg och rivar din skjorta som Hulk eller ransackar ditt rum på ett snabbt minne kan du koppla av. Och förstå att detta faktiskt är ett vanligt misstag på WordPress och det kan lätt korrigeras.

Idag ska jag visa dig hur du snabbt löser ditt tema när du ser din sidofält glida under innehållet. Inget behov av att vara en gud.

Tänk på detta: Om du inte kan korrigera det här felet efter att ha testat förslagen nedan, vårt supportteam står till ditt förfogande.

Vad är orsakerna till detta fel på Sidebar?

Du redigerade gärna din webbplats när du plötsligt märkte att sidofältet flyttades till vänster eller höger om ditt huvudinnehållsområde under ditt innehåll. Tyvärr behöver du inte göra för mycket för att detta ska hända.

Sidofältfel under innehållet

Lyckligtvis är anledningen till att sidopanelen är på fel plats på din sida ett litet fel som lätt kan åtgärdas och det kan bero på något av följande:

  • Det finns ett fel i HTML-koden:
  • Det finns en "div" -tagg som inte har stängts i någon av dina temafiler.
  • Det kan också ha en extra öppningstagg eller som du behöver ta bort.
  • Det är ett misstag i CSS:
  • I filen style.css för ditt tema finns det en höjd och en bredd definierad för ett objekt på din sida som är oproportionerligt, vilket orsakar den här inställningen.
  • Annars kanske inte flottöregenskapen används korrekt.
  • En plugin kan störa din layout.
  • Innehåll eller anpassningar som gjorts för ett tidigare tema kan vara oförenliga med ditt nya tema.

Det är mycket mindre troligt att ett plugin orsakar problemet, men det är värt att komma ihåg att med fler och fler plugins som skapar sidor avsedda för layouter kan plugins komma till spel. konflikt med ditt tema om du väljer att använda en annan sidmall.

Om du ändrade ditt tema och det gamla hade innehåll eller funktioner som lagrades i din databas som anpassad data men det raderades inte kan det också orsaka problem.

Också mindre trolig orsak, men det finns fler och fler teman som använder plugins med kortkoder och andra funktioner som vanligtvis inte tas bort när du byter tema.

Fixade sidofältfelet på WordPress

Innan du försöker på något otänkbart sätt att lösa problemet finns det några steg som du måste följa först.

Först måste du ta en snabb titt och avgöra vilka delar av din webbplats som påverkas av detta fel. Ja:

  • Endast dina sidor påverkas: du måste kontrollera "page.php" eller andra sidfiler.
  • Defekter på alla föremål din blogg: kontrollera din single.php-fil
  • Endast sidorna i ett automatiskt skapat plugin påverkas: det finns ett problem med det här pluginet eller temat du använde som inte är kompatibelt med pluginet.
  • Om alla sidor påverkas när du har lagt till anpassad HTML- eller CSS-kod: måste du kontrollera dina anpassningar
  • Om du har gjort några ändringar i ditt tema: återställ hela webbplatsen, ta bort ändringarna och skapa sedan ett barntema där du kan inkludera dina anpassningar.

När du vet vilken exakt fil som påverkas kan du börja korrigera den. Om dina sidor eller blogginlägg är de som visar sidofältet under innehållet måste du redigera dem. Detta gäller också alla sidor där du nyligen har lagt till anpassad HTML eller CSS.

Öppna den med en FTP-klient, SSH eller direkt i cPanel genom att klicka på knappen "Redigera" i filhanteraren. Hitta sedan felen, stäng eller ta bort de stötande taggarna eller fixa din CSS. Spara filen och skicka den till din logi ersätter filen med felet.

Om ett plugin eller tema påverkas, kontakta dess utvecklare och ange felet så att de kan inkludera en korrigering i sin nästa uppdatering eller ge dig en lösning.

Om du använde ett plugin eller tema för att göra HTML- eller CSS-anpassningar, gå tillbaka till där du lade till ändringarna, hitta var felet är och spara sedan dina ändringar när du har åtgärdat dem.

Felsökningsverktyg för att upptäcka fel

Det finns också gratis onlineverktyg som du kan använda analysator automatiskt din kod för att leta efter fel.

Du kan prova något av följande verktyg för att validera din kod:

HTML:

CSS:

När felet har uppfattats kommer du att kunna korrigera det med stegen ovan. Du kan också hitta mer information om kodvalidering i Wordpress Codex.

Det här är allt för den här självstudien, känn dig fri att dela den med dina men på dina favorit sociala nätverk.