Doriți să creați un meniu pe ecran complet în Elementor ? Dacă da, acest articol vă va arăta cum. Nu este necesar niciun supliment pentru a crea un meniu pe ecran complet Elementor. Tot ce ai nevoie este Elementor Pro.
Versiunea pro aElementor vine cu o generator de pop-up care vă permite să creați ferestre pop-up frumoase. Puteți folosi această funcție pentru a crea meniuri pe ecran complet în Elementor.
Dacă nu vezi despre ce vrem să vorbim astăzi, vezi acest videoclip.
Cum se creează un meniu pe ecran complet în Elementor?
Înainte de a începe, asigurați-vă că aveți v-ați actualizat Elementor la versiunea pro. După ce sunteți gata, accesați Șabloane -> Popup-uri. Creați un nou șablon pop-up făcând clic pe butonul Adăugare nou.
Dați un nume șablonului pop-up și faceți clic pe butonul CREAȚI AMODEL.
Elementor oferă zeci de șabloane pop-up din care puteți alege. În acest tutorial, vom crea modelul de la zero. Deci, închideți biblioteca de șabloane pentru a deschide editorul Elementor.
Înainte de a începe să creați șablonul pop-up, definiți mai întâi aspectul. Pentru a face acest lucru, deschideți setările ferestrei pop-up făcând clic pe pictograma roată din colțul din stânga jos.
În bloc schemă, sub fila Parametrii, setați lățimea la 100 VW-uri iar înălțimea pe Incadrat in ecran. De asemenea, puteți seta efecte de animație de intrare și ieșire.
După definirea aspectului, începeți să creați șablonul adăugând o nouă secțiune. Puteți adăuga orice elemente doriți la șablon. Pentru a adăuga elemente de meniu, puteți utiliza widget-ul Nav Menu sau widget-ul Listă de pictograme.
Vezi și: Cum să setați poziția personalizată pentru meniul mobil în Elementor
În acest ghid, vom folosi widget-ul Listă de pictograme.
Editați fiecare element din listă. Puteți adăuga eticheta elementului de meniu în câmp Text și adăugați linkul în câmp Legătură.
Accesați fila Stil la liste de stiluri. Puteți seta spațiul dintre elementele din listă și alinierea în Blocul Listă. Pentru a seta dimensiunea și culoarea pictogramei (dacă utilizați pictograme), puteți deschide blocul Pictograme. Pentru a seta tipografia (dimensiunea fontului, familia fontului, stilul fontului) și culoarea textului elementelor din listă, puteți deschide blocul Text.
Dacă doriți, puteți schimba fundalul secțiunii. Pentru a personaliza butonul de închidere pop-up, deschideți din nou setările pop-up și accesați fila Stil. Deschide blocul butonul de închidere și veți vedea câteva opțiuni pentru a personaliza butonul de închidere, cum ar fi culoarea fundalului, dimensiunea și poziția.
După ce ați terminat de creat șablonul pop-up, faceți clic pe pictograma săgeată de lângă buton publier și selectați Termenii de afișare.
Setați unde doriți să apară pop-up-ul făcând clic pe butonul ADĂUGAȚI O CONDIȚIE și faceți clic pe butonul NEXT pentru a seta declanșatorul.
Activați opțiunea Clic și faceți clic SALVAȚI & ÎNCHIDEȚI.
Apel tip pop-up
Odată ce șablonul pop-up este gata, îl puteți apela. Deoarece doriți să creați un meniu pe ecran complet, puteți crea un antet cu Elementor sau puteți modifica un antet existent.
Citiți această postare pentru a afla mai multe despre cum creați un antet personalizat cu Elementor.
Puteți apela șablonul pop-up pe care tocmai l-ați creat cu orice widget Elementor care are opțiunea de a adăuga un link, cum ar fi un buton, pictogramă, casetă de pictogramă, text, imagine etc.
În acest tutorial, folosim widget-ul Icon Box. Selectați widgetul pentru a intra în modul de editare. Sub fila Conținut Din panoul din stânga, găsiți câmpul în care să adăugați linkul.
Setați linkul ca dinamic și selectați Popup.
Selectați șablonul pop-up pe care tocmai l-ați creat făcând clic pe pictograma cheie.
Publicați/Actualizați șablonul de antet.
Obțineți Elementor Pro acum!!!
Concluzie
Aici ! Gata pentru acest articol care vă arată cum creați un meniu pe ecran complet în Elementor. Dacă aveți nelămuriri despre cum să ajungeți acolo, anunțați-ne în termen comentarii.
Cu toate acestea, puteți consulta și resursele noastre, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.
Dar între timp, împărtășește acest articol pe diferitele rețele de socializare.
...
