Cum Divi 5 aprinde traseul (în timp ce este încă în Alpha)

Divi 5 se prindă fără îndoială. Au trecut doar patru luni de când am lansat prima noastră nouă caracteristică în Divi 5 - puncte de întrerupere personalizabile - și am înregistrat progrese constante și impresionante de atunci. În acele patru luni, am lansat alte șapte caracteristici de ultimă generație către Divi 5. Aceasta arată fundamentul puternic pe care l -am creat în timpul revizuirii noastre complete a bazei de cod Divi.

Și abia începem. Să aruncăm o privire largă asupra modului în care Divi se compară cu alte teme WordPress și constructori de pagini. După cum am menționat, mai avem multe în conductă pentru următoarele luni, dar merită să ne ocupăm de ceva timp pentru a fi recunoscător pentru locul în care este Divi 5 și pentru a o compara cu alte soluții. Aceasta nu este o comparație de 360 ​​de grade, ci un sondaj mai general.

Notă: Divi 5 este gata să fie utilizat pe site -uri web noi, dar nu recomandăm să convertiți site -urile existente în Divi 5 încă.

Progresul la revenirea lui Divi

2025 este anul Divi 5. Facem tot ce putem pentru a construi cea mai bună experiență de construire a site-ului pe WordPress.

Acest lucru a început cu schimbări fundamentale sub capotă și se materializează acum într -un nou sistem de proiectare și caracteristici de susținere.

1.. Refactored & Modern Codebase

Divi 5 nu a ajuns printr -un patchwork de corecții și actualizări rapide. Fiecare modul, setare și interacțiune a fost reîncărcat pentru a susține o nouă arhitectură mai curată, mai rapidă și extensibilă.

În schimb, oxigenul a întrerupt dezvoltarea luni întregi și a lansat ulterior un nou constructor fără nicio cale de actualizare pentru site -urile de oxigen existente. Dacă ați fost investit în produsul lor moștenitor, sunteți obligat să vă reconstruiți pe noul lor cadru sau să vă mulțumiți cu actualizări de securitate (sau să treceți la un constructor diferit).

Oxigenul V4 nu este compatibil cu V6 nou anunțat

Divi 5 este diferit. Am păstrat compatibilitatea înapoi în concentrare în timp ce creăm o bază pentru viitor.

Echipele mai mici dezvoltă noi platforme sau le menține pe cele moștenite, dar modul în care vor evolua în timp nu este clar. Platforme precum Builderius sau Etch au manifestări colorate, dar încă nu au fost dovedite cu longevitatea lor. WPBakery se desfășoară în continuare pe o fundație veche, cu o caracteristică de caracteristici care apar în fiecare an, în timp ce au construit un constructor de site-uri web separat, necompatibil.

Editorul de bloc a promis o nouă eră a designului WordPress, dar a fost satisfăcut foarte mult dezvoltatorilor. Majoritatea proprietarilor de site -uri încă o consideră limitată și complexă, astfel încât îl completează cu un plugin pentru a -l face funcțional.

Acestea sunt doar câteva dintre pluginuri, ca să nu mai vorbim de multe teme suplimentare

Deoarece teme elegante au o echipă mare, stabilă, cu un record de un deceniu de zece ani, nu pariați pe vaporware sau pe un produs experimental.

2.. Cel mai bun sistem presetat pentru WordPress

Majoritatea sistemelor de proiectare folosesc doar fișiere selective globale sau temă.json. Divi 5 acceptă CSS personalizate și variabile de design autohton, dar are și un sistem presetat extins, inclusiv presetări de grupuri de opțiuni și elemente.

Grupurile de opțiuni presetările funcționează pe elemente care au grupuri similare de setări. Aceasta este o modalitate excelentă de a aduce consecvență la rubricile, distanțarea, dimensionarea și razele de frontieră, de exemplu.

Presetările cu elemente au fost în jur de mult timp cu Divi și vă permit să aplicați cu ușurință modele la aceleași module utilizate în diferite contexte. Alți constructori pot oferi stiluri globale, dar Divi 5 merge mai departe, permițându -vă să creați și să reutilizați grupuri de setări într -un mod compozibil. Aceasta este o actualizare masivă a productivității, care este în mare măsură unică pentru Divi.

