Cuprins:
arată
Widget-ul Nav Menu Widget (Pro) vă permite să utilizați meniurile pe care le-ați creat în WordPress și să le proiectați în orice mod doriți.
Conţinut
Aspect
- Meniu: Selectați un meniu pe care l-ați configurat anterior prin Aspect > Meniuri.
- Aspect: Alegeți un aspect orizontal, vertical sau Dropdown.
- Aliniere: Setați alinierea elementului de meniu, fie la stânga, la centru, la dreapta sau la justificat.
- Indicator: Selectați un indicator, fie Fără, Subliniat, Linie dublă, Încadrat, Fundal sau Text.
- Animație: Alegeți animația indicatorului, fie Fade, Slide, Grow, Drop In, Drop Out sau Niciunul.
- Indicator de sub-meniu: Alegeți pictograma care indică că un articol are elemente de sub-meniu, fie Niciunul, Clasic, Chevron, Angle sau Plus.
Meniu Derulant Mobil
- Punct de întrerupere: Selectați momentul în care se deschide meniul drop-down pentru mobil, fie pe mobil, pe tabletă, fie pe niciunul.
- Lățimea completă: Selectați dacă meniul derulant mobil se întinde pe întreaga lățime a dispozitivului, fie Da, fie Nu.
- Aliniere: Alegeți dacă elementele din meniul mobil sunt afișate în stânga sau în centru, selectând fie Aside sau Centrare.
- Buton de comutare: Afișați pictograma Hamburger ca buton de comutare sau nu.
- Comutare aliniere: Afișați butonul de comutare în stânga, în centru sau în dreapta ecranului.
Stil
Meniu Principal
Tipografie: Setați opțiunile de tipografie pentru textul elementului de meniu.
Următoarele elemente pot fi setate independent pentru toate cele trei stări: Normal, Hover și Activ.
- Culoare text: Alegeți culoarea textului elementului de meniu.
- Culoare indicator: Alegeți culoarea hoverului sau a stărilor active ale indicatorului. Starea normală folosește setul de culori ca Culoare de accent în setările de Culori implicite.
Notă:
Rețineți că, dacă este setată o culoare Hover, dar nu este setată nicio culoare activă, culoarea activă va folosi culoarea Hover în mod implicit.
Rețineți că, dacă este setată o culoare Hover, dar nu este setată nicio culoare activă, culoarea activă va folosi culoarea Hover în mod implicit.
Divizor – Divider
- Divizor: Comutați opțiunea pentru a activa sau dezactiva separatorul între elementele de meniu.
- Stil: Din meniul drop-down, alegeți între solid, dublu, punctat, punctat sau canelat.
- Lățime: Folosiți glisorul sau introduceți valoarea în câmpul din PX.
- Înălțime: Utilizați glisorul sau introduceți valoarea în câmp în PX sau %.
- Culoare: Din selectorul de culori, alegeți culoarea pentru separator.
Padding și Spațiere
- Lățimea indicatorului: Setați lățimea indicatorului.
- Padding orizontal: Utilizați glisorul sau introduceți valoarea în câmpul din PX pentru a seta Padding-ul orizontal în jurul textului elementelor de meniu.
- Padding vertical: Utilizați glisorul sau introduceți valoarea în câmpul din PX pentru a seta Padding-ul vertical în jurul textului elementelor de meniu.
- Spațiu între: Folosiți glisorul sau introduceți valoarea în câmpul din PX pentru a seta spațiul dintre fiecare element de meniu.
Dropdown
Pe desktop, acest lucru va afecta sub-meniul. Pe mobil, acest lucru va afecta întregul meniu.
Următoarele elemente pot fi setate independent pentru toate cele trei stări: Normal, Hover și Activ.
- Culoare text: Alegeți culoarea textului elementului de meniu.
- Culoare de fundal: Alegeți culoarea de fundal a elementelor de meniu.
- Tipografie: Setați opțiunile de tipografie pentru elementele de meniu.
- Tip de chenar: Selectați un tip de chenar în jurul meniului drop-down, alegând fie Niciunul, Solid, Dublu, Punctat, Tranet sau Groove.
- Lățimea: Setați lățimea chenarului.
- Culoare: Alegeți culoarea chenarului.
- Raza chenarului: Setați raza chenarului pentru a controla rotunjimea colțului.
- Umbră casetă: Creați o umbră casetă în jurul meniului drop-down.
- Padding orizontal: Setați Padding-ul orizontal în jurul textului elementelor de meniu.
- Padding vertical: Setați Padding-ul vertical în jurul textului elementelor de meniu.
Divizor – Divider
- Tip de chenar: Selectați un tip de chenar pentru separator, alegând fie Niciunul, Solid, Dublu, Punctat, Punct sau Canelură.
- Culoare: Dacă se alege chenarul divizor, alegeți culoarea chenarului divizor.
- Lățimea chenarului: Dacă este aleasă chenarul de separare, setați lățimea chenarului de separare.
- Distanță: Setați spațiul dintre comutatorul și meniul drop-down.
Sfat:
Accesați Elementor > Setări > Avansat și asigurați-vă că Load Font Awesome 4 Support este setat la Da, astfel încât indicatorii de sub-meniu să se afișeze corect.
Accesați Elementor > Setări > Avansat și asigurați-vă că Load Font Awesome 4 Support este setat la Da, astfel încât indicatorii de sub-meniu să se afișeze corect.
Buton de Comutare
Următoarele elemente pot fi setate independent atât pentru starea normală, cât și pentru starea hover.
- Culoare: Alegeți culoarea pictogramei butonului de comutare.
- Culoare de fundal: Alegeți culoarea de fundal a butonului de comutare.
- Dimensiune: Setați dimensiunea butonului de comutare.
- Lățimea chenarului: Setați lățimea chenarului în jurul butonului de comutare.
- Raza chenarului: Setați raza chenarului butonului de comutare.
Notă:
Butonul de comutare se referă la pictograma meniului hamburger.
Butonul de comutare se referă la pictograma meniului hamburger.
Atribute de Accesibilitate
Widget-ul Nav Menu Widget are următoarele atribute de accesibilitate:
- Tabindex
- aria-expanded
- aria-hidden
- role=”navigation”
Avansat
Setați Opțiunile avansate care sunt aplicabile Widget-ului Nav Menu Widget (Pro).
- Citiți postarea completă a lansării despre Widget-ul Nav Menu Widget (Pro).
- Citiți Cum să creați și să proiectați un meniu de navigare personalizat.
Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.
