Želite li znati kako dodati prilagođeni navigacijski meni u WordPress? Podrazumevano, mnogi WordPress teme nude unaprijed definirane lokacije i izgled menija.

U ovom vodiču pokazat ćemo vam kako dodati druge izbornike za navigaciju u vašu WordPress temu.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu 

Onda se vratimo na pitanje zašto smo ovde.  

kako dodati prilagođeni navigacijski meni na WordPressu

Kada ćete morati dodati prilagođeni meni na svoju WordPress temu?

Najviše WordPress teme pruža barem jednu lokaciju na kojoj možete prikazati navigacijske veze vaše web stranice u meniju.

Stavkama izbornika možete upravljati putem jednostavnog sučelja na WordPress nadzornoj ploči.

Otkrijte i naše 10 premium WordPress dodaci dizajnirani za kreiranje menija

Ovaj tutorijal je namijenjen korisnicima koji vole DIY ili onima koji trebaju dodati dodatni utor na svom WordPress teme.

Uz sve to, pogledajmo kako dodati prilagođene navigacijske menije u WordPress temu.

Izrada prilagođenog menija na WordPressu

Navigacijski izbornici su značajka WordPress tema. Svaka WordPress tema može definirati vlastite lokacije menija.

Da biste dodali prilagođeni navigacijski meni, prvo što morate učiniti je registrirati svoj novi navigacijski meni dodavanjem ovog koda u function.php datoteka vaše WordPress teme.

funkcija bpc_custom_new_menu () {register_nav_menu ('moj-prilagođeni meni', __ ('Moj prilagođeni meni')); } dodavanje datoteke ('init', 'bpc_custom_new_menu');

Možete ići na " Izgled> Izbornici "u WordPress kontrolna tabla i pokušajte stvoriti ili urediti novi izbornik. VidećeteMoj prilagođeni meniKao opcija na lokaciji menija.

kako dodati prilagođeni navigacijski meni na WordPressu

Ako želite dodati više od jedne nove lokacije u meniju za navigaciju, tada morate koristiti ovakav kod:

funkcija bpc_custom_new_menu () {register_nav_menus (niz ('my-custom-menu' => __ ('My Custom Menu'), 'extra-menu' => __ ('Extra Menu'))); } add_action ('init', 'bpc_custom_new_menu');

Kada dodate lokaciju menija, testirajte svoj meni i dodajte nekoliko stavki na WordPress kontrolnu tablu.

To će nam omogućiti da pređemo na sljedeći korak koji je prikaz izbornika na našoj WordPress web lokaciji.

Pregled prilagođenog menija na WordPressu

Sada moramo prikazati novi navigacijski meni u vašoj WordPress temi. Najčešće mjesto na kojem se obično postavljaju navigacijski izbornici nalazi se u zaglavlju web stranice odmah nakon naslova ili logotipa web lokacije.

Međutim, svoj navigacijski meni možete dodati gde god želite.

Ovaj kôd morate dodati u datoteku šablona svoje WordPress teme u kojoj želite prikazati svoj izbornik.

'my-custom-menu', 'container_class' => 'custom-menu-class')); ?>

Lokacija WordPress teme je ime koje smo odabrali u prethodnom koraku.

Klasa spremnika je klasa CSS koja će se dodati vašem navigacijskom meniju. Vaš izbornik će se pojaviti kao jednostavna lista sa podacima na vašoj veb lokaciji.

kako dodati prilagođeni navigacijski meni na WordPressu

Možete koristiti klasu CSS " custom_menu_class Za stil vaših menija. Evo primjera CSS koda za početak:

div.custom-menu-class ul {list-style-type: nema; lista-stil: nema; list-style-image: nema; } div.custom-menu-class li {padding: 20px; display: inline; }

Ako vam je potrebna pomoć oko CSS-a i izgleda menija, preporučujemo vam da koristite jednu od ovih WordPress početnih tema za izradu vlastitih tema.

Kreirajte mobilne menije

O tome smo detaljno govorili u prethodnom vodiču, kako napraviti mobilne menije.

kako dodati prilagođeni navigacijski meni na WordPressu

Vidjeli smo koliko ovi meniji mogu biti povoljni za vaš mobilni promet. 

Otkrijte i neke teme i premium WordPress dodatke  

Možete koristiti druge WordPress plugins da date moderan izgled i da optimizujete rukovanje vašim blogom ili web sajtom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Donacija za Woocommerce

Prihvatite putem ovog produžetka donacije na vašoj WooCommerce web lokaciji sa iznosima koje su odredili kupci. To će im omogućiti da daju koliko žele. Svaka donacija može se predstaviti kao bilo koji uobičajeni WooCommerce proizvod. 

Dodatak za donaciju Woocommercea

Ako kupac preskoči stranicu s košaricom ili ode direktno na blagajnu bez doniranja, pojavit će se veza iznad stranice za naplatu kako bi mogao donirati.

Svaki korak upotrebe WooCommerce donacije objašnjen je u dokumentaciji sa snimcima zaslona. Samo aktivirajte dodatak i na košarici ćete pronaći polje "Dodaj donaciju".

download | Demo web hosting

2. Kalendariziraj ga!

Sa WordPress dodatak Kalendariziraj ga! prilagođavanje dizajna kalendara posebno je jednostavno uz besplatni Visual Editor. Dodatak uključuje napredno filtriranje, bazirano na mnogim taksonomijama poput vremena, organizatora i lokacije. Možete popisati događaje na osnovu dana, mjeseci ili godina i pregledati nadolazeće događaje putem dodataka.

Kalendarizirajte

Dodatak također podržava upravljanje ulogama korisnika, prilagođene vrste posta, više kratkih kodova i prilagođena polja za događaje. Takođe ima i nekoliko plaćenih modula po 15 $ svaki, što uključuje opcije plaćanja, opcije oglašavanja, bodovanje za događaje i rezervacije, recenzije i još mnogo toga.

Njegove značajke uključuju: Uvoz događaja u CSV formatu, prikazivanje događaja po godinama, odbrojavanje događaja, podržavanje nekoliko opcija plaćanja, podržavanje mogućnosti oglašavanja, dijeljenje na društvene mreže, intuitivni obrazac za rezervaciju itd. ...

download | Demo | web hosting

3. Direktor ultimate PRO

Directory ultimate PRO je a WordPress dodatak premium koji vam omogućava da kreirate bilo koju vrstu imenika na internetu. Može se integrirati u bilo koju WordPress temu i može se prilagoditi vašim potrebama. Prikazuje svoju prilagođenu funkciju pretraživanja koja je jedna od glavnih karakteristika web stranica u ovoj niši.

Direktorij ultimate pro 1

Njegova traka za pretraživanje omogućava vam dodavanje personaliziranih filtara i odabir stila pretraživanja, konačno da se savršeno prilagodi vašoj web lokaciji.

Kao karakteristike, između ostalog nudi: 100% prilagodljiv izgled, prilagodljivo pretraživanje, 3 načina za prikaz vašeg direktorija, optimizaciju za mobilnu navigaciju, izvrsnu SEO, kompatibilnost s većinom modernih pretraživača, i više       

download | Demo | web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći da izgradite i upravljate svojom web stranicom.

zaključak

Voila! To je to za ovaj tutorial. Nadamo se da će vam potonji omogućiti dodavanje prilagođenog navigacijskog menija na vaš WordPress blog ili web stranicu. 

Međutim, takođe ćete moći da se konsultujete sa našim sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada WordPress bloga

Recite nam šta mislite o ovom vodiču i ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama

...