DIVI 5 Ghidul începătorilor: Cum să stăpânești elementele de bază

Dacă ați auzit despre Divi 5 și vă întrebați despre starea actuală, acest ghid pentru începători Divi 5 este pentru dvs.

Divi 5 este viitorul Divi Visual Builder, de încredere și iubit de utilizatorii WordPress. Reconstruit de la sol, Divi 5 oferă performanțe mai rapide și o experiență mai intuitivă. Combină tot ceea ce Divi este cunoscut pentru o bază modernă, scalabilă, care facilitează designul web pentru toată lumea.

În această postare, vă vom parcurge tot ceea ce aveți nevoie pentru a începe și pentru a vă simți încrezători în utilizarea Divi 5, indiferent dacă sunteți nou la Divi sau treceți de la Divi 4.

Divi 5 este în etapa sa alfa, dar este gata să fie utilizat astăzi pe site -urile noi.

Ce este Divi 5?

Divi 5 este cea mai recentă versiune a temei Divi WordPress, dar este mai mult decât o actualizare. Este o reconstrucție completă a cadrului de construire a site-ului Divi, conceput pentru a vă oferi un control creativ complet fără a scrie cod personalizat.

În centrul Divi 5 este un constructor vizual mai rapid, modernizat. Este mai ușor, mai receptiv și elimină problemele comune care se confruntă cu utilizatorii în Divi 4, cum ar fi timpii de încărcare lentă, ieșirea balonată și decalajul constructorului. Totul se simte mai înfiorător, mai neted și mai intuitiv.

Este construit pentru a vă ajuta să treceți de la idee la lansare fără a comuta instrumente, de a scrie cod sau de a pierde timpul la configurare. Iată cum:

• Un constructor vizual în timp real care răspunde mai repede, se simte mai ușor și vă permite să trageți, să aruncați și să personalizați cu mai puțin decalaj și mai multă precizie. Testează -l aici.
• Aspecte divi pre-proiectate care vă ajută să aplicați modele frumoase de pagini adaptate diferitelor industrii și obiective.
• Zeci de module DIVI care gestionează totul, de la text și imagini la glisoare, galerii, forme, tabele de prețuri și multe altele.
• Instrumente de marketing precum DIVI conduce pentru testarea divizată, Bloom pentru Opt-Ins prin e-mail și Monarch pentru partajarea socială.
• Opțiunile avansate de personalizare, cum ar fi presetările, variabilele de proiectare și stilurile globale vă permit să vă mențineți designul constant și pe marg.

Ceea ce face ca Divi 5 să iasă în evidență este cât de intenționat se simte. Întreaga experiență, de la aspect la interfață la performanță, este concepută pentru a vă ajuta să vă deplasați mai repede, să rămâneți organizat și să vă bucurați de un flux de lucru fără cod fără frustrare.

Este ușor să treceți de la Divi 4 la Divi 5?

Divi 5 este succesorul Divi 4, ceea ce înseamnă că este mai bine. Deci, dacă ești obișnuit cu Divi 4, ideea de comutare s -ar putea simți copleșitor. Dar să începem spunând că Divi 5 este construit cu o compatibilitate înapoi . Aceasta înseamnă că orice site web Divi 4 va funcționa cu Divi 5.

Divi 5 păstrează, de asemenea, tot ceea ce ți -a plăcut despre Divi 4, dar doar o face mai bună. Experiența intuitivă generală rămâne familiară, așa că veți putea să vă familiarizați rapid cu Divi 5. Să discutăm câteva motive pentru care ar trebui să faceți trecerea de la Divi 4 la Divi 5.

Divi 5 Builder oferă o performanță mai rapidă și mai optimizată

Divi 5 a fost construit folosind arhitectura modernă. Una dintre cele mai mari îmbunătățiri este eliminarea codurilor scurte, ceea ce a provocat o ieșire umflată și performanțe mai lente în Divi 4. Constructorul se încarcă acum rapid și se simte mult mai ușor în general.

