Zaglavlje a web stranica je prva informacija koju percipira posjetitelji vaše stranice. Omogućuje vam da istaknete logotip svoje robne marke, organizirate stranice svoje web stranice kao i pružate druge važne značajke (pretraživanje, povezivanje itd.). Osim toga, nužno je imati plutajuće i transparentno zaglavlje jer poboljšava korisničko iskustvo.

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

Što je plutajuće i prozirno zaglavlje?

Plutajuće zaglavlje je navigacijska traka koja uvijek ostaje fiksna čak i kada se posjetitelj pomiče niz web stranicu. Vrlo je prikladan za stranice koje imaju stranice s dugim člancima, recenzijama i stranice s jednom stranicom. A njegov transparentni aspekt omogućuje vam da vidite boju pozadine stranice kao i njezin sadržaj.

Zašto koristiti plutajuća i prozirna zaglavlja

Moderne web stranice sve više koriste plutajuća i prozirna zaglavlja jer imaju vizualni učinak na posjetitelji stranice. Razlozi za njihovo usvajanje su usmjereni na:

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

Otkrijte također Kako stvoriti dvobojni naslov u Elementoru

Prikvačite i učinite zaglavlje prozirnim pomoću Elementora

Da biste stvorili 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: izradite izbornik s Elementorom

Da biste izradili izbornik, slijedite ove korake:

• odaberite uzastopno Izgled >> Izbornici
• Imenujte jelovnik
• Označite mjesto izbornika
• Potvrdite klikom na gumb spremi izbornik

• Provjerite stranice, članke ili objave u grupi Dodajte stavke jelovnika
• Kliknite Dodaj u Meni za dodavanje označenih stavki u izbornik
• Napokon kliknite na Spremi izbornik

Lira aussi Elementor: Kako prikazati tekst iznad slike

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

KorisniciElementor Pro ima pristup biblioteci predložaka spremnih za korištenje korisnih za dizajniranje različitih odjeljaka web stranica. Ovdje ćete također pronaći razne predloške zaglavlja. Uraditi ovo,

• Idi sukcesivno na Modeli >> Dodaj

• Vidjet ćete modalni skočni prozor
• odabrati zaglavlje
• Napokon kliknite na Stvorite predložak

Od tada se prikazuje biblioteka. Prema zadanim postavkama prikazuje blokove zaglavlja. Pregledajte ponuđene predloške, a zatim ubacite predložak koji vas zanima.

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

Korak 3: Pin zaglavlje s Elementorom

Da biste prikvačili zaglavlje, slijedite ove korake:

• Kliknite na gumb Uredi odjeljak zaglavlja
• Zatim odaberite karticu Napredna
• Onda Učinak kretanja

• Proširite izbornik Pin i odaberite vrijednost Na vrhu, ovo će zamrznuti zaglavlje vaše stranice dok se posjetitelj pomiče niz stranice.
• Prema zadanim postavkama, zaglavlje će se automatski prikvačiti na medije kao što su stolno računalo, tablet i mobilni uređaj

Također pregledajte Elementor: Kako izvesti i uvesti predloške

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

Da biste to postigli, ponovite donju metodu:

• ići stil >> pozadina >> birač boja

• Zatim promijenite neprozirnost pozadine

Ako želite da zaglavlje bude potpuno prozirno, promijenite vrstu pozadine odabirom vrste klasičan. Zbog toga će navigacijski izbornici biti nevidljivi zbog kontrasta boje teksta (bijeli).

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

• Uzastopno kliknite na Modify Menu of pretraži >> stilove
• Zatim na birač boja
• Odaberite željenu boju (u našem slučaju nije bilo potrebe mijenjati je).

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

• Odaberite karticu sadržaj
• Zatim izmijenite meni odabirom naziva vašeg zaglavlja

I eto ga :).

Zaključak

Prozirna 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 stvoriti transparentna i plutajuća zaglavlja s Elementorom. Ako imate bilo kakvih drugih nedoumica u vezi s ovom temom, javite nam u komentarima.