Gå till innehållet

Hur fixar ett sidofält som visas på innehållet

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

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:

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

  • 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:

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

  • Endast dina sidor påverkas: du måste kontrollera "page.php" eller andra sidfiler.
  • Bristerna i alla artiklar i din blogg: kolla 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 File Manager. Hitta sedan felen, stäng eller ta bort de kränkande taggarna eller korrigera din CSS. Spara filen och skicka den till din värd och ersätt 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 för att automatiskt skanna din kod för att kontrollera om det finns fel.

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

HTML:

CSS:

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

 

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
9 aktier
del6
tweet1
Enregistrer2