O altă actualizare majoră este re-redactarea mai inteligentă. În Divi 4, chiar și mici modificări ar putea declanșa actualizări inutile pe tot aspectul. Divi 5 re-redactează ceea ce se schimbă de fapt, reducând lag-ul și păstrând experiența lină, chiar și pe pagini complexe.

Observați că Milliseconds Divi 4 (din stânga) este nevoie pentru a încărca constructorul vizual. Divi 5 îl încarcă aproape imediat.

Pentru a susține această viteză, am eliminat animațiile de tranziție din panoul de setări, am redus la minimum redările inutile și am perfecționat modul în care actualizările sunt aplicate în timp real. Aceste mici modificări fac ca constructorul să se simtă mai receptiv cu fiecare clic.

Divi 5 oferă o experiență de editare mai ușoară și mai simplă

Detalii mici au adesea cel mai mare impact asupra modului în care construiți. Divi 5 introduce o serie de îmbunătățiri subtile, dar puternice, care fac ca interfața constructorului să fie mai intuitivă.

Pentru început, editarea conținutului este acum mai rapidă ca niciodată. Cu o editare cu un singur clic, puteți face clic direct în orice text sau modul și să începeți să dați tastarea, fără pași suplimentari și fără comutare între meniuri. Face ca întreaga experiență să se simtă imediată și fără efort. (În Divi 4, a necesitat mai multe clicuri pentru a deschide panoul de setări al unui modul.)

O altă actualizare este andocarea panoului , care vă permite să fixați panoul de setări pe ambele părți ale ecranului. Acest lucru vă menține aspectul în mod complet, pe măsură ce efectuați modificări și împiedică setările să acopere zona de lucru. (Această capacitate nu este prezentă în Divi 4.)

Noile pesmet din partea de sus a panoului de setări vă arată locația exactă în structura aspectului, astfel încât să știți întotdeauna unde vă aflați, mai ales atunci când lucrați cu elemente profund cuibărite.

De asemenea, puteți comuta între modurile ușoare și întunecate din constructor, care nu au fost prezente în Divi 4. Aceste actualizări vă oferă un spațiu de editare mai curat, mai concentrat, tăind dezordine vizuale și clicuri inutile, astfel încât să aveți un control mai bun asupra spațiului de lucru.

Divi 5 simplifică organizarea de gestionare și proiectare a setărilor

Divi 5 aduce un sistem mai organizat și mai intuitiv pentru gestionarea stilurilor, setărilor de aspect și ajustări receptive.

Puteți comuta între stări receptive și hover direct în cadrul fiecărei setări de proiectare la distanțare fină, tipografie sau efecte pentru fiecare interacțiune și dimensiunea ecranului, fără a comuta vizualizări.

În mod similar, presetările de module, variabilele de proiectare și presetările grupurilor de opțiuni sunt mai ușor de aplicat și gestionat pe site -ul dvs. (Le vom acoperi în detaliu în secțiunea de mai jos.)

Cu DIVI 5, îmbunătățim fundația și adăugăm funcții noi, mai avansate, care să vă ajute să vă optimizați fluxul de lucru de design web fără codificare personalizată. Cu actualizări lansate la fiecare două săptămâni, se îmbunătățește doar de aici.

Noi caracteristici Divi 5 despre care ar trebui să știți

Să ne uităm la noile caracteristici pe care le -am adăugat recent la Divi 5 și cum vă ajută să construiți site -uri web mai rapid:

1.. Puncte de întrerupere personalizabile oferă o flexibilitate mai receptivă

Unul dintre cele mai interesante completări din Divi 5 este punctul de întrerupere personalizabil. În Divi 4, ați fost limitat la cele trei dimensiuni standard ale dispozitivului: telefon, tabletă și desktop. A trebuit să utilizați cod personalizat pentru a regla machete pentru mai multe lățimi specifice ale ecranului.

