Mega izbornici omogućuju korisnicima da vide više poveznica odjednom bez potrebe da se pomiču, lebde i pamte sadržaj iz vašeg jelovnika. Najbolji način razmišljanja o mega izbornicima je da su to padajući izbornici unutar padajućih izbornika.

Dakle, umjesto uobičajenog padajućeg izbornika koji prikazuje podizbornik kada na navigacijskoj traci zadržite pokazivač iznad glavnih roditeljskih veza, mega izbornik omogućuje vam da na padajućem izborniku imate dodatne roditeljske veze i podizbornike.

Kako dodati mega izbornik na svoju navigacijsku traku

Prijavite se na svoju WordPress nadzornu ploču i pomaknite se do Izgledi> Izbornici .

wordpress izbornik divi.png

Stvorite izbornik s četiri roditeljske veze, a svaka od roditeljskih poveznica ima svoje veze na podizbornik. U donjem primjeru dodam tri stavke podizbornika ispod svake od četiri veze roditeljskog izbornika.

izbornik divi.png

Stvorite dodatnu poveznicu koja će poslužiti kao poveznica megamenija. Za primjer u nastavku, ovu vezu nazivam "Glavna". Zatim povucite dvije veze roditeljskog izbornika (svaka sa svojim vezama na podizbornik) ispod Glavne veze.

Sada da biste kreirali svoj Megamenu, morate dodati posebnu CSS klasu na glavnu poveznicu najviše razine koja se zove "Glavna". To možete učiniti klikom na vezu zaslona na vrhu vaše stranice i provjerom je li označena opcija klase CSS.

css classes divi.png

Na kraju, morate dodati CSS klasu na vezu "Main" koju ste upravo kreirali. Kliknite strelicu desno od stavke izbornika "Main" da biste prebacili dodatne opcije konfiguracije. Pronađite tekstualni okvir s naslovom CSS Classes i uđite u klasu "mega-menu".

mega menu divi.png

Kada ponovo učitavate stranicu, možete vidjeti da su svi prethodni izbornici bili smješteni u divovskom izborniku pod ovom vezom, Mega Menu.

mega menu divi example.png

To je sve za ovaj vodič, nadam se da će vam omogućiti da napravite mega izbornik Divi s lakoćom.