Sidebjælken, sidehovedet og sidefoden har deres navne af en grund. De er beskrivende og fortæller dig, hvor hvert element skal eksistere på en webside. Så når din sidebar, som skulle eksistere til venstre eller højre for din indhold, vises under din indhold, er det klart, at der er et problem.

Placeringen af ​​disse elementer bestemmes af HTML og CSS-kode. Du behøver ikke nødvendigvis at kende disse sprog for at løse dette problem, men du er nødt til at forstå en ting eller to, såsom " div '.

Forstå vigtigheden af ​​"Div" -elementet i forhold til sidebjælken

"Div", eller tagget , er et HTML-element. Det er en beholder til forskellige elementer, der udgør en webside, herunder indhold. Hvert element skal være indeholdt i sit eget " ".

Du skal vide, hvordan åbne og lukke tags fungerer i HTML nu. For eksempel, når du indstiller en titel med en tykkelse h2 Titel og ser i teksteditoren, vil du bemærke, at den er lukket i tags , sådan her :

titel-in-the-tags

Den første er et åbningsmærke. Tagget, der indeholder skråstreg "/", er et afsluttende tag. Hvert element på en webside skal indeholde et tag, der åbner og lukker. Hvis en etiket er åben og ikke lukket eller omvendt, kan det medføre forkert visning på nogle emner, især hvis disse tags ikke er en del af tags undtaget fra at have et lukkemærke som " img "" hr », Osv.

Hvis du åbner et tag og luk ikke med , dine afsnit og andet indhold af artiklen vises med en "Overskrift 2" -stil. Det ligner den måde, hvorpå elementerne " div Kan vises korrekt, hvis du ikke åbner det og lukker det korrekt.

Her er filen "single.php" til temaet " Zerif Lite ". Denne fil indeholder koden, der bestemmer, hvordan artikler vises i plugin (Til unikke varer). I det følgende billede er “Div” -tags fremhævet for at vise dig, hvor de åbner, og hvor de lukker.

single-php-sidebjælke-elementer-div

Dette er en simpel demonstration af, hvordan div-elementer fungerer, så vi bedre kan bestemme årsagen til et displayproblem.

Løs visningsproblem på WordPress

At forstå, hvordan "div" -elementerne fungerer, er kun halvdelen af ​​kampen. Nu skal du bestemme, hvilken fil på dit websted, der har problemer med "div" -elementerne.

Der er et par spørgsmål, du bør spørge dig selv:

Findes dette problem på hele dit websted?

At finde ud af, hvor dette problem opstår på dit websted, kan være en god anelse om, hvor problemet findes. Desværre, hvis dette findes overalt på dit websted, vil det tage længere tid at løse problemet.

Et generelt problem, hvor sidebjælken vises under indholdet, kan have en række forskellige årsager, og de vises sandsynligvis i en af ​​disse hovedfiler:

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

Dit tema kan komme med yderligere filer, der bestemmer elementer, der vises på dit websted, men dette er de vigtigste filer, du skal overveje for at udføre din søgning.

Du kan få vist dem direkte i editoren, der er i menuen "Udseende" på instrumentbrættet.

Eksisterer dette problem kun på sider?

Udforsk et par sider på udkig efter fejlen. Vises problemet kun på sider? I så fald bliver du nødt til at se på din "page.php" -fil for at finde fejlene.

Eksisterer dette problem kun på bloggens sider?

Igen skal du sammenligne nogle af siderne på dit websted med de forskellige artikler om din blog. Undersøg din "single.php" fil. Hvis sidebjælken vises korrekt på sider, men ikke på bloggen, vil denne fil fortælle dig mere.

Problemet med flydende stænger

Dit tema kan være en flydende sidebjælke, og hvis dette får sidebjælkerne til at vises under indholdet, skal du komme tættere på udvikleren.

Den vigtigste ejendom er ejendommen flyde Som normalt vises i to formater:

Float: left; Float: højre;

Hvis disse ikke bruges korrekt eller slet ikke bruges, kan de få genstande til at stable oven på hinanden i stedet for side om side. Det kan også være nødvendigt at bruge " klar For at rette problemet.

Anmod om hjælp fra eksperter

Hvis du ikke kan løse problemerne ved at bruge alt det ovenstående, inviterer jeg dig til at kontakte os enten direkte efterlade en kommentar eller via live chat på hjemmeside.

Ellers kan du altid kontakte udvikleren af ​​temaet direkte. Han, der er med oprindelsen af ​​dette produkt, vil være bedre i stand til at besvare dine behov.

Det er alt sammen til denne tutorial, jeg håber, at det giver dig mulighed for at rette problemet med sidebjælker i siderne, der vises under dit indhold.