Cu Divi 5, această limitare a dispărut. Acum puteți accesa șapte puncte de întrerupere predefinite, inclusiv telefon lat, tabletă lățime, ecran lat și ultra lățime, alături de cele familiare.

Puteți activa sau dezactiva aceste puncte de întrerupere suplimentare în funcție de nevoile dvs. de proiectare și puteți modifica valorile lățimii lor pentru control complet. Acest lucru vă oferă mult mai multă flexibilitate atunci când construiți site -uri web responsive.

Pentru a vă gestiona punctele de întrerupere, faceți clic pe cele trei puncte pentru a deschide panoul de puncte de întrerupere responsive la nivel de site . Comutați pe orice nou punct de întrerupere pe care doriți să îl adăugați și modificați noua valoare pentru controlul lățimii sale, dacă doriți.

Nu vă faceți griji pentru a vă pierde stilurile atunci când dezactivați un punct de întrerupere. Divi le salvează în fundal, așa că, dacă reevaluați acel punct de întrerupere mai târziu, personalizările dvs. vor reveni imediat. Acest lucru este perfect pentru testarea diferitelor modele receptive fără a -ți pierde munca.

2. Variabilele de proiectare vă ajută să definiți un sistem de branding consecvent

Variabilele de proiectare se pot simți mici la suprafață, dar vă transformă complet fluxul de lucru odată ce începeți să le utilizați. În loc să reglați manual același font, culoare sau valoare de distanțare pe diferite module, îl definiți o dată și îl reutilizați pe site -ul dvs. Când actualizați o variabilă, fiecare instanță se actualizează automat, economisind timp și păstrând designul dvs. consecvent.

Acest lucru este util în special pentru site-urile cu mai multe pagini sau pentru proiecte de clienți în care convenența mărcii contează. Puteți seta variabile precum dimensiunea textului corpului, culorile cu titlul, căptușeala cu buton sau stilul de legătură. Dacă trebuie să ajustați toate H4 -urile, nu trebuie să vânați fiecare bloc; Schimbați doar valoarea variabilă.

Nu doar atributele de proiectare, puteți salva, de asemenea, valori de conținut repetate în mod obișnuit, cum ar fi adresa companiei dvs., legăturile de produse și chiar motive de fundal pentru acces rapid. Acest lucru vă salvează de la munca manuală și ajută la organizarea mai bună a conținutului repetat.

În cadrul constructorului vizual, faceți clic pe pictograma Manager Variable și alegeți dintre șase tipuri de variabile: numere, text, imagini, link -uri, culori și fonturi.

Pentru exemplul nostru, să creăm o variabilă de text . Denumiți variabila dvs. și adăugați valoarea acesteia, apoi salvați .

Pentru a aplica variabila de text, faceți clic pe elementul pe care doriți să îl modificați. În cazul nostru, adresa. Deoarece este variabila de text, accesați conținutul din panoul de setări și treceți peste corp pentru a localiza pictograma conținutului dinamic . Acum, faceți clic pe variabila salvată pentru a aplica:

3. Presetări de grupuri de opțiuni simplifică sistemul de proiectare bazat pe presetare

Economisirea și reutilizarea stilurilor, cum ar fi setările de fundal, distanțarea, umbrele de cutii, granițele și multe altele, prin presetările de grupuri de opțiuni vă pot economisi mult timp. S -ar putea să fiți deja familiarizați cu presetările de elemente tradiționale din Divi 4, care se aplică întregului element (secțiune, rând, coloană, modul).

Presetări de grupuri de opțiuni în Divi 5 Faceți -o cu un pas mai adânc. Vă permit să creați și să aplicați presetări la anumite grupuri de opțiuni de proiectare într -un modul. De exemplu, puteți salva setările de frontieră ca presetare a grupului de opțiuni, fără a afecta altceva.

Pentru a face acest lucru, veți personaliza mai întâi setările preferate și apoi le veți salva ca presetare. Mai jos, am salvat umbra butonului ca o casetă 2 și am aplicat -o la alte butoane.

