Se hai lavorato con questa serie, ora hai un tema di lavoro con i file modello che hai caricato su WordPress. In questo tutorial, continuerai a lavorare su header.php
file che hai creato nella Parte 2. Imparerai come aggiungere un menu di navigazione che può essere modificato tramite la schermata di amministrazione dei menu di WordPress. Per fare ciò dovrai anche creare un nuovo file per il tuo tema: il file delle funzioni.
Per completare questo tutorial, avrai bisogno di quanto segue:
Per registrare un menu di navigazione, si utilizza il register_nav_menu ()
funzione, che sarà necessario aggiungere al tema functions.php
file.
Poiché il tuo tema non ha ancora questo file, inizi a crearne uno.
Nella cartella del tema, creare un nuovo file vuoto chiamato functions.php
.
Apri il nuovo file e aggiungi il seguente:
Hai appena creato la prima funzione del tema, datti una pacca sulla schiena!
Viene chiamata la funzione che hai creato wptutsplus_register_theme_menu ()
, e ho aggiunto un wptutsplus
prefisso all'inizio del nome per garantire che il nome sia unico e non si scontri con altre funzioni registrate dai plugin che potresti eseguire sul tuo sito.
La funzione include il register_nav_menu ()
Funzione WordPress che crea un menu. La tua funzione viene quindi attivata tramite dentro
gancio di azione, il che significa che WordPress eseguirà la funzione quando si inizializza.
Nota: che devi attivare funzioni come questa tramite il gancio corretto o non funzioneranno.
Il register_nav_menu ()
la funzione ha due parametri:
'primario'
. Lo aggiungerai al tuo header.php
file più tardi in modo che WordPress visualizzi il menu corretto."Menu di navigazione principale"
. Questo sarà visibile nella schermata di amministrazione del menu '.Ora avrai accesso alla schermata del pannello 'Menu', che non era disponibile in precedenza poiché il tuo tema non aveva un menu registrato. In questo momento, i suoi contenuti non sono perfetti, ma presto cambieremo questo:
Mentre crei pagine, post e altri contenuti, puoi aggiungerli al menu di navigazione tramite questa schermata. Aggiungerò due nuove pagine chiamate "Blog" e "Informazioni". Specifico la pagina "Blog" come la pagina in cui i miei post vengono visualizzati tramite la schermata Impostazioni. Puoi creare qualsiasi pagina tu voglia.
Fatto ciò, tornare alla schermata 'Menu' per modificare il menu, aggiungendo le nuove pagine. Una volta trascinate le nuove pagine nel menu, fai clic su "Crea menu" per creare il nuovo menu.
Infine, seleziona "Menu di navigazione principale" sotto Luoghi a tema per garantire che questo menu venga visualizzato come il menu principale che hai appena registrato e salvare il menu.
Nota: Ricorda sempre di salvare il tuo menu dopo aver apportato le modifiche ad esso, diversamente dai widget, i menu non vengono salvati automaticamente da WordPress.
In questo momento, questo menu non sarà ancora visibile sul tuo sito web; è necessario aggiungere il menu al file di intestazione per farlo accadere.
Apri i tuoi temi header.php
file e trova questo codice:
E sostituirlo con questo:
Questo aggiunge il menu di navigazione che hai registrato in questo posto nel tema, usando il wp_nav_menu ()
funzione e specificazione 'primario'
(la posizione che hai specificato per il tuo menu quando lo hai registrato) come 'Theme-location'
.
Questo è ora riflesso nel menu di navigazione del mio sito:
In questo tutorial, hai imparato come registrare un menu di navigazione, aggiungere elementi e aggiungerlo all'intestazione del sito.
È importante notare che i menu non devono solo essere nell'intestazione del sito. È possibile aggiungere menu in una varietà di luoghi, tra cui:
Puoi aggiungere menu in più punti del tuo tema in uno dei tre modi.
Li ho elencati in ordine crescente di difficoltà:
wp_nav_menu ()
funzione, specificando il 'menu'
parametro come il nome che dai a ciascun menu che crei.register_nav_menus ()
funzione e aggiungili al posto pertinente nel tuo tema come sopraPerché non provarlo?
register_nav_menu ()
funzionewp_nav_menu ()
funzione