Sidofältet, sidhuvudet och sidfoten har sina namn av goda skäl. De är beskrivande och berättar var varje element ska finnas på en webbsida. Så när din sidofält, som ska finnas till vänster eller höger om din innehåll, visas under din innehåll, det är klart att det finns ett problem.

Platsen för dessa element bestäms av HTML och CSS-kod. Du behöver inte nödvändigtvis kunna dessa språk för att lösa detta problem, men du måste förstå en sak eller två, som " div ".

Förstå vikten av "Div" -elementet i förhållande till sidofältet

"Div", eller taggen , är ett HTML-element. Det är en behållare för olika element som utgör en webbsida, inklusive innehåll. Varje element måste finnas i sitt eget " ".

Du borde veta hur öppna och stängande taggar fungerar i HTML nu. När du till exempel ställer in en titel med en tjocklek h2-titel och tittar i textredigeraren kommer du att märka att den är innesluten i taggar , så här :

titel-in-the-taggar

Den första är en inledande tagg. Taggen som innehåller snedstrecket "/" är en avslutande tagg. Varje element på en webbsida måste innehålla en inledande och avslutande tagg. Om en etikett är öppen och inte stängd eller tvärtom kan detta orsaka felaktig visning på vissa objekt, särskilt om dessa taggar inte ingår i taggarna som är undantagna från att ha en stängningstagg som " img "" hr », Etc.

Om du öppnar en tagg och stäng inte med , kommer dina stycken och annat innehåll från artikeln att visas i en "Rubrik 2" -stil. Det liknar det sätt på vilket elementen " div Kan visas korrekt om du inte öppnar den och stänger den ordentligt.

Här är filen "single.php" för temat " Zerif Lite ". Den här filen innehåller koden som avgör hur artiklar ska visas i plugin-programmet (för unika objekt). I följande bild är "Div" -taggarna markerade för att visa var de öppnas och var de stängs.

enkel php-sidofältselement-div

Detta är en enkel demonstration av hur div-element fungerar så att vi bättre kan avgöra orsaken till ett visningsproblem.

Fixa visningsproblem på WordPress

Att förstå hur "div" -elementen fungerar är bara halva striden. Nu måste du bestämma vilken fil på din webbplats som har problem med "div" -elementen.

Det finns några frågor du bör ställa dig själv:

Finns det här problemet på din webbplats?

Att räkna ut var problemet uppstår på din webbplats kan vara en bra ledtråd om var problemet finns. Tyvärr, om detta finns överallt på din webbplats, tar det längre tid att lösa problemet.

Ett allmänt problem där sidofältet visas under innehållet kan ha ett antal olika orsaker, och de kommer troligen att dyka upp i en av dessa huvudfiler:

  • footer.php
  • header.php
  • index.php
  • sidebar.php
  • style.css

Ditt tema kan komma med ytterligare filer som bestämmer element som visas på din webbplats, men det är de viktigaste filerna som du bör tänka på för att utföra din sökning.

Du kan visa dem direkt i redigeraren som finns i menyn "Utseende" på instrumentpanelen.

Finns det här problemet bara på sidor?

Utforska några sidor och leta efter felet. Visas problemet bara på sidor? Om så är fallet måste du titta på din "page.php" -fil för att hitta felen.

Finns det här problemet bara på bloggens sidor?

Återigen måste du jämföra några av sidorna på din webbplats med de olika artiklarna om din blogg. Inspektera din "single.php"-fil. Om sidofältet visas korrekt på sidor, men inte på bloggen, kommer den här filen att berätta mer.

Problemet med flytande barer

Ditt tema kan vara en flytande sidofält, och om detta orsakar att sidfältna visas under innehållet, måste du komma närmare utvecklaren.

Den viktigaste egenskapen är fastigheten flyta Som vanligtvis visas i två format:

float: vänster; float: höger;

Om dessa inte används ordentligt eller inte alls kan de orsaka att saker staplas ovanpå varandra snarare än sida vid sida. Du kan också behöva använda " klar För att åtgärda problemet.

Begär hjälp av experter

Om du inte kan lösa problemen med att använda alla ovanstående inbjuder jag dig att kontakta oss antingen direkt lämna en kommentar eller via livechat på hemsida.

Annars kan du alltid kontakta utvecklaren av temat direkt. Den som kommer till denna produkt kommer att kunna bättre svara på dina behov.

Det här är allt för den här tutorialen, jag hoppas att det kommer att låta dig korrigera problemet med sidosidor som visas under ditt innehåll.