Dacă doriți să refolosiți un stil de buton cu un efect, o bordură și o culoare specifică, dar lăsați distanță și stil de text singur, presetările de grupuri de opțiuni vă permit să faceți doar asta. Puteți aplica numai setările de care aveți nevoie fără a afecta restul modulului.

În timp ce variabilele de proiectare vă ajută să controlați valorile de bază, cum ar fi fonturile, culorile și distanța, presetările grupurilor de opțiuni merg la un nivel mai profund. Te -au lăsat să grupezi și să reutilizați secțiuni de stil întreg ca presetări globale. Împreună, ele formează un sistem de proiectare bazat pe presetare, care vă ajută să construiți rapid machete consistente fără a scrie cod personalizat.

4. Rânduri cuibărite pentru modele complexe de dispunere

Rândurile cuibărite sunt construite pentru designerii care doresc libertatea aspectului fără complexitate. Cu rândurile cuibărite, puteți construi machete mai sofisticate, fără a jongla constant mai multe secțiuni sau soluții de cod.

Acestea fac ca machetele complexe să fie mai ușor de gestionat și mai intuitiv de editare, mai ales atunci când lucrează la pagini de destinație, vitrine de produse, machete de bloguri pe mai multe coloane sau să vă prezinte cea mai bună lucrare într-un portofoliu asimetric.

Adăugați un rând cuibărit ca un modul de conținut. Faceți clic pe butonul Black Plus, treceți la noul rând și alegeți tipul de rând preferat.

Odată introdus, se comportă exact ca un rând de nivel superior. De asemenea, fiecare rând cuibărit păstrează setările de răspuns complet, ceea ce înseamnă că puteți controla modul în care se comportă pe punctele de întrerupere. Nu vă mai limitați la gândirea în rândurile și coloanele de bază. Cu rândurile cuibărite, vă gândiți în straturi, păstrând în același timp fluxul de lucru curat și vizual.

5. Grupuri de module pentru organizarea modulelor

Grupurile de module sunt un nou element de container în Divi 5. Acestea vă permit să împachetați mai multe module conexe într -un singur grup pliabil în cadrul constructorului vizual. Acest lucru face ca editarea secțiunilor mari ale paginii dvs.

Imaginează -ți un bloc de vitrini de produse cu titlu, imagine, descriere, buton și un divizor de linie. În loc să selectați sau să mutați individual fiecare modul ori de câte ori doriți să reproduceți sau să reglați designul, le puteți grupa o dată și le puteți trata ca o singură unitate.

Grupul de module este prezent ca un alt modul Divi 5. Alegeți modulul de grup pentru a -l adăuga. Puteți adăuga mai multe module în interiorul său și toate vor fi grupate ca un grup de module.

6. Unitățile avansate vă ajută să optimizați pentru un design receptiv mai inteligent

În Divi 4, majoritatea contribuțiilor de stil s -au limitat la unități de bază precum pixeli și procente. Cu unități avansate, puteți utiliza acum o gamă mult mai largă de unități CSS, inclusiv REM, EM, VW, VH, % și chiar funcții CSS puternice precum Clamp () ca setări vizuale în Divi 5. Această caracteristică este utilă pentru designerii care le pasă de designul responsiv și de tipografie scalabilă.

De exemplu, puteți utiliza, de asemenea, Clamp () pentru a seta o valoare minimă, ideală și maximă pentru căptușeală sau dimensiunea fontului, astfel încât designul dvs. să arate lustruit pe dispozitive fără a crea zeci de puncte de întrerupere personalizate. Clema unei rubrici (36px, 4VW, 48px) va seta dimensiunea fontului să înceapă la 36px, la scară bazată pe 4% din lățimea vizualizării și să nu mai crească la 48px.

Aceste valori sunt încorporate în toate setările. De asemenea, puteți crea variabile de proiectare a numărului prin definirea valorilor unității avansate.

