Încercați azi Demo Divi 5 Alpha!

Publicat: 2024-05-02

Am revenit cu o altă actualizare Divi 5 și astăzi, sunt bucuros să anunț că este disponibil un site web demonstrativ Divi 5. Odată ce terminăm câteva funcții și soluționăm orice erori pe care le găsiți, vom lansa Public Alpha, pe care îl puteți descărca și testa pe site-urile dvs. web. Între timp, vom actualiza demo-ul la fiecare două săptămâni, iar tu o poți urmări.

Încercați Demo Divi 5

De asemenea, am creat o nouă pagină de destinație pentru Divi 5, unde veți găsi un link către site-ul web demo și o listă cu toate actualizările mele lunare Divi 5.

Obțineți toate detaliile în videoclipul de mai jos.

Explorând Demo Divi 5

Veți observa că noua versiune a Visual Builder este aproape terminată. Câteva funcții lipsă includ Acțiuni rapide, Găsire și înlocuire, Presetări, Module WooCommerce și unele Opțiuni de condiție. Dacă ceva lipsește din demo, nu este pentru că l-am eliminat; pur și simplu nu a fost adăugat încă.

Aceasta este o versiune pre-alfa . Veți întâlni bug-uri și ciudatenii în interfață, dintre care majoritatea sunt deja pe radarul nostru. Dacă observați o eroare, raportați-o echipei noastre de asistență. Încă îmbunătățim lucrurile, iar lansarea acestui demo ne permite să punem Public Alpha într-o formă și mai bună înainte de a fi lansat.

Ce s-a schimbat în Divi 5?

Divi 5 arată puțin diferit. Totul funcționează aproape la fel ca Divi 4, dar există câteva modificări de remarcat.

Interfață personalizabilă: Divi 5 acceptă mai multe panouri, ferestre combinate de panouri și configurații personalizate de andocare.
Editare responsive mai ușoară: în loc să activezi editarea responsive la nivel de opțiune, editarea responsive este controlată la nivel de aplicație. Comutați la orice vizualizare, iar modificările pe care le faceți în acea vizualizare se vor aplica automat.
Noi moduri de interacțiune: modurile de interacțiune sunt, de asemenea, diferite în Divi 5. Acum, numite „straturi de interacțiune”, puteți selecta ce straturi de elemente apar la trecerea cursorului, inclusiv opțiunile elementului, opțiunile elementului părinte și contururile elementelor. Făcând clic pe orice element, se va deschide panoul de setări. Nu trebuie să faceți dublu clic sau să faceți clic pe pictograma roată. Toate acțiunile sunt disponibile prin clic dreapta, așa că dacă doriți să ascundeți totul pentru a simplifica interfața și a preveni suprapunerea, aceasta este o opțiune viabilă.
Navigare intuitivă: este, de asemenea, mai ușor să navigați pe pagină, datorită panoului de straturi andocate și breadcrumbs din panoul de setări.
Performanță uimitoare: Divi 5 este mult mai rapid, ceea ce veți observa imediat. În plus, nu se va bloca cu modele mari și complexe. Încercați să dați clic, să duplicați rapid lucrurile și să înnebuniți cu diferite setări și veți vedea cât de repede este.
O interfață simplă și simplificată: interfața Divi 5 este mai eficientă. Este mai mic și mai eficient. Este mai rapid și lipsit de animații și efecte inutile. Îi lipsesc butoanele învechite de salvare și anulare din fiecare panou. De asemenea, vine cu un mod întunecat. S-ar putea să vă simțiți ca acasă în designul mai mare, mai lent și mai jucăuș al lui Divi 4, dar odată ce vă obișnuiți cu Divi 5, veți aprecia noile sale puncte forte.

Privind spre viitor

Cele mai critice schimbări în Divi 5 sunt lucrurile pe care nu le poți vedea. O nouă fundație în culise face Divi mai capabil din perspectiva dezvoltării, dând putere echipei noastre și comunității să construiască noi funcții care nu au fost posibile în Divi 4.

Odată ce lansăm Divi 5, începe adevărata distracție pentru că vom sprint înainte, creând toate funcțiile pe care știm că le doriți! Aveţi încredere în mine; știm că aveți nevoie de multe caracteristici esențiale: generator de bucle, grile flexbox și CSS, accesibilitate îmbunătățită, mai multe module, meniu mai bun și opțiuni de antet; totul este pe radarul nostru și abia aștept să trec peste acest obstacol ca să putem obține de lucru.

