Tot ce trebuie să știți despre rândurile cuibărite ale Divi 5

Divi a fost mult timp favorit pentru utilizatorii WordPress care doresc să construiască site -uri web frumoase și funcționale. Cu Divi 5, luăm flexibilitate la noi înălțimi, introducem caracteristici care redefinesc modul în care abordăm designul aspectului. Printre acestea se numără cea mai recentă caracteristică a Divi 5, cuibărită. Oferă un mod mai intuitiv de a construi machete complexe, dinamice.

În această postare, ne vom scufunda în tot ceea ce trebuie să știți despre rândurile cuibărite ale Divi 5. Vom explica ce sunt și cum funcționează și vom oferi câteva exemple pentru a stârni creativitatea pentru următorul dvs. proiect de design web.

Divi 5 este gata de utilizare pe noile construcții de site -uri web, dar nu este în întregime gata pentru transferul celor existente.

Să ne scufundăm.

Ce sunt rândurile cuibărite în Divi 5?

Rândurile cuibărite în Divi 5 vă permit să plasați rânduri în interiorul altor rânduri, creând structuri de dispunere infinit cuibare în cadrul constructorului vizual. Cu această caracteristică, utilizatorii DIVI pot construi modele complexe, stratificate, prin încorporarea rândurilor în coloanele unui rând părinte, oferind un control mai bun asupra ierarhiei aspectului lor. Spre deosebire de rândurile tradiționale, rândurile cuibărite permit proiectanților să stiveze și să organizeze conținut mai dinamic și mai flexibil, menținând în același timp interfața clasică de drag-and-drop a lui Divi.

În Divi 4, crearea de machete cuibărite a fost dificilă datorită structurii rigide a constructorului vizual. Designerii s-au limitat la secțiuni de specialitate, care ofereau machete cuibărite predefinite, dar nu aveau flexibilitate pentru proiectele personalizate.

Obținerea unor machete mai complexe a necesitat adesea CSS personalizat, care au adăugat complexitate pentru începători. Rândurile cuibărite în Divi 5 elimină această barieră, oferind o soluție nativă care se integrează perfect în constructor.

Acestea pot fi utilizate pentru a crea diverse machete, cum ar fi secțiuni de eroi cu mai multe coloane, blocuri de conținut stratificate sau rețele de portofoliu complexe, toate în interfața familiară a Divi. Activând cuibul infinit, designerii pot experimenta cu machete unice, ceea ce face mai ușoară viziunea lor la viață. Este un mare economisitor de timp și îmbunătățește potențialul creativ al începătorilor și al utilizatorilor Divi experimentați deopotrivă.

Caracteristici cheie ale rândurilor cuibărite

Rândurile cuibărite au mai multe caracteristici cheie. De la posibilități de dispunere infinită până la opțiuni îmbunătățite de dimensionare a coloanelor, Divi 5 face mai ușor decât oricând construirea unor machete complexe.

Rânduri infinite cuibărit

Una dintre caracteristicile deosebite ale rândurilor cuibărite în Divi 5 este cuibul lor infinit. Nu există nicio limită la câte rânduri pot fi cuibărite unul în altul, permițând proiectanților să creeze cu ușurință machete unice. Indiferent dacă construiți o pagină simplă sau un aspect sofisticat cu mai multe niveluri, rândurile cuibărite vă permit să împingeți limitele creative, menținând controlul asupra fiecărui element.

Nou Row Fila în Visual Builder

Accesarea rândurilor cuibărite este perfectă în Divi 5. Pentru a adăuga un rând cuibărit, faceți clic pentru a adăuga un nou modul sau rând și căutați o nouă filă numită New Row în cadrul constructorului. Această filă oferă opțiuni de structură familiară a rândului Divi, permițându -vă să alegeți rapid un aspect care să se potrivească nevoilor dvs.

Câmpuri de dimensionare noi pentru coloane

Rândurile cuibărite sunt completate de controalele îmbunătățite de dimensionare a coloanelor Divi 5, oferind o precizie mai mare de proiectare a machetei. Utilizatorii pot regla lățimile coloanei în rândurile părintești și cuibărite, asigurând ajustările perfecte de pixeli și facilitând crearea unor machete echilibrate, atrăgătoare vizual.

Controluri de proiectare receptive