Aceste caracteristici facilitează construirea de site -uri web flexibile, receptive și consistente. Veți avea mai mult control asupra designului dvs. direct în cadrul constructorului, fără a fi nevoie să scrieți CSS personalizate sau să vă bazați pe soluții de rezolvare.

Dar acesta este doar începutul. Ceea ce ați văzut până acum reprezintă doar o parte din ceea ce oferă Divi 5. Lucrăm activ la mai multe caracteristici, toate concepute pentru a vă ajuta să construiți mai inteligent și mai rapid. La baza sa, Divi 5 este despre a face designul web mai inteligent. Fiecare actualizare este axat pe simplificarea fluxului de lucru și oferirea instrumentelor pentru a construi site -uri web frumoase cu mai puțin efort. Începând de acum vă va oferi avantajul Mastering Divi 5 înainte de a fi gata pentru lansarea finală.

O privire în interiorul Divi 5

Să vedem cum arată un site web cu Divi 5. Pentru a face acest lucru, veți avea mai întâi nevoie de o configurație WordPress care funcționează. Aceasta înseamnă alegerea unei gazde web, înregistrarea unui nume de domeniu și instalarea WordPress pe site -ul dvs. Vom presupune că aveți acest lucru înainte să ne concentrăm pe următoarea parte a acestei postări:

1. Descărcați, instalați și activați Divi 5

Iată un tutorial video pentru a cumpăra, instala și activa Divi:

Odată ce achiziția dvs. va avea succes, veți putea să vă conectați la zona de membru elegantă a temelor. Descărcați acum folderul Divi 5 ZIP.

Reveniți la tabloul de bord WordPress. Urmați această interogare: Aspect> Teme> Adăugați tema> Încărcați tema. Apoi încărcați fișierul Divi 5 ZIP de pe computer și faceți clic pe Instalare acum.

Odată instalat, activați tema.

În cele din urmă, activează -ți licența DIVI. Făcând acest lucru, veți putea accesa serviciile selectate în mod eficient. Procesul este automat, trebuie doar să vă conectați cu acreditările dvs. de conectare a membrilor ET încă o dată.

După ce ați făcut acest lucru, puteți accesa tabloul de bord Divi 5. Tabloul de bord vă oferă informații precum starea licenței Divi, actualizări, pagini, șabloane și multe altele. Veți vedea, de asemenea, site -uri rapide Divi, pe care le vom folosi pentru a construi o bază de site -uri web.

Începeți cu Divi

2. Creați -vă site -ul web folosind Divi 5

Cea mai rapidă modalitate de a construi un întreg site web cu Divi 5 este utilizarea site -urilor Divi Quick.

Alegeți între două opțiuni:

• Utilizați un site de pornire pre-fabricat , iar Divi 5 va construi un site web de bază folosind brandul și conținutul site-ului selectat.
• Sau generați site -ul dvs. cu AI pentru a instrui Divi AI să creeze un site web unic.

Iată cum arată procesul folosind site -uri de pornire: alegeți un site de pornire și completați câteva detalii, cum ar fi logo -ul site -ului dvs. web și paginile pe care doriți să le creați.

Și iată cum funcționează cu AI. Spuneți Divi AI despre site -ul dvs. web și așteptați să gătească:

Site-urile Quick Divi sunt perfecte dacă doriți să accelerați procesul dvs. de construire a site-urilor web. Vă oferă o structură pregătită pe care o puteți personaliza în continuare cu propriul dvs. branding, conținut și stil. Nu trebuie să porniți de la o pagină necompletată sau să proiectați fiecare aspect de la zero.

Dacă doriți să construiți o pagină nouă de la zero sau să accesați Divi Visual Builder, accesați paginile> Adăugare pagină.

Acum, numiți pagina dvs. și faceți clic pe Utilizați Divi Builder.

Veți intra în Divi Visual Builder.

3. Aflați despre DIVI 5 Visual Builder Basics Basics

Dacă accesați pentru prima dată DIVI 5 Visual Builder, veți vedea multe pictograme, așa că iată un pas rapid:

