De zijbalk onder de inhoud van de fout in WordPress herstellen

Onlangs stelde een van onze gebruikers ons de vraag: hoe de zijbalk onder inhoudsfout in WordPress te repareren. Dit is niet de eerste keer, we hebben deze vraag gekregen, dus hebben we besloten er een bericht over te schrijven. In dit artikel laten we u zien hoe u de zijbalk onder inhoudsfout in WordPress kunt oplossen.

Waarom valt mijn zijbalk onder mijn inhoud?

De reden waarom uw zijbalk onder uw inhoud wegvalt, is omdat er een HTML- of CSS-fout in uw thema voorkomt.

Hoe kan ik voorkomen dat mijn zijbalk onder de inhoud valt??

We hebben dit probleem voor veel gebruikers opgelost. 9 van de 10 keer, de reden is hetzelfde. Er is een niet-gesloten div-element op de pagina. Het kan ook zijn dat er een extra div-element op de pagina wordt gesloten waardoor het lijkt alsof uw zijbalk zich buiten het wrap-element bevindt. Dus wat betekent dit in het Engels? Laten we het stap voor stap oplossen.

Is dit iets dat onlangs is begonnen? Gaat het alleen op een specifieke post of pagina? Als uw antwoord JA is, dan is de volgende oplossing voor u.

Doorzoek alles wat u onlangs hebt gewijzigd. Heb je een plugin toegevoegd? Heeft u HTML-gerelateerde wijzigingen aangebracht? Bevat uw specifieke bericht- of pagina-inhoud blokken erin? Zorg dat ze goed zijn gesloten. Een van de beste manieren om de fout te achterhalen is door de W3 Validator te gebruiken.

Gebruik dit schema om te begrijpen wat er aan de hand is:

Als u een aangepast thema maakt en dit probleem zich met u voordoet, kunnen er enkele problemen zijn. Eén kwestie die we hierboven al aan u hebben onthuld. Enkele andere problemen kunnen zijn:

Onjuiste breedteverhouding. Als je containerbreedte slechts 960 px is, moet je dingen proportioneel houden. Bijvoorbeeld, de breedte van de inhoud 600px en de breedte van de zijbalk 300px met een marge van 60px ertussen.

Het andere probleem zou float-eigenschap kunnen zijn. Je moet ervoor zorgen dat je float toevoegt: left; en zweven: recht op de juiste elementen. Als je dat niet doet, zal het niet werken.

We hopen dat dit artikel je heeft laten zien hoe je de zijbalk onder de inhoudsfout in WordPress kunt oplossen.