Hvor å Fastsette Broken WordPress NAV Menu

Hvis du så på din WordPress blog nylig, og fikk et sjokk å se at navigasjonsmenyen ser ikke ut som det skal, er det på tide å grave i Theme Editor og se hvor problemet er. Mest sannsynlig, noen har gjort en feil i HTML-koden, samtidig som noen oppdateringer til temaet, men det er et par andre muligheter også. Noen erfaring med HTML og CSS er nyttig i å løse dette problemet.

Bruksanvisning

1 Logg inn på din WordPress admin området. Klikk "Utseende" fra den store menyen nede til venstre på skjermen, og klikk deretter på "Editor". Se på listen over filer på høyre, deretter "header.php". Filen vises i den sentrale redigeringsruten.

2 Rull ned filen til du finner navigeringsmenyen for området. Inspiser koden for åpne -koder. Menyen sannsynligvis starter med en barriere; for eksempel <div id = "navmenu">. Se etter en avsluttende </ div> tag etter menyen. Se etter lukking koder for HTML List egenskap: åpningen <ul> eller <ol> tag bør lukkes med </ ul> og </ ol> henholdsvis på slutten av listen, og hver <li> bør ha en avsluttende </ li> på slutten av den linjen.

3 Sjekk at alle elementene du vil skal vises på menyen er til stede. Hvis de ikke er det, legge til relevante lenker til menyen. For å oppnå dette, starte en ny linje, og deretter bruke følgende kode:

<a href="Anchor"> http://example.com "> Anchor Tekst </a>

Endre eksempel URL til det stedet du ønsker, og endre "ankertekst" til den teksten du vil menyvalget for å vise.

4 Klikk på "Update File" hvis du gjør noen endringer du ønsker å beholde.

5 Klikk "style.css" fra bunnen av listen over filer, så bla nedover til du finner seksjoner for delelinjen i menyen, for eksempel "#navmenu", "#navmenu ul" eller "#navmenu li." Sjekk CSS koden her for feil. Hver attributtet skal ha et semikolon på slutten av det; for eksempel "width: 100px;" er korrekt. Hver seksjon skal åpnes og lukkes med krøllete parentes:

navmenu ul {

float: left;

width: 100%;

}

Sjekk også at den delen rett over meny delen er stengt, eller det vil svelge koden for navigasjonsmenyen til den.

6 Sjekk CSS attributter seg for utelatelser. For eksempel, hvis du vil at menyen skal være vannrett, må du "float: left;".

7 Klikk på "Update File" når du er ferdig.