Se si desidera liberare spazio sulla barra laterale in modo da poter inserire altri widget o annunci lì, o semplicemente sentirsi come un cambiamento, è possibile spostare la barra di navigazione dalla barra laterale per l'intestazione nel tuo blog WordPress. Poiché questa operazione comporta l'uso dell'Editor tema WordPress, è necessario autorizzazioni di amministrazione per completarlo. Inoltre, alcuni HTML e CSS esperienza sarebbe utile.

istruzione

1 Accedi al tuo pannello di controllo di amministrazione di WordPress. Fare clic su "Aspetto", quindi fare clic su "Editor". Dall'elenco dei file sulla destra, fai clic su "sidebar.php."

2 Individuare la barra di navigazione per il sito. Questo può essere una riga di codice che inizia con "<? Php wp_nav_menu" o un elenco manuale dei link sul vostro menu. In entrambi i casi, tagliare il codice compresi eventuali tag circostanti <div> e incollarli in un file di testo. Fai clic su "Update file" quando hai finito.

3 Fai clic su "header.php" dalla lista a destra sul pannello di controllo amministratore. Individuare il titolo principale o testa d'albero per il tuo sito e iniziare una nuova linea sotto quella e la prossima sezione di codice, che sarà probabilmente una linea di chiamare tua sidebar. Incollare il codice per il menu precedentemente incollato nel file di testo.

4 Aggiungere un "2" per il nome del contenente <div> del menu di navigazione. Sarete di apportare modifiche al presente divisorio, in modo da creare uno nuovo in modo che eventuali altri menu sul tuo sito che potrebbero utilizzare lo stesso divisorio non saranno modificate. Ad esempio, se il divisore è simile al seguente:

<Div id = "sidemenu">

Modificarla in:

<Div id = "sidemenu2">

5 Fai clic su "style.css" dalla lista a destra sul sul pannello di controllo amministratore. Scorrere verso il basso fino a quando il trovare il codice per il tag <div> originale per il menu. Si inizia con un simbolo 'cancelletto', ad esempio:

sidemenu {

Copiare tutto il codice per questa sezione, tra cui la chiusura "}" carattere, e incollarlo in una nuova riga del file. Quindi aggiungere un "2" per la nuova sezione che avete incollato. Se si conosce CSS, ora è possibile aggiungere qualsiasi styling per il menu di questa nuova sezione. Almeno, aggiungere "display: block; width: 100%;" senza virgolette se questo codice non è già presente. Questo metterà il vostro menu di navigazione su una riga e diffonderlo in tutta la lunghezza della testata.

6 Inizia una nuova riga nel file e incollare il codice folloing:

sidemenu2 li {

float: left;

}

Sostituire "sidemenu2" con il nome effettivo del vostro menu. Questa organizza il vostro menu orizzontalmente attraverso l'intestazione. Anche in questo caso, è possibile aggiungere qualsiasi codice CSS addizionale qui per modificare l'aspetto delle singole voci di menu.