Zaglavlje a sajt je prva informacija koju percipira posjetitelja Vašeg sajta. Omogućava vam da istaknete logo vašeg brenda, organizirate stranice vaše stranice kao i pružite druge važne funkcije (pretraga, povezivanje, itd.). Osim toga, potrebno je imati plutajuće i transparentno zaglavlje jer poboljšava korisničko iskustvo.

U ovom članku ćemo vam pokazati kako kreirati zaglavlje i učiniti ga transparentnim Elementor. Ali prije ćemo vidjeti šta je plutajuće i transparentno zaglavlje.

Šta je plutajuće i transparentno zaglavlje?

Plutajuće zaglavlje je navigacijska traka koja uvijek ostaje fiksirana čak i kada posjetitelj skroluje niz web stranicu. Veoma je pogodan za sajtove koji imaju stranice sa dugim člancima, recenzijama i sajtove na jednoj stranici. A njegov transparentni aspekt vam omogućava da vidite boju pozadine stranice kao i njen sadržaj.

Zašto koristiti plutajuća i transparentna zaglavlja

Moderne web stranice sve više koriste plutajuća i transparentna zaglavlja jer imaju vizualni utjecaj na posjetitelja stranice. Razlozi za njihovo usvajanje imaju za cilj:

• Povećajte svijest o vašem brendu,
• Poboljšajte korisničko iskustvo,
• Poboljšajte navigaciju

Discover also Kako stvoriti dvobojni naslov u Elementoru

Zakačite i učinite zaglavlje transparentnim pomoću Elementora

Da biste kreirali prozirno i plutajuće zaglavlje, morate imati obje verzijeElementor (Pro i Lite). U suprotnom, preuzmite (Elementor, Elementor Pro) prije početka.

Nakon instalacije, slijedite sljedeće korake.

Korak 1: kreirajte meni pomoću Elementora

Za kreiranje menija slijedite ove korake:

• birajte sukcesivno Izgled >> Meniji
• Imenujte meni
• Označite lokaciju menija
• Potvrdite klikom na dugme meni sačuvati

• Provjerite stranice, članke ili postove u grupi Dodajte stavke menija
• kliknite na Dodaj u korpu da dodate označene stavke u meni
• Na kraju kliknite na Sačuvaj meni

Pročitajte takođe Elementor: Kako prikazati tekst iznad slike

Korak 2: Odaberite predložak zaglavlja iz Elementor biblioteke predložaka

Korisnici odElementor Pro ima pristup biblioteci šablona spremnih za upotrebu koji su korisni za dizajniranje različitih sekcija a site Web. Ovdje ćete također pronaći razne šablone zaglavlja. Da biste to učinili,

• Idite sukcesivno na Modeli >> Dodaj

• Vidjet ćete modalni iskačući prozor
• izabrati zaglavlje
• Na kraju kliknite na Kreirajte predložak

Od tada se prikazuje biblioteka. Podrazumevano, prikazuje blokove zaglavlja. Pregledajte ponuđene šablone, a zatim umetnite šablon koji vas zanima.

Predložak zaglavlja će se otvoriti u Elementor platnu.

Korak 3: Pin zaglavlje sa Elementorom

Da zakačite zaglavlje, slijedite ove korake:

• Kliknite na dugme Uredite odjeljak zaglavlja
• Zatim odaberite karticu napredno
• onda Efekat pokreta

• Povucite meni prema dole Pin i odaberite vrijednost Gore, ovo će zamrznuti zaglavlje vaše stranice dok posjetitelj skroluje niz stranice.
• Podrazumevano, zaglavlje će biti automatski zakačeno na medije kao što su desktop, tablet i mobilni

Također pregledajte Elementor: Kako izvesti i uvesti šablone

Korak 4: Učinite zaglavlje transparentnim pomoću Elementora

Da biste to postigli, ponovite metodu u nastavku:

• Idite stil >> pozadina >> birač boja

• Zatim promijenite neprozirnost pozadine

Ako želite da zaglavlje bude potpuno transparentno, promijenite vrstu pozadine odabirom vrste klasičan. Stoga će navigacijski meniji biti nevidljivi zbog kontrasta boje teksta (bijela).

Da biste popravili ovu situaciju, učinite sljedeće:

• Sukcesivno kliknite na Modify Menu of pregledaj >> stilovi
• Zatim na birač boja
• Odaberite željenu boju (u našem slučaju nije bilo potrebe da je mijenjate).

Kada završite, možete objaviti svoju web stranicu. Ali prije toga, pogledajmo kako zamijeniti navigacijske menije u našem predlošku onima koje smo kreirali. Zapamtite da je ime koje je dodijeljeno našem header meni (pogledajte korak 1):

• Odaberite karticu sadržaja
• Zatim modificirajte meni odabirom naziva zaglavlja

I eto :).

zaključak

Transparentna i plutajuća zaglavlja mogu vam biti korisna u nekoliko slučajeva. Nadamo se da je ovaj članak mogao zadovoljiti vaše potrebe o tome kako kreirati transparentna i plutajuća zaglavlja pomoću Elementora. Ako imate bilo kakvih drugih nedoumica u vezi sa ovom temom, javite nam u komentarima.