Terwijl u aan uw WordPress-site werkt, merkt u dat plotseling uw zijbalk onder uw inhoud verschijnt waar deze niet zou moeten zijn. Erger nog, er is geen duidelijke foutmelding.

Wat is er gebeurd Impliceert je thema?

Voordat je boos wordt en je shirt zoals Hulk scheurt, of je kamer in een flits doorzoekt, kun je ontspannen. En begrijp dat dit eigenlijk een veel voorkomende fout is op WordPress en het kan eenvoudig worden gecorrigeerd.

Vandaag ga ik je laten zien hoe je je thema snel kunt oplossen wanneer je je zijbalk onder de inhoud ziet drijven. Je hoeft geen god te zijn.

Houd hier rekening mee: als u deze fout niet kunt oplossen nadat u de onderstaande suggesties heeft geprobeerd, ons ondersteuningsteam staat tot uw beschikking.

Wat veroorzaakt deze fout op de zijbalk?

U was met plezier uw site aan het bewerken, toen u plotseling merkte dat uw zijbalk naar links of rechts van uw hoofdinhoudsgebied onder uw inhoud verschoof. Hiervoor hoeft u helaas niet al te veel te doen.

Zijbalkfout onder inhoud

Gelukkig is de reden dat uw zijbalk op de verkeerde plaats op uw pagina staat, een kleine fout die gemakkelijk kan worden opgelost en die mogelijk een van de volgende oorzaken heeft:

  • Er is een fout in uw HTML-code:
  • Er is een "div" -tag die niet is gesloten in een van uw themabestanden.
  • Het kan ook een extra openingstag hebben of die u moet verwijderen.
  • Er is een fout in uw CSS-code:
  • In het style.css-bestand van uw thema is er een hoogte en breedte gedefinieerd voor een item op uw pagina dat onevenredig is, wat deze instelling veroorzaakt.
  • Anders wordt de eigenschap float mogelijk niet correct gebruikt.
  • Een plug-in kan uw lay-out verstoren.
  • Inhoud of aanpassingen die voor een vorig thema zijn gemaakt, zijn mogelijk niet compatibel met uw nieuwe thema.

Het is veel minder waarschijnlijk dat een plug-in het probleem veroorzaakt, maar het is de moeite waard om in gedachten te houden dat met steeds meer plug-ins die pagina's maken die bedoeld zijn voor lay-outs, plug-ins in het spel kunnen komen. conflicteren met uw thema als u ervoor kiest om een ​​andere paginasjabloon te gebruiken.

Als u uw thema hebt gewijzigd en uw oude inhoud of functies had die als aangepaste gegevens in uw database waren opgeslagen, maar deze niet werden verwijderd, kan dit ook problemen veroorzaken.

Ook minder waarschijnlijke oorzaak, maar er zijn steeds meer thema's die plug-ins gebruiken met shortcodes en andere functies die meestal niet worden verwijderd zodra je van thema verandert.

De zijbalkfout op WordPress opgelost

Voordat u een onvoorstelbare manier probeert om het probleem op te lossen, moet u eerst enkele stappen volgen.

Eerst moet u snel kijken en bepalen welke delen van uw site door deze fout worden beïnvloed. Ja :

  • Alleen uw pagina's worden beïnvloed: u moet "page.php" of andere paginabestanden controleren.
  • Defecten op alle artikelen jouw blog: controleer uw single.php-bestand
  • Alleen de pagina's van een automatisch aangemaakte plug-in worden beïnvloed: er is een probleem met deze plug-in of het door u gebruikte thema dat incompatibel is met de plug-in.
  • Als alle pagina's worden beïnvloed wanneer u aangepaste HTML- of CSS-code hebt toegevoegd: moet u uw aanpassingen controleren
  • Als u wijzigingen in uw thema hebt aangebracht: herstel uw hele site, verwijder de wijzigingen en maak vervolgens een onderliggend thema waarin u uw aanpassingen kunt opnemen.

Als u eenmaal weet welk bestand is getroffen, kunt u het corrigeren. Als uw pagina's of blogberichten de zijbalk onder de inhoud weergeven, moet u ze bewerken. Dit geldt ook voor alle pagina's waaraan u recent aangepaste HTML of CSS heeft toegevoegd.

Open het met behulp van een FTP-client, SSH of rechtstreeks in cPanel door op de knop "Bewerken" in Bestandsbeheer te klikken. Zoek vervolgens de fouten, sluit of verwijder de aanstootgevende tags, of repareer uw CSS. Sla het bestand op en stuur het naar uw accommodatie het bestand vervangen door de fout.

Als een plug-in of thema wordt beïnvloed, neem dan contact op met de ontwikkelaar en specificeer de fout, zodat ze een oplossing kunnen opnemen in hun volgende update of u een tijdelijke oplossing kunnen bieden.

Als je een plug-in of een thema hebt gebruikt om HTML- of CSS-aanpassingen aan te brengen, ga dan terug naar waar je de wijzigingen hebt toegevoegd, zoek waar de fout zit en sla je wijzigingen op zodra je ze hebt opgelost.

Hulpmiddelen voor probleemoplossing om fouten te ontdekken

Er zijn ook gratis online tools die u kunt gebruiken analyzer automatisch uw code controleren op fouten.

U kunt een van de volgende tools proberen om uw code te valideren:

HTML:

CSS:

Zodra de fout is opgevangen, kunt u deze corrigeren met de hierboven beschreven stappen. U kunt ook meer informatie over codevalidatie vinden in het Codex van WordPress.

Dat is alles voor deze tutorial, voel je vrij om het te delen met je maar op je favoriete sociale netwerken.