Slik løser du sidefeltet under innholds feil i WordPress

Nylig spurte en av brukerne oss spørsmålet: hvordan fikse sidefeltet under innholdsfeil i WordPress. Dette er ikke første gang, vi har fått dette spørsmålet, så vi bestemte oss for å skrive et innlegg om det. I denne artikkelen vil vi vise deg hvordan du fikser sideglasset under innholdsfeil i WordPress.

Hvorfor slipper sideglasset mitt under innholdet mitt?

Grunnen til at sidebaret ditt faller under innholdet ditt, er fordi det er en HTML- eller CSS-feil i temaet ditt.

Hvordan kan jeg forhindre at sideglasset faller under innholdet?

Vi har feilsøkt dette problemet for mange brukere. 9 ganger ut av 10, er årsaken den samme. Det er et unclosed div-element på siden. Det kan også være at det er et ekstra div-element som blir lukket på siden, noe som gjør at det ser ut som at sidebjelken er utenfor wrap-elementet. Så hva betyr dette på engelsk? La oss feilsøke det trinnvis.

Er dette noe som begynte å skje nylig? Er det bare skjer på et bestemt innlegg eller en side? Hvis svaret ditt er JA, er følgende rettelse for deg.

Se gjennom alt du endret nylig. Har du lagt til et plugin? Har du gjort HTML-relaterte endringer? Har ditt bestemte innlegg eller sideinnhold blokker i dem? Pass på at de er ordentlig lukket. En av de beste måtene å finne ut feilen er å bruke W3 Validator.

Bruk dette diagrammet til å forstå hva som skjer:

Hvis du oppretter et tilpasset tema, og dette problemet skjer med deg, kan det være noen problemer. Et problem vi allerede har åpenbart for deg ovenfor. Få andre problemer kan være:

Feil breddeforhold. Hvis beholderbredden din bare er 960px, må du holde ting proporsjonal. For eksempel innholdsbredde 600px og sidebjeldbredde 300px med 60px margin mellom dem.

Det andre problemet kan være flytegenskaper. Du må sørge for at du legger til float: left; og flyte: rett til de aktuelle elementene. Hvis du ikke gjør det, vil det ikke fungere.

Vi håper at denne artikkelen har vist deg hvordan du kan fikse sidelinjen under innholdsfeil i WordPress.