Divi 5 se asigură că rândurile cuibărite sunt pe deplin receptive, cu setări personalizabile pentru dispozitive desktop, tabletă și mobile. Utilizatorii pot ajusta proprietățile de rând și coloane - cum ar fi distanțarea, alinierea și vizibilitatea - specifice fiecărui dispozitiv, asigurând că machetele arată lustruit pe toate dimensiunile ecranului.

Cu controale receptive, puteți crea cu încredere machete complexe cuibărite, care se adaptează perfect la orice dispozitiv, ceea ce face mult mai ușor de proiectat în mod responsabil.

Ei complimentează alte caracteristici Divi 5

Rândurile cuibărite se integrează perfect cu alte caracteristici DIVI 5, creând un flux de lucru de design coerent. De exemplu, lucrează alături de variabile de proiectare, permițând un stil constant pe elemente cuibărite și unități avansate, care permit măsurători precise în diverse unități, cum ar fi REM, Calc () sau Clamp ().

În plus, designul bazat pe presetare permite utilizatorilor să salveze și să aplice configurații de rând pe site-ul lor folosind grupuri de opțiuni și presetări de elemente, eficientizarea sarcinilor repetitive. Acest lucru asigură că rândurile cuibărite sporesc flexibilitatea aspectului și se încadrează în ecosistemul mai larg al Divi 5 a instrumentelor moderne de proiectare.

Beneficiile utilizării rândurilor cuibărite

Rândurile cuibărite în DIVI 5 Îmbunătățesc capacitățile de proiectare pe care le aveți atunci când construiți site -uri web. Puteți debloca posibilități creative pentru îmbunătățirea fluxului de lucru, deoarece rândurile cuibărite oferă avantaje tangibile pentru proiectanții de toate nivelurile.

1. Flexibilitatea la aspect suplimentară

Cu capacitatea de a cuibări rânduri, utilizatorii pot crea modele complexe precum secțiuni de eroi stratificate, grile sau orice pot visa, fără a fi constrânși la structuri rigide de rânduri. Această libertate încurajează libertatea proiectării și controlul precis, permițând proiectanților să iasă în afara a ceea ce este posibil în Divi 4. Indiferent de tipul de aspect pe care îl doriți, rândurile cuibărite oferă versatilitate în crearea practic a oricărui design.

2. Proiecte complexe simplificate

Divi 5 elimină necesitatea unor secțiuni de specialitate ale CSS personalizate pentru a crea machete sofisticate. În trecut, designerii au apelat la soluții de rezolvare pentru a imita rândurile cuibărite, care au adăugat complexitate și, în unele cazuri, cod balon pentru a crea machete în afara capacităților Divi 4. Acum, rândurile cuibărite vă permit să construiți rapid machete complexe, ceea ce face mai ușor pentru utilizatori să producă aspect atrăgător, profesionale, fără codificare.

3. Eficiență mai bună a proiectării

Noua filă Row din Visual Builder permite utilizatorilor să selecteze rapid din diverse opțiuni de rând, reducând timpul de configurare. Funcționalitatea drag-and-drop și dimensionarea personalizată a coloanelor fac ca proiectarea secțiunilor complexe mai rapide și mai accesibile. Cu o curbă de învățare minimă, puteți obține rezultate lustruite, permițând utilizatorilor să se concentreze pe creativitate, mai degrabă decât pe obstacolele tehnice.

4. Responsivitate îmbunătățită

Prin cuibărirea rândurilor, obțineți un control mai granular asupra modului în care elementele de proiectare se stivează și se reorganizează pe diferite dimensiuni ale ecranului. Puteți regla lățimile coloanei și vizibilitatea rândurilor interioare independent de rândul exterior, ceea ce duce la o experiență mai bună a utilizatorului pe dispozitivele mobile și tablete.

Cum se folosește rândurile cuibărite în Divi 5

Pentru a demonstra cât de simplu este să lucrezi cu rânduri cuibărite în Divi 5, vom folosi pachetul de amenajare a stadializării la domiciliu pentru Divi pentru a adăuga o secțiune de echipă la pachetul despre pachetul. Creați o nouă pagină pe site -ul dvs. Divi și încărcați pagina despre pachetul de aspect. Cu constructorul vizual activat, faceți clic pentru a adăuga un aspect cu 4 coloane la pagină.

Adăugați o imagine, o rubrică și un modul de text la prima coloană.

Faceți clic pe pictograma gri + pentru a adăuga un nou modul sub text.

Când se deschide caseta de dialog, faceți clic pe noua filă Row și adăugați un rând 2/3 + 1/3 cuibărit.