• (1.) Panoul bara laterală din stânga: Acest panou include instrumente de constructor. Puteți adăuga machete pre-fabricate, accesați biblioteca de aspect, puteți vizualiza structura folosind straturi, treceți la vizualizarea Wireframe, puteți salva variabilele de proiectare, puteți regla setările constructorului și puteți primi ajutor.
• (2.) Bara de sus: puteți comuta între moduri receptive. Controalele de lățime și zoom vă ajută să reglați o distanță de dispunere fină pe punctele de întrerupere. Veți găsi, de asemenea, Anularea/Redo, aspectul clar, istoricul și salvarea opțiunilor aici. În plus, ieșirea, previzualizarea, salvarea proiectului și publică butoanele pentru a vă gestiona progresul.
• (3.) Bara laterală dreaptă: Când faceți clic pe orice modul, setările sale se deschid în dreapta. Puteți adăuga conținut, stilul său și adăugați CSS personalizat aici. Pâinele din partea de sus (pagina> secțiunea> rând> coloana) arată exact unde trăiește modulul în aspectul tău.

În continuare, aveți două elemente de containere: secțiuni (reprezentate în albastru) și rânduri (întotdeauna verde). În rânduri, aveți coloane unde puteți adăuga module (în negru) .

Pentru a adăuga o secțiune, veți face clic pe butonul Blue Plus. Pentru un rând, este butonul Green Plus și negru pentru un modul. Obțineți diferite tipuri de opțiuni de rând din care să alegeți. În interiorul unui rând sunt coloane.

Și în rânduri și coloane, veți adăuga module de conținut, cum ar fi titluri, imagini, etc. Divi 5 oferă peste 200 de module de conținut în toate scopurile, indiferent dacă doriți să adăugați un formular de contact, mărturii etc.

Modulul recent al grupului de module vă permite să grupați diferite elemente, astfel încât să puteți crea și salva propriile module. ( Culoarea gri reprezintă un grup de module.)

4. Creați -vă paginile site -ului cu Divi 5

Chiar dacă nu utilizați site-uri DIVI Quick, puteți totuși să importați machete pre-făcute sau să utilizați Divi AI pentru a genera un aspect întreg. Faceți clic pe butonul Blue Plus .

(1.) Vă permite să alegeți dintre 2500+ machete pre-fabricate și (2.) Vă permite să instruiți Divi AI pentru a genera pagina dvs. Iată cum funcționează importul unui aspect premad:

Dacă alegeți să construiți cu Divi AI, trebuie doar să o spuneți despre pagina pe care doriți să o construiți.

Personalizarea designului paginii dvs.

Dacă ați creat pagina dvs. folosind site-uri rapide Divi, machete pre-fabricate sau Divi AI, ar trebui să o personalizați pentru a o face pe a voastră. Pentru a adăuga brandul dvs. în mod constant pe site -ul dvs. web, cel mai simplu mod este să vă definiți variabilele de proiectare.

Aceste valori globale (cum ar fi culorile și fonturile dvs. primare) se vor aplica automat oriunde le utilizați. Pentru a le modifica, trebuie doar să schimbați valoarea variabilă în managerul variabil.

Pentru a edita orice modul, faceți clic pe el și setările apar în panoul din dreapta.

Fiecare panou de setări ale modulului include trei file:

• Conținut: Aici adăugați sau editați conținutul real al modulului. Puteți adăuga, de asemenea, link -uri, alegeți un fundal sau puteți schimba eticheta de administrare pentru a ajuta la identificarea modulului mai ușor.
• Design: Trecerea la fila Design vă permite să stilați aspectul vizual al modulului. Puteți schimba dimensiunea fontului, greutatea, culoarea, înălțimea liniei, distanțarea, alinierea și multe altele. Rețineți că diferite module au opțiuni de setare diferite.
• Advanced : fila Advanced vă oferă un control complet asupra mai multor opțiuni tehnice. Adăugați CSS personalizat, setați vizibilitatea receptivă și multe altele. Este util mai ales dacă doriți să personalizați dincolo de ceea ce oferă fila Design.
• Pictograma laptopului vă permite să comutați între modurile receptive și hover. Trecerea la un mod, puteți personaliza toate setările și salva.
• Butonul presetat implicit este caracteristica presetată a Divi. Iată o diferență între presetările de elemente și presetările de grupuri de opțiuni.

Dacă aveți de -a face cu blocul unui scriitor, utilizați Divi AI pentru a adăuga conținut (text, imagini și cod). Aproape fiecare modul vă permite să utilizați AI. Tot ce trebuie să faceți este să căutați micuța pictogramă AI.

După ce ați personalizat pagina dvs., nu uitați să vă salvați proiectul. Apoi, previzualizați pentru a vedea că toate lucrurile funcționează corect și publicați pagina dvs.

Începeți cu Divi

5 sfaturi pentru a profita la maximum de Divi 5

Divi 5 este într -o etapă interesantă - scena publică alfa. A trecut prin upgrade-uri la sol și îmbunătățiri majore ale performanței. Acum tot ce a mai rămas sunt lansări noi de caracteristici și remedieri minore.

Acest lucru face, de asemenea, momentul perfect pentru a începe să construiți cu el. Cu cât începeți mai devreme, cu atât veți fi mai confortabil când DIVI 5 Beta este lansat complet. Iată câteva modalități de a profita la maximum de calitatea de membru Divi:

1. Rămâneți la curent cu noile versiuni

Noile actualizări ale caracteristicilor nu sunt doar remedieri sau modificări de performanță, sunt, de asemenea, instrumente puternice care schimbă modul în care construiți site -uri web. De la puncte de întrerupere personalizabile până la variabile de proiectare, rânduri cuibărite și unități avansate, fiecare adăugare se bazează pe noua fundație a Divi 5 pentru a vă oferi mai mult control și viteză.

Pentru a rămâne în buclă, abonați -vă la temele elegante YouTube Channel, unde Nick împărtășește în mod regulat pasarele și anunțurile de lansare.

Abonați -vă la canalul nostru YouTube

2. Experiment cu noul Divi 5 Builder

Divi 5 Visual Builder este rapid, receptiv și construit pentru eficiență. Fiecare adăugare a caracteristicilor noi contribuie la optimizarea fluxului de lucru și vă încurajăm să continuați să experimentați pentru a dezvolta noi strategii. Pentru a vă ajuta, publicăm și noi tutoriale de caracteristici pentru a ne împărtăși abordările. De exemplu, postarea noastră pe diferite structuri de rând vă arată modalități de a utiliza rânduri cuibărite pentru a crea machete inteligente.

Faceți -vă un obicei să vizitați în mod regulat blogul Temelor elegante pentru a găsi modalități creative de a utiliza Divi 5.

3. Share și caută Divi 5 sfaturi și trucuri în comunitatea Divi

Odată ce începeți să experimentați cu Divi 5, a vedea cum îl folosesc alții este la fel de important. Designerii și dezvoltatorii din întreaga lume explorează, de asemenea, aceleași caracteristici noi, încearcă machete creative și împărtășesc rezultatele lor.

De la utilizări inteligente ale punctelor de întrerupere până la configurații variabile de proiectare a timpului de economisire a timpului, puteți învăța multe, urmărind cum se apropie ceilalți construcții. Alăturați-vă grupului oficial de Facebook Divi sau forumurilor axate pe Divi pentru a descoperi tutoriale, a pune întrebări și a obține idei proaspete de la persoanele care lucrează cu Divi 5. Este una dintre cele mai rapide modalități de a vă dezvolta abilitățile și de a rămâne la curent.

4. Construiți site -uri noi cu Divi 5

Cel mai bun mod de a utiliza Divi 5 (chiar acum) este de a construi noi site -uri web de la zero. Nu există niciun motiv să așteptați dacă începeți un proiect nou. Obțineți performanțe mai rapide, cod mai curat și o experiență de editare mai bună chiar din cutie.