3. Variabile de proiectare

Există două lucruri importante de știut despre variabilele de proiectare:

1. Variabilele de proiectare funcționează similar cu variabilele CSS, permițându -vă să stocați valori reutilizabile în UI.
2. Variabilele de proiectare se deplasează dincolo de ceea ce se pot descurca variabilele tipice CSS pentru a include, de asemenea, conținut (gândiți imagini, adrese URL și șiruri de text)

Cărămizile susțin jetoane de culoare și distanțare, dar variabilele lui Divi merg mai adânc. Vă permit să definiți lucruri precum un text de apel la acțiune, imagini sau chiar URL-uri specifice ca variabile și să le reutilizați oriunde are sens.

Elementar, WPBakery și Editorul de bloc nu oferă variabile la nivel de sistem. Desigur, Divi are acest lucru și vă permite, de asemenea, să utilizați variabile CSS după cum considerați de cuviință.

4. Abilitatea de a utiliza toate unitățile CSS

Nu mai sunt limitări de bază ale unității. Divi 5 acceptă orice unitate CSS valabilă-inclusiv VW, REM, Fit-Content, Clamp () și Calc (). Puteți utiliza chiar și variabile CSS pe care le puteți adăuga prin CSS personalizate.

Utilizați unități și funcții CSS avansate în întregul editor, chiar și în Variable Manager

Divi 5 acceptă toate unitățile CSS moderne, inclusiv valorile CLAMP (), CALC () și UNITATE. Acest lucru oferă proiectanților controlul asupra machetei fluide, tipului scalabil și distanțarea receptivă cu unitățile CSS cu care sunt confortabili.

5. Fundația Fundației Fundației

Care este cea mai bună dovadă a plății pentru noua arhitectură a Divi 5? Viteza cu care am lansat noi funcții. Da, caracteristicile pe care le -am arătat mai sus (și unele sub acest punct) sunt adăugări excelente, dar ceea ce este impresionant pentru ei în total este că au fost create foarte repede.

Șapte versiuni majore de caracteristici în doar trei luni. Acesta este rezultatul unui efect deliberat al volantului.

PACE: O caracteristică Divi 5 nouă și majoră la fiecare 12,3 zile!

Alți constructori durează adesea luni pentru a elibera caracteristici similare, deoarece sistemele lor le combate la fiecare pas. Încearcă să construiască zgârie -nori pe nisip.

Divi 5, în schimb, a fost conceput pentru a crește și a se extinde. Am luat tot ce este mai bun din Divi, l -am modernizat și am adăugat fără teamă la el, așa că este cel mai bun lucru cu care să ne construim pe WordPress. Odată ce Divi 5 lovește beta publică și nu numai, nu vom urmări competiția, ci vom crea noi standarde pentru toată lumea să urmeze.

6. Viteză incredibilă

În Divi 5, constructorul răspunde mai repede, schimbările dvs. fac mai repede, iar paginile mari nu scad. De ce? Am reconstruit totul pentru a încărca doar ceea ce este necesar. Noul motor folosește divizarea inteligentă a codului și logica modulelor optimizate care elimină scripturile redundante din ecuație. De asemenea, gestionează fiecare interacțiune cu cele mai bune practici pentru a evita lanțurile lungi de actualizări sau dependențe circulare.

Elementar este lent în editor și îl puteți simți, chiar și atunci când sunteți în modul Canvas (fără antet sau subsol încărcat în editor).

Divi funcționează semnificativ mai bine. Observați cât de repede puteți duplica orice element din interiorul constructorului.

Fiecare caracteristică nouă este testată riguros pentru viteză în editor și în față. Îl veți simți când deschideți un modul sau trageți o secțiune. Interfața este foarte snappy, iar schimbările se întâmplă instantaneu.

Am eliminat chiar și animațiile noastre iubite, dar lente, așa că nu trebuie să parcurgi ciclurile de clic, de așteptare, de încărcare .

7. Un constructor vizual care se simte de fapt modern

