Supremo è un tema di bambino che funziona in cima il nostro tema di padre supremo che alimenta anche il nostro altri temi recenti
Con 3.0 rilascio, WordPress ha introdotto una nuova interfaccia utente per gestire i menu di navigazione, che semplicemente significa che otterrai una nuova pagina con alcuni strumenti su di esso per aggiungere, Elimina, e organizzare i collegamenti.
Per utilizzare questa funzione, in primo luogo è necessario attivarlo. Senza attivazione, la pagina di gestione di menu non verrà visualizzate, ma un errore.
Se è attualmente inattivo, nel tuo pannello di amministrazione di WordPress, andare in aspetto > menu per vedere l'errore.
Come attivare WordPress 3.0 Gestione dei menu
Aggiungere il seguente codice al file functions. php del tuo tema.
[php]Se (function_exists('add_theme_support')) {
add_theme_support('menu');
}
[/php]
Mentre add_theme_support('menu'); è sufficiente per attivare la pagina di gestione del Menu, il codice aggiuntivo intorno a questa linea necessario consente di verificare se successive o precedenti versioni di WordPress non ha questa caratteristica quindi sarà semplicemente non fare nulla e non causare nessun errore.
Che cosa significa il codice sopra riportato:
Il codice sopra riportato significa semplicemente se il Aggiungere il supporto di tema funzione esiste, utilizzare tale funzione per aggiungere Menu caratteristica. Se non esiste, non fare nulla.
Passo dopo passo
- Aprire la cartella del tema e trovare Functions. php.
- Aprire Functions. php utilizzando blocco note o editor di testo di vostra scelta.
- Copiare e incollare il codice sopra riportato.
- File > Save Functions. php
Dove posizionare il codice
Se il file functions. php del vostro tema è disordinato o non so davvero dove mettere il codice, Vai alla fine del Functions. php e incollare il codice prima:
[php]?>[/php]
Un punto interrogativo immediatamente accanto una freccia destra segna la fine di un set di codici. L'ultima combinazione di punto interrogativo e freccia destra nel file segna la fine del file. Normalmente, Se si aggiunge qualsiasi codice proprio prima della fine del file, non avreste alcun problema.
Nel raro caso che il tema è un file functions. php, ma è vuoto, copiare e incollare il codice seguente:
[php]<?php
Se (function_exists('add_theme_support')) {
add_theme_support('menu');
}
?>[/php]
Questo set di codici è solo leggermente diverso da quello che erano prima dato. L'ulteriore
[php]<?php[/php]
e
[php]?>[/php]
all'inizio e alla fine di questa serie di codici significa PHP di inizio e di fine PHP.
È possibile chiudere Functions. php. Per il resto di questo tutorial, non ne hai bisogno. Ora hai attivato l'interfaccia di utente o funzionalità di gestione del Menu, Ecco quello che sembra:
Utilizzando l'interfaccia utente di gestione Menu
Se si utilizza wp_nav_menu() nei file di modello di tema per visualizzare il menu, per impostazione predefinita, elencherà solo i collegamenti con una pagina ad esso collegato. Ma, cosa succede se si voleva aggiungere collegamenti esterni personalizzati senza creare una nuova pagina solo per puntare ad esso? Per esempio, Aggiunta di un link di Twitter al menu principale del tuo sito. Ecco come.
Primo, creare un menu personalizzato, perché WordPress non vi permetterà di aggiungere, Elimina, o ri-organizzare collegamenti senza avere almeno un menu personalizzato. Denominare il vostro menu quindi salvarlo. Per questo tutorial, il mio primo menu personalizzato denominato, ' prima.’
Dopo aver creato il menu personalizzato, Hai diverse opzioni pagina dal Menu Gestione di aggiungere link. Per esempio, si possono semplicemente controllare le caselle accanto le pagine e le categorie che si desidera aggiungere, quindi fare clic sul Aggiungere al Menu pulsante. È inoltre possibile aggiungere collegamenti personalizzati ed ecco quello che sembra:
Non dimenticare di fare clic sul pulsante Salva Menu dopo l'aggiunta di nuovi collegamenti.
Come visualizzare Menu personalizzato
Come ho detto prima, wp_nav_menu() per impostazione predefinita consente di visualizzare il tuo elenco di collegamenti di base quali pagine si dispongono. Non Visualizza i collegamenti di menu personalizzato. Per visualizzare il menu personalizzato dove vuoi mostrare, copiare e incollare il seguente:
[php]<?php wp_nav_menu(' menu = first'); ?>[/php]
Sostituire ' primo’ con il nome del menu.
Che cosa significa il codice sopra riportato:
- Inizio PHP
- Utilizzare wp_nav_menu() per visualizzare il menu
- Il menu personalizzato che voglio usare è ' prima.’
- Fine PHP
In qualsiasi altro file che stai per incollare in, salvare il file. Caricare questo file nella cartella tema sul server se si sta modificando non direttamente e attraverso il pannello di amministrazione di WordPress.
Ho creato un tema in bianco solo per questo tutorial. Ecco quello che sembra per me dopo aver messo il codice sopra nel file index. php del mio tema in bianco.
Se si fare clic con il pulsante destro sulla pagina attualmente visualizzato il menu e vai a Visualizza origine, si arriva a vedere come appare questo menu sotto il cofano. Ecco quello che sembra per me:
[php]<div class="menu-first-container">
<ul id="menu-first" class="menu">
<li id="menu-item-4" class="menu-item menu-item-type-custom"><a href="http://son">figlio</un>
<ul class="sub-menu">
<li id="menu-item-6" class="menu-item menu-item-type-custom"><a href="http://grandchild">bambino grande</un></li>
</UL>
</li>
<li id="menu-item-5" class="menu-item menu-item-type-custom"><a href="http://daughter">figlia</un></li>
</UL>
</div>
[/php]
Ovunque si vede ' primo’ nel set di codici sopra, Sai che è lì solo perché ho chiamato il menu personalizzato ' prima.’
Visualizzare più menu personalizzati
per farlo, è necessario innanzitutto creare il secondo menu. Qui è il mio secondo menu, che è convenientemente denominato, ' secondo.’ E, Ho aggiunto due link sotto il secondo menu.
Per visualizzare il menu secondo, duplicare il codice per il primo menu e cambiare menu = in primo luogo al menu = secondo. Se hai chiamato il tuo secondo menu, ' sottomenu,’ quindi cambiare menu = first = sottomenu al menu. Ecco l'intero codice:
[php]<?php wp_nav_menu(' menu = seconda '); ?>[/php]
Differenziazione dei menu personalizzati e personalizzarle
Ci sono diversi modi per differenziare e personalizzare i menu personalizzati. La più ovvia è utilizzando nomi diversi per i menu di primi e secondo. Modi meno evidenti sono personalizzazione container_class, container_id, e menu_class. Per esempio:
[php]wp_nav_menu(' menu = prima&menu_class = my-main-menu');[/php]
Sotto il cofano, con l'aggiunta di menu_class = my-main-menu l'uso del segno e commerciale (&), il mio elenco di menu cambia da:
[php]<ul id="menu-first" class="menu">[/php]
A:
[php]<ul id="menu-first" class="my-main-menu">[/php]
Se si desidera personalizzare il container_class insieme a menu_class, Ecco come:
[php]wp_nav_menu(' menu = prima&menu_class = my-main-menu&container_class = contenitore-nome-va-qui ');[/php]
Come si può vedere, per aggiungere un'altra opzione personalizzabile al menu, è sufficiente utilizzare il segno e commerciale, l'opzione di che personalizzazione, e il valore di tale opzione, che può essere qualsiasi stringa di testi di tua scelta. Dopo aver aggiunto il codice, salvare il file, Aggiorna la pagina web, e controllare sotto il cofano, scegliere Visualizza sorgente per visualizzare le modifiche apportate.
Per un elenco di opzioni è possibile personalizzare o assegnare valori a, Vai a wp_nav_menu al WordPress Codex.