10.

Navigacioni meni
U ovoj lekciji detaljnije ćemo objasniti na koji način se kreira dinamički navigacioni meni, kao i njegovu osnovnu
namenu. Smisao navigacionih menija u WordPressu je da korisnik teme kreira navigaciju sa elementima po svom
izboru direktno iz WordPress dashboarda, bez poznavanja koda.

WordPress dozvoljava korisnicima da kreiraju različite navigacione menije, prema njihovim potrebama, na više
lokacija i sa drugačijim dizajnom. Samim tim možete imati navigacioni meni sa linkovima ka Vašim društvenim
mrežama, glavni navigacioni meni, dodatni navigacioni meni za prodavnicu, itd. Svaki od njih morate pojedinačno
registrovati u functions.php datoteci, a nakon toga je potrebno da mu dodelite i mesto na kojem će se učitavati.

Navigacioni meni se kreira kao lista elemenata korišćenjem argumenata i tagova <ul> i <li>. Neophodno je da se ovi
tagovi nalaze u određenoj sekciji ili containeru, u zavisnosti od toga kako je templejt napisan.

Detaljnije ćemo opisati argumente koje koristimo za kreiranje našeg

navigacionog menija, a sa ostalima se možete upoznati pregledom
stranice wp_nav_menu na Theme Handbook

U našoj functions.php datoteci, u 21. liniji koda registrovali smo

navigacioni meni i nazvali ga main navigation. Kako naša tema ima
navigaciju samo na jednom mestu, zadržaćemo se kod kreiranja
jednog navigacionog menija, i za to je neophodno da iskoristimo
sledeće atribute:
<!-- Nav -->
<?php
$defaults = array(
'container' => 'nav',
'container_id' => 'nav',
'echo' => 'true',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0
);
wp_nav_menu( $defaults );
?>
 1. container - u kom je potrebno definisati HTML tag i ID
U našem slučaju HTML tag je nav, a ukoliko ostavite prazno polje, WordPress će smatrati da je taj HTML tag div.
container ID ćemo takođe definisati kao nav
2. echo - određuje da li će se navigacija štampati ili vratiti.
po pravilu ćemo vrednost definisati kao true
3. items_wrap - služi za određivanje na koji način će lista elemenata biti upakovana. U našem slučaju su to <li> elementi
upakovani u <ul>
4. depth - koristimo za broj nivoa hijerarhije u navigaciji pri čemu 0 znači “svi nivoi”.

Kada završimo niz, ovaj deo koda kopiramo preko postojeće HTML navigacije u našoj header.php datoteci, i ona će
nakon toga izgledati ovako:

Sa ovim smo završili kreiranje navigacionog menija, a izmenjenu header.php datoteku možete preuzeti ovde.