Dar dacă lucrați cu un site Divi 4 existent, este mai bine să așteptați puțin mai mult înainte de a -l migra în Divi 5.

Deoarece Divi 5 este încă în dezvoltare activă, unele module DIVI 4 și extensii terțe pot să nu fie încă pe deplin susținute. Acestea fiind spuse, întrucât fiecare site web este diferit, acesta nu va fi cazul de fiecare dată. Dacă nu sunteți sigur, cel mai bun lucru de făcut este să verificați compatibilitatea site -ului dvs. Pentru a ajuta, am creat, de asemenea, un instrument Divi 5 Migrator.

Acesta scanează site -ul Divi 4 existent și vă spune ce module sunt compatibile, care nu sunt și ce are nevoie de atenție. Acest lucru vă ajută să luați o decizie în cunoștință de cauză fără a risca site -ul dvs. live.

Cu toate acestea, suntem foarte aproape de versiunea beta, așa că sfatul nostru este să creăm noi site -uri web doar folosind DIVI 5 și să așteptăm puțin mai mult înainte de a schimba site -urile Divi 4.

5. Construiți un sistem de proiectare Divi

Divi 5 introduce multe caracteristici, așa că s -ar putea să fie confuz să decideți care dintre ele să le utilizați și care nu. De exemplu, dacă definiți variabile de proiectare, ar trebui să utilizați și presetări de grupuri de opțiuni? Cea mai bună modalitate de a descoperi acest lucru este experimentarea și descoperirea a ceea ce funcționează pentru tine. Și pe măsură ce sunt lansate noi funcții, puteți continua să vă perfecționați procesul.

Puteți porni orice site web construit cu variabile de design pentru consecvență, apoi utilizați -le în grupul de opțiuni și presetări de elemente. Această abordare structurată economisește timp, vă menține brandul aliniat și vă permite să actualizați stilurile globale în doar câteva clicuri.

6. Raportați erori când le întâlniți

Divi 5 este încă în dezvoltare activă, așa că probabil veți întâlni câteva erori pe parcurs. Când o faci, ne -ar plăcea să le raportezi. Ajută echipa noastră să rezolve mai repede problemele și ne aduce cu un pas mai aproape de versiunea beta. De asemenea, sunteți bineveniți să vă bazați pe noi pentru îndoieli Divi 5 - echipa noastră de asistență este rapidă să răspundă și aici pentru a ajuta, iar utilizatorii Pro primesc și asistență VIP 24/7 pentru orice urgent.

Alegeți DIVI 5 pentru a începe călătoria dvs. de design web

Divi 5 vă oferă un cadru complet de construire a site-urilor web, modernizat și reconstruit de la sol. Fiecare parte a acesteia este concepută pentru a simplifica fluxul de lucru, pentru a accelera performanța și pentru a vă configura pentru viitorul designului web.

• Mai bine decât concurența: în timp ce majoritatea constructorilor se concentrează pe caracteristici strălucitoare, Divi 5 se concentrează pe control, viteză și utilizare reală. Este construit pentru a lucra cu tine, nu împotriva ta.
• O actualizare majoră de la Divi 4: Divi 4 era deja iubită de utilizatorii WordPress. Divi 5 păstrează tot ceea ce oamenii le -a plăcut și remediază tot ce nu au făcut -o. Este mai rapid, mai ușor și mai scalabil.
• Toate instrumentele într -un singur loc: de la editare vizuală la conținut AI, stocare în cloud, creare rapidă a site -ului și instrumente de marketing, Divi 5 vă oferă tot ce aveți nevoie pentru a începe puternic și a crește rapid.

Dacă începeți astăzi călătoria de design web, începeți cu Divi 5. Este construit pentru locul în care se duce web -ul, nu unde a fost.

Divi 5 este gata de a fi utilizat astăzi pe site -urile noi.