Breakpoints – Cum se Utilizează Puncte de Întrerupere Suplimentare

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

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.

Modul Responsive
Modul Responsive

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.

Gestionați BreakPoints
Gestionați BreakPoints

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.

Notă:
Modurile implicite pentru mobil și tabletă nu pot fi eliminate.
Modurile implicite pentru mobil și tabletă nu pot fi eliminate
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.

Editarea valorilor Breakpoint
Editarea valorilor Breakpoint

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.

Reîncărcați Editorul
Reîncărcați Editorul

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 Breakpoints suplimentare
Utilizarea Breakpoints suplimentare

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.

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.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu