Crearea unei teme WordPress din HTML static Adăugarea navigației

Dacă ați lucrat prin această serie, aveți acum o temă de lucru cu fișiere șablon pe care le-ați încărcat în WordPress. În acest tutorial, veți continua să lucrați la header.php fișierul pe care l-ați creat în Partea 2. Veți învăța cum să adăugați un meniu de navigare care poate fi editat prin intermediul ecranului de administrare Menus WordPress. Pentru aceasta, va trebui să creați un fișier nou pentru tema dvs.: fișierul cu funcții.

Ce ai nevoie

Pentru a finaliza acest tutorial, veți avea nevoie de următoarele:

editorul de cod de alegere
un browser pentru testarea muncii tale
o instalare WordPress, fie locală, fie la distanță
Dacă lucrați la nivel local, veți avea nevoie de MAMP, WAMP sau LAMP pentru a permite WordPress să ruleze.
Dacă lucrați de la distanță, veți avea nevoie de acces FTP la site-ul dvs., plus un cont de administrator în instalarea dvs. WordPress.

1. Înregistrarea unui meniu de navigare

Pentru a înregistra un meniu de navigare, utilizați register_nav_menu () funcție, pe care va trebui să o adăugați la tema proprie functions.php fişier.

Întrucât tema dvs. nu are încă acest fișier, începeți să creați unul.

În dosarul tematic, creați un nou fișier gol, numit functions.php.

Deschideți noul fișier și adăugați următoarele:

Tocmai ați creat prima funcție a temei dvs., faceți-vă pe spate!

Funcția pe care ați creat-o se numește wptutsplus_register_theme_menu (), și am adăugat o wptutsplus prefix la începutul numelui său pentru a vă asigura că numele este unic și nu contravine altor funcții înregistrate de pluginurile pe care le puteți rula pe site.

Funcția include register_nav_menu () Funcția WordPress care creează un meniu. Funcția dvs. este apoi activată prin intermediul funcției init cârlig de acțiune, ceea ce înseamnă că WordPress va rula funcția dvs. când se inițializează.

Notă: că trebuie să activați funcții ca aceasta prin intermediul cârligului corect sau nu va funcționa.

register_nav_menu () funcția are doi parametri:

Unul dintre acești parametri include locația meniului. În acest caz, am sunat la locație 'primar'. Veți adăuga acest lucru la dvs. header.php fișier mai târziu, astfel încât WordPress să afișeze meniul corect.
Al doilea parametru este descrierea meniului. În acest caz, "Meniul principal de navigare". Acest lucru va fi vizibil în ecranul de administrare al meniurilor.

2. Configurarea meniului de navigare

Veți avea acum acces la ecranul de bord "Meniu", care nu a fost disponibil înainte ca tema dvs. să nu aibă un meniu înregistrat. În prezent, conținutul său nu este perfect, dar vom schimba în curând:

Pe măsură ce creați pagini, postări și alte tipuri de conținut, le puteți adăuga în meniul de navigare prin intermediul acestui ecran. Voi adăuga două noi pagini numite "Blog" și "Despre". Voi specifica pagina "Blog" ca pagina unde se afișează mesajele mele prin ecranul Setări. Puteți crea paginile care vă plac.

După ce ați făcut acest lucru, reveniți la ecranul "Meniu" pentru a edita meniul, adăugând noile pagini. Odată ce ați târât paginile noi în meniu, faceți clic pe "Creare meniu" pentru a crea noul meniu.

În cele din urmă, bifați "Meniul principal de navigare" de sub Locații tematice pentru a vă asigura că acest meniu va fi afișat ca meniu principal pe care tocmai l-ați înregistrat și că ați salvat meniul.

Notă: Amintiți-vă întotdeauna să vă salvați meniul după ce ați efectuat modificări, spre deosebire de widget-uri, Meniurile nu sunt salvate automat de WordPress.

3. Adăugarea meniului la tema dvs.

Momentan, acest meniu nu va mai fi vizibil pe site-ul dvs. web; trebuie să adăugați meniul în fișierul antet pentru a face acest lucru să se întâmple.

Deschideți tema header.php fișier și găsiți acest cod:

   Sari la conținut 
   Acasă 
  Cele mai recente știri 
  Articole Promovate

Și înlocuiți-l cu acest lucru:

   Sari la conținut 
  'main-nav', 'theme_location' => 'primar')); ?>

Aceasta adaugă meniul de navigare pe care l-ați înregistrat în acest loc în temă, utilizând wp_nav_menu () funcție și specificare 'primar' (locația pe care ați specificat-o pentru meniul dvs. când ați înregistrat-o) ca „Temă de locație“.

Acest lucru este acum reflectat în meniul de navigare al site-ului meu:

Rezumat: Meniurile nu sunt doar pentru antetul site-ului!

În acest tutorial, ați învățat cum să înregistrați un meniu de navigare, să adăugați elemente în el și să îl adăugați în antetul site-ului.

Este important să rețineți că meniurile nu trebuie doar să fie în antetul site-ului. Puteți adăuga meniuri într-o varietate de locuri, inclusiv:

Bara laterală - poate un meniu de secțiune pentru o secțiune a site-ului sau o listă de subpagini ale paginii curente
Meniul de subsol - un meniu al paginilor dvs. cu dimensiuni reduse sau cele mai frecvent accesate pagini.
Sub navigarea principală - poate un meniu de secțiuni imediat sub navigarea principală.

Puteți adăuga meniuri în mai multe locuri în tema dvs. într-una din cele trei moduri.

Le-am enumerat în ordine ascendentă de dificultate:

creați meniuri suplimentare prin intermediul ecranului de administrare "Meniu" și apoi utilizați widgetul "Meniu personalizat" pentru a le afișa oriunde în tema în care aveți o zonă widget
creați meniuri suplimentare prin intermediul ecranului de administrare "Menus" și apoi adăugați-le în codul temei așa cum ați făcut mai sus. În acest caz, adăugați un parametru suplimentar la matricea numită de wp_nav_menu () funcție, specificând 'meniul' parametru ca numele pe care îl oferiți fiecărui meniu pe care îl creați.
înregistrați mai multe meniuri utilizând register_nav_menus () funcția și adăugați-le la locul relevant din tema dvs. de mai sus

De ce nu încercați?

Resurse

Ghid pentru meniurile de navigare
register_nav_menu () funcţie
wp_nav_menu () funcţie

Cod