Ce am realizat luna aceasta

În continuare, permiteți-mi să vă ofer raportul nostru lunar de progres. Am continuat să lustruim noua interfață și am extins acele îmbunătățiri la alte zone ale Divi, oferind Creatorului de teme, Opțiunilor temei, Editorului de roluri și Bibliotecii Divi un strat nou de vopsea. Ne-am continuat misiunea de remediere a erorilor, reparând peste 100 de erori suplimentare și extinzând lista la ceva ușor de gestionat. Am finalizat Global Colors și majoritatea Layers View și am început să lucrăm la unele funcții front-end rămase, inclusiv Dynamic Assets și Static CSS File generation.

De asemenea, am conectat Divi Cloud la noua versiune a Bibliotecii Divi, aducând pe mica noastră echipă Divi AI/Cloud pentru a implementa aceste funcții și pentru a ajuta Divi 5 să treacă puțin mai repede la linia de sosire.

Iată cele mai recente intrări din jurnalul de modificări Divi 5.

S-a adăugat componenta de selecție presetată în VB.
S-a adăugat o clasă de element prestabilită la elementul modulului în VB.
S-a remediat Marja superioară incorectă când Bara de administrare este dezactivată.
S-a remediat o eroare în redarea CSS, care a cauzat că CSS pentru punctele de întrerupere și ieșirea stărilor nu era în ordinea corectă în unele cazuri.
S-a actualizat stilul de introducere a fontului Încărcare.
S-a remediat o eroare la salvarea/previzualizarea oricărui modul în VB.
S-a remediat eroarea la salvarea stilurilor pop-up.
S-au remediat dimensiunile modale și poziționarea selectorului de pictograme extins.
Vizualizarea straturilor fixe a fost redată de mai multe ori în bara laterală din stânga când faceți clic dreapta > Opțiunea Go To Layer este făcută clic pe mai multe module.
Setați Adăugați înălțime modală pentru a se potrivi automat la înălțimea disponibilă a ferestrei de vizualizare.
S-a remediat o problemă în care, atunci când nu aveți/nu aveți culori globale, butonul Adăugare culoare nu este vizibil, iar dacă aveți o culoare globală, culoarea este ascunsă și doar butonul Adăugați culoare este vizibil.
S-a rezolvat problema în care adăugarea culorii globale duce la dezactivarea interacțiunii/capcanei de șoareci a zonei modulului.
S-a remediat problema etichetei de acțiune dinamică pentru fila de import și export în modul de portabilitate.
S-a remediat problema panoului de setări în care butonul Activare redirecționare este dezactivat, dar câmpul URL este vizibil.
S-a remediat dimensiunea modală a stratului clar transmisă componentului de ambalare.
Am curățat un cod din culise la salvarea unei postări/pagini
S-a remediat o problemă în care sincronizarea culorilor globale se făcea doar în schiță și nu la publicare/previzualizare.
S-a rezolvat o problemă în care culorile globale șterse nu erau eliminate din aspect la salvare.
S-a rezolvat o eroare a selectorului de culori în gama de culori de la negru până la alb.
Remediat: Deschiderea modalelor modifică valorile setărilor modulului.
S-a rezolvat o problemă în care, dacă aveți o mulțime de culori globale, extinderea filei Culori salvate/Recente și apoi deschiderea filei Culori globale duce la suprapunerea mostrelor de culoare peste titlurile filei salvate/globale/recente.
Au fost adăugate teste pentru funcționalitatea de copiere/lipire din Clipboard pentru a verifica dacă valorile globale ale atributelor de culoare sunt copiate/lipite.
S-a adăugat suport pentru atributul showPlaceholderOnEmpty în componenta câmpului TextArea.
S-a adăugat o funcție pentru a ascunde setările în Modulul Blog atunci când Lungimea conținutului este setată la „Afișează conținut”.
S-a rezolvat când eroarea în care utilizatorul șterge o coloană din vizualizarea straturi, aceasta este ștearsă.
S-a remediat poziția incorectă și imprevizibilă a barei de instrumente a editorului inline atunci când utilizatorii selectează unele texte în generator.
S-a rezolvat o problemă în care opțiunea „Afișează paginarea” din modulul blog D5 nu ascundea paginarea în front-end atunci când era dezactivată.
S-a rezolvat problema prin care dezactivarea opțiunii „Afișare extras” din Modulul Blog D5 nu a ascuns fragmentul în previzualizarea Visual Builder.
S-a remediat întreruperea conținutului receptiv din cauza @wordpress/hooks mutat în dependențe externe prin înregistrarea acestuia ca dependență pentru scriptul cu mai multe vizualizari în FE.
S-a remediat secvența de actualizare incorectă pe câmpul de text îmbogățit.
Remediază sublinierea nedorită a textului adăugată la buton din cauza ordinii incorecte de redare a stilului static în stil divi.
S-au adăugat comenzi rapide de pagină care lipsesc (salvați pagina, salvați pagina ca schiță, ieșiți din generatorul vizual, deschideți portabilitatea, mărire/micșorare receptivă, trecere la modul wireframe)
S-a remediat poziția incorectă a portabilității și salvarea în modal bibliotecă atunci când a fost deschisă pentru prima dată.
S-a rezolvat problema în care resetarea stilurilor de trecere cu mouse-ul resetează stilurile desktop.
S-a rezolvat problema în care gradientul butonului se oprește în starea desktop și ar schimba valoarea la cea utilizată de oprirea gradientului de trecere cu mouse-ul.
S-a remediat ascunderea părții vizibile a elementului în poziția inițială în timpul tragerii.
S-a remediat ascunderea/afișarea pictogramei de resetare „Dezactivare activată” pe baza verificărilor/debifărilor vizibile.
Comenzile rapide de la tastatură nu funcționează corect.
S-a remediat butonul Resetare care nu funcționează cu casetele de selectare.
Adăugați funcționalitatea coloanelor lipsă în secțiunile de specialitate.
S-a adăugat opțiunea de setări pentru constructor pentru a dezactiva bara de administrare
S-a adăugat capacitatea de a derula la modulul aruncat în VB după glisare și plasare în vizualizarea straturi.
S-a adăugat capacitatea de a derula la modulul aruncat în VB după glisare și plasare în vizualizarea straturi.
Un buton de aspect clar a fost adăugat la bara paginii.
A fost adăugată comutarea modului de culoare pe bara paginii.
Funcționalitatea adăugată asigură că grupul de straturi este extins numai atunci când modulul tras este descendentul corect al modulului.
S-a adăugat funcționalitate pentru a extinde stratul atunci când un utilizator trage un modul și trece cu mouse-ul peste grupul de straturi după 200 ms.
S-a adăugat funcționalitate pentru a evidenția modulul real în aspect atunci când este plasat cu mouse-ul în modalul Vizualizare straturi.
S-a adăugat un mecanism pentru declararea atributelor `default` și `defaultPrintedStyle` ale modulului pe propriul fișier JSON.
S-a adăugat un mecanism pentru extragerea atributelor care generează date HTML, stil și script
S-a adăugat un buton din bara paginii pentru a ieși din generatorul vizual
A fost adăugat un buton din bara de pagină pentru a previzualiza starea curentă a constructorului pe front-end.
S-a adăugat prevenirea pentru a se asigura că singura coloană dintr-un rând nu va fi eliminată sau mutată pe alt rând.
S-a adăugat prototipul modal al setărilor prestabilite
Andocați automat vizualizarea straturilor în bara laterală din stânga când sunt deschise.
Asigurați-vă că modulul „Adăugați din bibliotecă” apare acum centrat în zona paginii, cu o lățime și o înălțime maxime egale cu 32 px de la fiecare margine a cadrului pe toate cele patru laturi.
S-a remediat o eroare în modulul Blurb pentru selectoarele de hover, care făcea ca stilurile să nu fie redate în VB atunci când era selectată starea de hover.
S-a remediat o eroare în Divi 5 în care stilurile de stare lipicioasă nu erau redate în VB la selectarea stării lipicioase în setările modulului.
S-a remediat un mesaj învechit în PHP 8.3 legat de proprietățile dinamice.
S-a remediat o notificare de depreciere PHP în modulul Email Optin care a apărut în PHP 8.2+.
S-a remediat eticheta de administrare care nu era sincronizată în modalul Vizualizare straturi atunci când a fost schimbată din Setări modul sau Modul Wireframe.
S-a rezolvat o problemă în care toate postările erau afișate în Modulul Blog din Visual Builder, chiar și atunci când erau selectate anumite categorii.
S-a rezolvat o problemă în care culoarea de fundal de suprapunere și pictograma de suprapunere nu erau redate corect pe partea frontală.
S-a remediat defilarea automată întreruptă când trageți modulul în apropierea ferestrei de sus/jos
S-a corectat culoarea de fundal a butonului și culoarea textului butonului din contul de e-mail și câmpurile de protecție împotriva spamului din panoul de setări din modulele Formular de contact și Optin e-mail.
S-a remediat selecția implicită a pictogramelor în modulul de pictograme atunci când este încărcată inițial.
S-a remediat afișarea dinamică a conținutului pe setările pentru titlul elementului copil pentru module precum un acordeon.
S-a remediat eroarea întâlnită în timpul execuției comenzii unității de testare a firelor.
S-a remediat numele incorect al clasei modulului de mărturie
Editor inline fixat Poziție fixă incorectă.
S-a rezolvat problema în care salvarea schiței publică întotdeauna pagina.
S-a soluționat o problemă în care unele modele și meniuri selectate luminează intermitent de la poziția inițială incorectă la poziția corectă.
S-a rezolvat o problemă în care filele nu erau afișate în modulul File.
S-a remediat tragere și plasare întârziată în vizualizarea cadru fir
S-au remediat clasele de animație de imagine lipsă în modulul Persoană.
S-au remediat sfaturile instrumente lipsă din filele de fundal.
S-a rezolvat acțiunea opțiunilor modulului care nu funcționează când se face clic; deschide setările modulului.
S-a rezolvat afișarea spațiului suplimentar în partea de jos în modulul acordeon în starea de trecere.
S-a remediat defilarea lină atunci când stratul se trage de jos în sus.
S-a corectat culoarea textului în conținutul editorului Richtext în modul întunecat.
S-a remediat problema de trecere cu mouse-ul a pictogramei modulului blurb.
S-a remediat problema dropzone pentru zona de jos care ne-a determinat să aruncăm modulele în partea de jos a listei de module de strat.
S-a rezolvat problema de afișare a opțiunilor modulului, chiar dacă modulul de strat nu mai era plasat.
S-a rezolvat problema de afișare a imaginilor de galerie de calitate scăzută în modulul de galerie FE.
S-a remediat actualizarea numelor coloanelor secundare în setarea rândurilor și a coloanelor reordonate la tragere.
Au introdus îmbunătățiri la componenta Color Picker, permițând mai multă extensibilitate și modularitate.
Introducerea unei noi componente de bază pentru câmpuri de transformare, care rezolvă transformările CSS duplicative.
Păstrarea stării de andocare/dezandocare a modalului, astfel încât să fie redeschis pe baza ultimei sale stări închise.
Modul drag and drop poate fi inițializat de pe orice suprafață a modulului.
Eliminați butonul de ieșire din bara de administrare
Eliminat draggable și redimensionabil din încărcare din modal bibliotecă.
S-au eliminat opțiunile modulului din coloana secțiunii de specialitate în modal Vizualizare straturi.
S-a eliminat selectorul de hover redundant pentru modulul de conectare în urma remedierii corespunzătoare a problemei.
S-a eliminat comanda rapidă de la tastatură nefolosită.
S-a înlocuit UX bazat pe mod al lui Divi 4 cu UX pe straturi de interacțiune.
Interfață de utilizare simplificată a constructorului vizual (componente de câmp și modale)
Ascundeți temporar butoanele de anulare și reluare din bara paginii până când se dezvoltă istoricul
S-a actualizat și rafinat caracteristica Global Colors, introducând un nou format Global Color ID și un suport mai bun pentru atributele modulului.
S-au folosit variabile CSS pentru a seta culorile Vizualizării Straturi, au înlocuit utilizarea inutilă a utilizării Selectați în componenta Layer Drag Handle pentru a optimiza performanța și a folosit în mod constant selectStore pentru denumirea selectorului în interiorul utilizării UseSelect a Vizualizării Straturi.

Fiți la curent pentru mai multe actualizări

Asta e tot pentru raportul de progres din această lună. Rămâneți la curent pentru mai multe actualizări și nu uitați să ne urmăriți prin e-mail și să vă abonați la canalul nostru YouTube pentru a vă asigura că nu pierdeți nimic. Divi 5 este un proiect vast, dar voi reveni lunar pentru a vă ține la curent cu progresul nostru.