Antetul a site-ul web este prima informaţie percepută de vizitatori a site-ului dvs. Vă permite să evidențiați logo-ul mărcii dvs., să organizați paginile site-ului dvs. precum și să oferiți alte funcții importante (căutare, conexiune etc.). În plus, este necesar să aveți un antet plutitor și transparent, deoarece îmbunătățește experiența utilizatorului.
În acest articol vă vom arăta cum să creați un antet și să îl faceți transparent Elementor. Dar înainte, vom vedea ce este un antet plutitor și transparent.
Ce este un antet plutitor și transparent?
Un antet plutitor este o bară de navigare care rămâne întotdeauna fixă chiar și atunci când vizitatorul derulează în jos pe pagina web. Este foarte potrivit pentru site-urile care au pagini cu articole lungi, recenzii și site-uri cu o singură pagină. Și aspectul său transparent vă permite să vedeți culoarea de fundal a paginii, precum și conținutul acesteia.
De ce să folosiți anteturi plutitoare și transparente
Site-urile web moderne folosesc din ce în ce mai mult anteturi plutitoare și transparente, deoarece au un impact vizual asupra vizitatori a site-ului. Motivele adoptării acestora vizează:
- Creșteți gradul de conștientizare a mărcii dvs.
- Îmbunătățiți experiența utilizatorului,
- Îmbunătățiți navigarea
Descoperiți, de asemenea Cum se creează un titlu în două culori în Elementor
Fixați și faceți un antet transparent cu Elementor
Pentru a crea un antet transparent și plutitor, trebuie să aveți ambele versiuni aleElementor (Pro și Lite). În caz contrar, descărcați (Elementor, Elementor Pro) înainte de a începe.
Odată instalat, urmați pașii următori.
Etapa 1: creați un meniu cu Elementor
Pentru a crea un meniu, urmați acești pași:
- selectați succesiv Aspect >> Meniuri
- Denumiți meniul
- Indicați locația meniului
- Validați făcând clic pe butonul meniul de salvare
- Verificați paginile, articolele sau postările din grup Adăugați elemente de meniu
- Faceți clic pe Adaugă în coș pentru a adăuga elementele marcate în meniu
- În cele din urmă faceți clic pe Salvați meniul
Lire aussi Elementor: Cum să afișați textul deasupra unei imagini
Pasul 2: Selectați șablon de antet din Biblioteca de șabloane Elementor
Utilizatorii deElementor Pro au acces la o bibliotecă de șabloane gata de utilizare utile pentru proiectarea diferitelor secțiuni ale unui site-ul web. Veți găsi, de asemenea, o varietate de șabloane de antet aici. Pentru a face acest lucru,
- Mergeți succesiv la Modele >> Adaugă
- Veți vedea un pop-up modal
- selecta antet
- În cele din urmă faceți clic pe Creați un șablon
De atunci, biblioteca este afișată. În mod implicit, afișează blocuri de antet. Răsfoiți șabloanele oferite, apoi introduceți șablonul care vă interesează.
Șablonul de antet se va deschide în pânza Elementor.
Pasul 3: Fixați antetul cu Elementor
Pentru a fixa antetul, urmați acești pași:
- Faceți clic pe butonul Editați secțiunea antet
- Apoi selectați fila avansat
- atunci Efect de mișcare
- Trage în jos meniul Pin și selectați valoarea În vârf, aceasta va îngheța antetul site-ului dvs. pe măsură ce vizitatorul derulează în jos paginile.
- În mod implicit, antetul va fi fixat automat pe medii, cum ar fi desktop, tabletă și mobil
De asemenea, răsfoiți Elementor: Cum să exportați și să importați șabloane
Pasul 4: Faceți antetul transparent cu Elementor
Pentru a realiza acest lucru, repetați metoda de mai jos:
- du-te la stil >> fundal >> selector de culori
- Apoi modificați opacitatea fundalului
Dacă doriți să faceți antetul complet transparent, schimbați tipul de fundal selectând tipul clasic. Prin urmare, meniurile de navigare vor fi invizibile datorită contrastului culorii textului (alb).
Pentru a remedia această situație, procedați în felul următor:
- Dați clic succesiv pe Modificare meniul de răsfoiți >> stiluri
- Apoi pe selector de culoare
- Alegeți culoarea dorită (în cazul nostru, nu a fost nevoie să o schimbați).
Odată terminat, vă puteți publica pagina web. Dar înainte de asta, să vedem cum să înlocuim meniurile de navigare din șablonul nostru cu cele create de noi. Amintiți-vă că numele atribuit nostru este meniul antet (vezi pasul 1):
- Selectați fila cuprins
- Apoi modificați meniu selectând numele antetului dvs
Și gata :).
Concluzie
Anteturile transparente și plutitoare vă pot fi utile în mai multe cazuri. Sperăm că acest articol a reușit să vă răspundă nevoilor despre cum să creați anteturi transparente și plutitoare cu Elementor. Dacă aveți alte nelămuriri cu privire la acest subiect, anunțați-ne în comentarii.
Bună ziua,
Vă mulțumim pentru articolul dvs.
De fapt, am creat un antet transparent, astfel încât fotografia din fundal să rămână vizibilă.
Cu toate acestea, această fotografie este doar pe pagina de pornire.
Aș dori să precizez că acest antet este transparent doar pe pagina de start pentru că altfel pe articolele mele nu îl mai văd!
Am cautat cu disperare o solutie... fara succes!
Vă mulţumesc pentru ajutor