Trecând dincolo de viteză, veți observa că vibrația este diferită imediat. Noua interfață a lui Divi 5 nu vă luptă. Panourile sunt conectate implicit; Le puteți scoate după cum este necesar. Puteți personaliza UI cu moduri întunecate/luminoase și culori de accent personalizate. Este o UI nouă și profesională pentru o nouă eră a proiectării.

Totul este ușor de citit. Acest lucru poate suna ca un mic upgrade, dar oricine a petrecut ore întregi proiectarea într -o interfață înghesuită știe cât contează asta.

Vizualizarea straturilor și comutarea cu raze X vă ajută să înțelegeți design-urile dvs. în paginile complexe vizual.

Vizualizarea Wireframe, un Divi Classic, vă permite să vedeți pagina dvs. dintr -o perspectivă strict de dispunere, fără a reda specificul proiectării.

8. Puncte de întrerupere personalizabile

În loc de trei puncte de întrerupere fixe, acum aveți șapte. Toate cele șapte sunt personalizabile, ceea ce înseamnă că puteți personaliza dimensiunile ecranului pentru fiecare punct de întrerupere. Puteți seta acestea la valorile tradiționale ale punctului de întrerupere sau puteți adopta o abordare în primul rând și să le puteți personaliza pentru a se potrivi nevoilor fluxului și designului site-ului dvs.

Avantajul real? Sunt integrate în editor și ușor accesibile. Nu trebuie să vă lăsați fluxul sau să săpați în trei sau patru meniuri adânc în setările site -ului pentru a le utiliza. Puteți testa și modifica stilurile specifice punctului de întrerupere direct pe pânză.

Nu este revoluționar, dar este mai lin, mai direct și mai prietenos pentru designeri. Spre deosebire de WPBakery sau de editorul de bloc nativ, Divi 5 vă oferă un control complet asupra punctelor de întrerupere receptive, fără a atinge o linie de cod.

Încă nu am terminat (dar deja mergem înainte)

Divi 5 nu este pe coastă. Se accelerează. Încă nu este completă de caracteristici, dar deja o facem, astfel încât Divi să poată prinde și săriți competiția. Site -urile existente pot dori să aștepte beta -ul public înainte de actualizare, dar vă vom anunța, deoarece sistemul nostru de migrație începe să se ocupe perfect de compatibilitate înapoi pentru modulele terțe și altele.

Am reconstruit totul, ne -am eliminat limitările anterioare, am expediat o nouă caracteristică la fiecare două săptămâni și abia începem. Iată o privire a ceea ce urmează:

O nouă eră pentru sisteme de culori cu divi

Sistemul de culori al Divi primește un upgrade.

Adăugăm suport complet pentru crearea de culori bazată pe HSL. Asta înseamnă că valorile de nuanță, saturație și lejeritate pot fi ajustate programatic în designul dvs. Veți putea crea culori relative - cum ar fi „culoarea primară, cu 20% mai deschisă” - care se sincronizează frumos cu paleta globală a mărcii dvs. Aceasta este o extindere a managementului nostru global de culori și adăugarea unui manager de variabilă de design și credem că vă va plăcea să o utilizați.

Machete cu flex

În curând veți putea proiecta orice aspect pe care îl imaginați folosind șabloane noi de rând, controale de coloane, aliniere verticală, ambalare și instrumente de distanțare - toate alimentate de FlexBox. Acesta va simplifica structura aspectului, va elimina nevoia de „secțiuni de specialitate” și va aduce o nouă flexibilitate în fiecare parte a paginii dvs.

Combinați acest lucru cu rândurile cuibărite și puteți construi machete pe deplin, profund personalizate, cu mai puțin cod și performanțe mai bune.

Divi se mișcă rapid

Am lansat noi caracteristici incredibile, am îmbunătățit viteza Divi și am făcut totul într -un editor modern și flexibil.

Și acum, cu culori HSL și Flexbox pe punte (și alte caracteristici neanunțate), oferim designerilor instrumentele pe care le așteptau.

Notă: Divi 5 este gata să fie utilizat pe site -uri web noi, dar nu recomandăm să convertiți site -urile existente în Divi 5 încă.