Želite li znati kako dodati prilagođeni navigacijski izbornik u WordPress? Prema zadanim postavkama, mnogi WordPress teme nude unaprijed definirane lokacije i izglede izbornika.

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

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.  

kako dodati prilagođeni navigacijski izbornik na WordPressu

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

većina WordPress teme pruža barem jednu lokaciju na kojoj možete prikazati navigacijske veze svoje web stranice u izborniku.

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

Otkrijte i naše 10 premium WordPress dodaci dizajnirani za stvaranje izbornika

Ovaj vodič je namijenjen korisnicima koji vole DIY ili za one koji trebaju dodati dodatni utor na svom WordPress teme.

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

Izrada prilagođenog izbornika na WordPressu

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

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

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

Možete ići na " Izgled> Izbornici "U WordPress nadzorna ploča i pokušajte stvoriti ili urediti novi izbornik. Vidjet ćeteMoj prilagođeni izbornikKao opcija na mjestu izbornika.

kako dodati prilagođeni navigacijski izbornik na WordPressu

Ako želite dodati više od jednog novog mjesta u izborniku za navigaciju, morate upotrijebiti kod poput ovog:

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

Nakon što dodate lokaciju jelovnika, testirajte svoj jelovnik i dodajte nekoliko stavki na WordPress nadzornoj ploči.

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

Pregledavanje prilagođenog izbornika na WordPressu

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

Međutim, navigacijski izbornik možete dodati gdje god želite.

Taj kôd morate dodati u datoteku predloška vaše WordPress teme u kojoj želite prikazati svoj izbornik.

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

Lokacija WordPress teme naziv je koji smo odabrali u prethodnom koraku.

Klasa spremnika je CSS klasa koja će se dodati vašem navigacijskom izborniku. Vaš će se izbornik pojaviti kao jednostavan popis s podacima na vašoj web lokaciji.

kako dodati prilagođeni navigacijski izbornik na WordPressu

Možete koristiti klasu CSS " klasa_prilagođenog_ime Za stil vaših jelovnika. Evo primjera CSS koda za početak:

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

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

Stvaranje mobilnih izbornika

To smo detaljno opisali u prethodnom vodiču, kako napraviti mobilne izbornike.

kako dodati prilagođeni navigacijski izbornik na WordPressu

Vidjeli smo koliko ovi izbornici mogu biti prikladni za vaš mobilni promet. 

Otkrijte i neke teme i premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

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

1. Donacija Woocommercea

Prihvatite putem ovog proširenja donacije na svojoj web stranici WooCommerce s iznosima koje odrede kupci. Moći će dati koliko žele. Svaka donacija može se predstaviti kao bilo koji uobičajeni WooCommerce proizvod. 

Woocommerce dodatak za donacije

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

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

Preuzmite | demo Web hosting

2. Kalendarizirati!

s WordPress plugin Calendarize It! prilagodba dizajna kalendara posebno je jednostavna uz besplatni Visual Editor. Dodatak uključuje napredno filtriranje na temelju mnogih taksonomija poput vremena, organizatora i mjesta. Možete popisati događaje na temelju dana, mjeseci ili godina i pregledavati nadolazeće događaje putem widgeta.

Kalendarizirajte ga

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

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

Preuzmite | demo | Web hosting

3. Adresar konačan PRO

Directory ultimate PRO je a WordPress plugin premium koji vam omogućuje stvaranje bilo koje vrste imenika na internetu. Može se integrirati u bilo koju WordPress temu i prilagoditi vašim potrebama. Prikazuje svoju značajku prilagođenog pretraživanja koja je jedna od glavnih značajki web stranica u ovoj niši.

Direktorij ultimate pro 1

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

Kao značajke, između ostalog nudi: 100% responzivan izgled, prilagodljivo pretraživanje, 3 načina prikaza vašeg direktorija, optimizaciju za mobilnu navigaciju, izvrsnu SEO, kompatibilnost s većinom modernih preglednika, i više       

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Voila! To je to za ovaj udžbenik. Nadamo se da će vam potonje omogućiti dodavanje prilagođenog navigacijskog izbornika na vaš WordPress blog ili web mjesto. 

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

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

...