Come risolvere rotto WordPress NAV Menu

October 29

Come risolvere rotto WordPress NAV Menu


Se avete guardato il vostro blog WordPress di recente e ottenuto uno shock vedere che il menu di navigazione non sembra come dovrebbe, è il momento di scavare nel Theme Editor e vedere dove sia il problema. Per lo più probabile, qualcuno ha fatto un errore nel codice HTML mentre facendo alcuni aggiornamenti al tema, ma ci sono un paio di altre possibilità, anche. Una certa esperienza con HTML e CSS è utile per risolvere questo problema.

istruzione

1 Accedi al tuo area di amministrazione di WordPress. Fai clic su "Aspetto" dal menu a discesa sulla sinistra dello schermo, quindi fare clic su "Editor". Guarda l'elenco dei file sulla fascia destra, poi cliccare su "header.php". Il file viene visualizzato nel riquadro di modifica centrale.

2 Scorrere verso il basso il file fino a trovare il menu di navigazione per il vostro sito. Controllare il codice per i tag non chiusi. Il menu probabilmente inizia con un divisore; per esempio, <div id = "navmenu">. Cercare una chiusura </ div> tag dopo il menu. Se vuoi inserire tag di chiusura per la funzione Lista HTML: l'apertura <ul> o <ol> tag deve essere chiusa con </ ul> e </ ol>, rispettivamente alla fine della lista, e ogni <li> dovrebbe avere a </ li> chiusura alla fine di quella linea.

3 Controllare che tutti gli elementi che si desidera visualizzare sul menu sono presenti. Se non lo sono, aggiungere i link pertinenti al menu. Per fare questo, avviare una nuova linea, quindi utilizzare il seguente codice:

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

Modificare l'URL di esempio per la posizione che si desidera, e cambiare "Anchor Text" per il testo che si desidera che la voce di menu da visualizzare.

4 Fai clic su "Aggiornamento File", se si apportano modifiche che si desidera conservare.

5 Fai clic su "style.css" dal fondo della lista dei file, quindi scorrere verso il basso fino a trovare le sezioni per il divisore del menu, come ad esempio "#navmenu", "#navmenu ul", o "#navmenu li". Controllare il codice CSS qui per gli errori. Ogni attributo deve avere una virgola alla fine di esso; per esempio, "width: 100px;" è corretta. Ogni sezione deve essere aperto e chiuso con parentesi graffe:

navmenu ul {

float: left;

width: 100%;

}

Inoltre, verificare che la sezione direttamente sopra la sezione del menu è chiuso, o sarà ingoiare il codice per il menu di navigazione in esso.

6 Controllare se stessi attributi CSS per omissioni. Ad esempio, se si desidera che il menu sia orizzontale, è necessario "float: left;".

7 Fai clic su "Update file" quando hai finito.


Articoli Correlati