Kreiranje Megamenua

Izgradnja Megamenu padajućeg izbornika

Electro podržava Megamenu padajući izbornik, uz pomoć dva dodatka koji dolaze u paketu s temom: Visual Composer plugin i Electro Extensions plugin.

1. Vrsta statičkog bloka

Stavka megamenu u Electro temi je statički blok. Ovaj statički blok dostupan je kad se aktivira Electro Extensions Plugin.

2. Omogući Visual Composer za statički blok

• Idemo na Postavke> Visual Composer.

• U Post Types unutar Role Manager pripazite da li je custom odabran i da li je static_block označen.

• Go to Static Content > Add New i provjerite ima li gumb odmah ispod naslova s ikonom visual composer i nazivom Backend Editor.

3. Dodajte novu stavku megamenua

1. Idemo na Static Content > Add New.

2. Dajte naslov, recimo stavku "Pages Megamenu Item". Naslov se ne koristi za prikazivanje izbornika.

3. Kliknite na Backend Editor. Prikazat će se Visual Composer Backend Editor. Koristit ćemo ovaj uređivač za izgradnju stavki megamenua.

4.Dodajmo jednostavan tekstni blok. Kliknite na gumb Dodaj tekst blok i rezultat će izgledati ovako.

5. Kliknemo na gumb Objavi.

4. Dodavanje stavke megamenu kao podizbornika u stavku izbornika

1. Idemo na Izgled> Izbornici.

2. U gornjem desnom kutu zaslona pronaći ćete padajući izbornik Opcije zaslona. Kliknite na njega.

3. U padajućem izborniku koji se prikazuje, označite Static Content Blocks. Vidjet ćete kako se Static Content Blocks na lijevoj stranici zaslona.

4.Odaberite izbornik koji želite urediti. U mom slučaju odabrao sam izbornik koji je priključen na Primary Nav.

5. Sada provjerite stavku Pages Megamenu Item i kliknite na Add to menu.

6. Okrenite stavku Pages Megamenu Item i spustite je u bilo koji postojeći izbornik kao podizbornik.

7. Kliknemo na Spremi Izbornik.

8. Sada će se megamenu dodati kao podizbornik.

Napredni Megamenu padajući izbornik

Izgradili smo naš jednostavan Megamenu u prethodnom odjeljku. Sada ćemo izgraditi malo složeniji mega izbornik pomoću Visual Composera.

Ponovno otvorimo stavku Test Megamenu Item u Statičnom bloku

• Idemo na Static Content > Static Blocks.

• Trebao bi prikazati “Pages Megamenu Item” koji smo stvorili iz prethodnog odjeljka.

• Kliknite na uredi i trebali biste vidjeti postojeći blok teksta.

• Izbrišite blok za uređivanje teksta prelaskom pokazivača iznad bloka i kliknite gumb koji ima ikonu smeća.

Složenija Megamenu stavka

1. The Grid (mreža)

• Naša će složenija Megamenu stavka sada imati 4 stupca.

• U gornjem desnom kutu svakog retka nalazi se ikona rešetke pored ikone za micanje.

• Kliknite na ikonu grid (rešetke) i ona će se proširiti na različite opcije grid-a (rešetke).

• Odabrat ćemo unaprijed definiranu grid mrežu koja je 1/4 + 1/4 + 1/4 + 1/4.

• Kada kliknete na unaprijed definirani raspored grida (mreže), izgledat će ovako:

2. Naseljavanje Grid-a (mreža)

• Visual Composer dolazi s mnogo elemenata koji se mogu dodati u grid (mrežu).

Row 1 has 4 columns.

• Stupac 1 - Kliknite gumb Dodaj. Trebao bi iskočiti gumb Dodaj element. Dopustite nam dodati widget WP Custom Menu pod WordPress Widgets. Već sam stvorio izbornik (putem Izgled> Izbornici).

  • Naslov widgeta:

  • Izbornik: Pages Menu #1 (naziv već napravljenog izbornika)

• Stupac 2 - Kliknite gumb Dodaj. Trebao bi iskočiti gumb Dodaj element. Dopustite nam dodati widget WP Custom Menu pod WordPress Widgets. Već sam stvorio izbornik (putem Izgled> Izbornici).

  • Naslov widgeta:

  • Menu : Pages Menu #2 ( naziv već napravljenog izbornika)

• Stupac 3 - Kliknite gumb Dodaj. Trebao bi iskočiti gumb Dodaj element. Dopustite nam dodati widget WP Custom Menu pod WordPress Widgets. Već sam stvorio izbornik (putem Izgled> Izbornici).

  • Naslov widgeta :

  • Menu : Pages Menu #3 ( naziv već napravljenog izbornika)

• Stupac 4 - Kliknite gumb Dodaj. Trebao bi iskočiti gumb Dodaj element. Dopustite nam dodati widget WP Custom Menu pod WordPress Widgets. Već sam stvorio izbornik (putem Izgled> Izbornici).

  • Naslov widgeta :

  • Menu : Pages Menu #4 ( naziv već napravljenog izbornika)

3. Kako Grid (mreža) izgleda nakon naseljavanja?