Introducerea grilei CSS pentru Divi 5

Acesta este unul mare. Am construit cel mai bun constructor de grilă CSS și este disponibil pentru Divi 5 astăzi. Este mai bine decât Elementar. Este mai bun decât cărămizile. Indiferent dacă doriți să stăpâniți grila sau pur și simplu să utilizați pur și simplu șabloanele de grilă ale Divi, vă va plăcea această actualizare.

Consultați următorul videoclip pentru a vedea noua caracteristică în acțiune.

Grila CSS pentru toată lumea

Divi 5 este departe de predecesorul său. Am transformat Divi într -o centrală de design web, cu noi funcții precum FlexBox, unități avansate, presetări și variabile de proiectare. CSS Grid este următorul mare pas înainte.

În același timp, nu dorim ca utilizatorii existenți să se simtă pierduți sau îngropați în setări noi. Am atins echilibrul corect între a oferi utilizatorilor avansați instrumentele necesare în timp ce făcând machete de grilă accesibile pentru începători.

Șabloane de grilă pentru fiecare ocazie

Dacă nu ați auzit niciodată de CSS Grid și nu aveți nicio dorință de a învăța aspectele și de a face machete de grilă, nu vă faceți griji - nu trebuie. Bucurați-vă de noile șabloane de grilă pre-construită!

Frumusețea utilizării șabloanelor de grilă este că grila este controlată la nivelul containerului, iar pe măsură ce adăugați articole noi, acestea se conformează automat cu grila. Este mult mai intuitiv și deblochează o nouă varietate de modele.

Divi are șabloane de grilă pentru fiecare situație, iar aplicarea lor la conținutul existent este ușoară.

Controlul complet pentru experții din rețea

Dacă sunteți un expert experimentat de grilă CSS, opțiunile de grilă Divi nu vă rețin. Puteți ajunge direct la punct, definiți manual coloana și șabloanele de grilă de rând și creați machete variate de grilă folosind editare offset, pe care le voi atinge mai târziu.

Desigur, puteți renunța la interfață și aplica reguli de grilă folosind și panoul CSS personalizat; Orice funcționează cel mai bine pentru tine.

Opțiuni intuitive de grilă pentru asamblatori web

Dacă sunteți undeva, atunci Divi 5's Grid Builder strălucește cu adevărat.

Am transformat parametrii grilei CSS în setări pentru a crea grile verticale sau orizontale, personalizarea dimensiunilor coloanelor și a rândului, direcția grilei, alinierea și justificarea elementelor și multe altele.

În plus, grupul de opțiuni de dimensionare include opțiuni noi de coloană și rând care vă permit să reglați lățimea, înălțimea și poziția unui element individual din grilă în grilă.

Editare offset grilă

Unul dintre cele mai unice aspecte ale Divi 5 Grid Builder este editorul compensat, pe care îl puteți utiliza pentru a crea modele de grilă non-simetrice repetate la nivelul containerului. Permiteți-mi să vă dau un exemplu din lumea reală.

Am creat un șablon de blog în videoclipul de mai jos folosind Divi 5's Loop Builder; Fiecare coloană este un element buclă plin cu conținut dinamic. Când activez stilul de dispunere a rețelei pe containerul părinte, coloanele se conformează automat cu grila.

Pot regla numărul de coloane, pot introduce modele de coloane sau rânduri personalizate, pot schimba dimensiunile golurilor și pot face multe alte lucruri.

În plus, pot folosi editorul Offset pentru a aplica reguli la anumite articole din grilă.

În loc de un model de coloană standard care se repetă pe fiecare rând, pot crea modele de compensare prin, de exemplu, având fiecare al 4 -lea articol care acoperă două coloane, începând de la al doilea și al treilea element. Aceste modele de compensare oferă șabloane de rând pre-construite ale Divi 5 atât de multă varietate.

CSS GRID DEMOS (descărcare gratuită)

Puteți crea machete spectaculoase folosind grila CSS care nu au fost niciodată posibile înainte. Dacă doriți inspirație, uitați -vă la aceste machete uimitoare pe care echipa noastră de design a creat -o folosind cea mai recentă versiune a Divi 5.

Le puteți descărca gratuit și le puteți testa singuri.

Încercați Divi 5 astăzi

Grila CSS pentru Divi 5 este disponibilă astăzi și este una dintre numeroasele caracteristici care vin la Divi în acest an.

Puteți urmări pe măsură ce progresăm prin versiunea finală a Divi 5 și nu numai, cu actualizări la fiecare două săptămâni. În funcție de prioritățile dvs., puteți utiliza acum Divi 5 pentru a construi noi site -uri web sau așteptați până când adăugăm mai multe funcții, orice funcționează cel mai bine pentru dvs.

Așa cum s-a subliniat în programul inițial de lansare a lui Divi 5, alfa Public Divi 5 este ca „Divi 5 Lite”. Lipsește câteva caracteristici și este posibil să nu fie potrivit pentru site -urile web existente, dar este gata să fie utilizat pe site -urile noi, dacă preferați experiența Divi 4.

Vrem să îl încercați și, dacă îl iubiți, folosiți -l; Când toată lumea o iubește, o vom face oficială.

Ați încercat atribute personalizate pentru Divi 5?

În cazul în care ați ratat-o, am lansat recent noile atribute personalizate, care vă permit să adăugați orice atribut, cum ar fi Alt, Titlu, Rel și Aria-Label, la elemente și majoritatea sub-elementelor.

Divi a avut sprijin pentru atribute specifice, cum ar fi clasa și ID -ul, dar acum puteți adăuga orice atribut la orice element. Acest lucru este deosebit de important pentru accesibilitate, permițându-vă, de exemplu, să adăugați text Alt la imagini, roluri și etichete la elemente non-semantice, cum ar fi un buton bazat pe pictogramă.

Urmăriți acest videoclip pentru toate detaliile.

Mai multe actualizări Divi 5 sunt pe drum

2025 este anul Divi 5 . Munca obositoare este în spatele nostru. Am construit fundația super-rapidă, iar acum este timpul ca Divi să-și facă revenirea.

Dacă sunteți aici pentru revenirea Divi, faceți -ne o favoare uriașă și anunțați -ne pe placul acestui videoclip și lăsând un comentariu. Pentru noi înseamnă mult să vă vedem înveselind divi și este esențial să hrănim algoritmul și să răspândim cuvântul.

Nu uitați să ne urmați pe YouTube și să vă abonați la Buletinul Buletinului Divi, astfel încât să nu pierdeți niciodată o actualizare. Ne vedem în curând pentru un alt anunț de caracteristici Divi 5, despre care promit că va fi chiar după colț.