Adăugați #687d65 în setările rândului ca culoare de fundal.

Faceți clic pe fila Design și setați căptușeala de sus și de jos la 0px .

Cu rândul în loc, adăugați un modul de buton la prima coloană.

În a doua coloană, adăugați un modul de pictogramă și selectați pictograma LinkedIn .

Setați culoarea pictogramei pe alb și dimensiunea pictogramei la 24px .

De acolo, copiați prima coloană principală pentru a repeta stilul pentru coloanele rămase. Odată terminate, rândurile dvs. cuibărite vor arăta impecabile pe toate dimensiunile ecranului. Puteți combina stiluri, puteți crea presetări de grupuri de opțiuni pentru reutilizare și mai multe, fără a vă baza pe controale de transformare sau CSS pentru a alinia elementele rândului dvs.

Cazuri de utilizare a rândurilor cuibărite

Rândurile cuibărite în Divi 5 Deschide o lume a posibilităților, ceea ce face mai ușor crearea de machete uimitoare și funcționale. Iată câteva exemple practice de valorificare a rândurilor cuibărite în proiectele dvs.

Secțiuni de eroi

Rândurile cuibărite sunt ideale pentru crearea de secțiuni de eroi care captează atenția. De exemplu, un rând părinte poate conține două coloane cu un titlu mare, îndrăzneț, o copie de susținere și un rând cuibărit de trei butoane, în timp ce celălalt are o imagine de fundal. Această abordare permite un control precis asupra distanțării și alinierii, rezultând o secțiune de eroi profesionale care implică vizitatori atunci când aterizează pe site -ul dvs.

Construirea machetei multi-coloană

Rândurile cuibărite vă permit să creați machete asemănătoare grilei pentru portofolii, pagini de service sau vitrine de produse. De exemplu, puteți utiliza un rând părinte cu mai multe coloane care conțin un rând cuibărit pentru a afișa elemente individuale cu imagini, titluri, descrieri și link -uri cu buton. Această flexibilitate permite dimensiuni variate de coloane și conținut cuibărit, creând cu ușurință machete atrăgătoare vizual.

Pagini de destinație interactive

Rândurile cuibărite vă permit să organizați conținut mai ușor pentru paginile de destinație dinamice și antrenante. Puteți cuib rânduri pentru a separa secțiuni precum mărturii, evidențierea caracteristicilor sau forme de captare a plumbului. De exemplu, o pagină de destinație ar putea folosi un rând cuibărit pentru a plasa un modul video alături de un formular de înscriere, asigurând un aspect echilibrat care îi ghidează pe utilizatori spre conversie.

Îmbunătățirea paginilor de comerț electronic

Rândurile cuibărite sunt perfecte pentru structurarea paginilor de produse WooCommerce cu conținut cuibărit. Puteți utiliza un rând părinte pentru a organiza imaginea principală a produsului și detaliile, cu rânduri cuibărite pentru secțiuni suplimentare, cum ar fi recenziile clienților, descrierile produsului sau produsele conexe. De exemplu, un rând cuibărit ar putea deține un modul Tab pentru specificații sau întrebări frecvente despre produse, în timp ce un altul afișează un buton de cumpărare acum alături de un banner cu reduceri.

Concluzie

Rândurile cuibărite în Divi 5 Îmbunătățesc modul în care proiectați pagini web. Acestea oferă flexibilitatea pentru a crea machete moderne, captivante, fără codificare personalizată. Prin încorporarea rândurilor cuibărite în fluxul de lucru de proiectare, eliminați limitările versiunilor anterioare ale Divi, permițându -vă să construiți totul, de la secțiuni Hero la implicarea paginilor de comerț electronic fără o secțiune de specialitate.

Sunteți gata să explorați rândurile cuibărite? Scufundați -vă în cea mai recentă alfa publică Divi 5 și experimentați cu acesta pentru a construi machete unice, receptive, care adaugă profunzime proiectelor dvs. Vă încurajăm să vă împărtășiți creațiile cu comunitatea Divi pe rețelele de socializare, forumurile Reddit sau prin cuvânt, și să vă alăturați conversației despre viitorul interesant al Divi 5. Dezvoltarea Divi 5 a fost un proces lung și suntem dornici să vă auzim gândurile!

Divi 5 este gata de utilizare pe noile construcții de site -uri web, dar nu este în întregime gata pentru transferul celor existente.