Breakpoints
Breakpoints sunt utilizate atunci când proiectați site-ul web pentru a fi receptiv pe toate dispozitivele. Breakpoints utilizează un set suplimentar de reguli CSS pentru a se aplica elementelor bazate pe lățimea ecranului. De exemplu, un titlu ar putea fi afișat la 55 px pentru desktop, 34 px pentru tabletă sau 21 px pentru mobil. Uneori pot fi necesare și puncte de întrerupere suplimentare pentru proiectarea dvs. Acum putem gestiona aceste puncte de întrerupere suplimentare în Setările site-ului.
Să începem
Aflați cum să vă gestionați Breakpoints suplimentare în documentul de mai jos. Pentru a utiliza caracteristica Breakpoints suplimentare, poate fi necesar să navigați la Elementor> Setări> Experimente și să o setați la Activ. Această caracteristică va fi activă la noile instalări.
Editor de mod responsive
Pentru a accesa Editorul modului receptiv, navigați la colțul inferior al panoului editorului și faceți clic pe pictograma modului receptiv. Aceasta va încărca modurile de receptivitate. Acestea se vor încărca în plus pe toate comenzile responsive din editor.
Gestionați BreakPoints
Pentru a accesa editorul BreakPoints, puteți face clic pe pictograma roată din colțul de sus al ecranului. Acest lucru poate fi accesat și în Setările site-ului dvs.
Adăugarea de Breakpoints suplimentare
Pentru a adăuga breakpoints, faceți clic pe pictograma + din controlul breakpoints active. Va apărea o listă derulantă cu opțiunile suplimentare. Adăugați aici breakpoints necesare pentru proiectarea dvs. De asemenea, puteți elimina punctele de întrerupere inutile aici făcând clic pe pictograma x de la fiecare breakpoints suplimentar.
Modurile implicite pentru mobil și tabletă nu pot fi eliminate.
Editarea valorilor Breakpoint
Puteți edita valorile necesare pentru fiecare Breakpoint tastând valoarea sau folosind săgețile în sus și în jos.
Reîncărcați Editorul
După ce ați setat opțiunile Breakpoint pentru proiectul dvs., faceți clic pe butonul albastru Salvați din Setările site-ului. Va apărea o fereastră pop-up pentru a vă anunța că pagina va trebui să se reîncarce pentru a apărea noile Breakpoint. Faceți clic pe linkul Reîncărcați acum.
Utilizarea Breakpoints suplimentare
Acum veți putea utiliza editorul de mod receptiv. Faceți clic pe pictogramele din partea de sus a ecranului pentru a vedea cum va apărea designul dvs. Elementor pe fiecare lățime a Breakpoint. Utilizați nivelul de zoom pentru a previzualiza accesibilitatea. De asemenea, puteți trage mânerele orizontale și verticale pentru a redimensiona previzualizarea.
Utilizarea Valorilor Responsive în Cascadă
Elementor folosește un concept în cascadă între breakpoints, ceea ce înseamnă că modificările sunt în cascadă. Modificările pe care le faceți la o cascadă mai mare a breakpoint până la punctul de întrerupere mai mic, dar acest lucru nu va funcționa în sens invers; Modificările la un punct de întrerupere mai mic nu vor afecta punctul de întrerupere mai mare decât dacă proiectați pentru ecran lat. În acest caz, Elementor este în cascadă, făcând dispozitivul Desktop punctul de întrerupere implicit. Aflați mai multe despre valorile moștenite aici.
Tutorial Video
Pentru confortul dvs. urmăriți acest tutorial și în format Video. Video creat de echipa de asistență Elementor.
