Noțiuni Introductive cu Divi Builder
Noțiuni Introductive cu Divi Builder – Divi este cel mai bine utilizat în modul vizual, permițându-vă să vă construiți pagina pe front-end-ul site-ului dvs.
Ce Este Visual Builder?
Divi Builder vine în două forme: standardul „Back-end Builder” și front-end „Visual Builder”. Ambele interfețe vă permit să construiți exact aceleași tipuri de site-uri web cu aceleași elemente de conținut și setări de design. Singura diferență este interfața. Back-end Builder locuiește în interiorul WordPress Dashboard și poate fi accesat împreună cu toate celelalte setări standard WordPress. Se află în interiorul interfeței de utilizare WordPress și înlocuiește editorul standard de postări WordPress. Este excelent pentru a face modificări rapide în timp ce vă aflați în tabloul de bord, dar este, de asemenea, limitat de tabloul de bord și este redat ca o reprezentare bazată pe blocuri a site-ului dvs. Acest tutorial se va concentra numai pe constructorul vizual.
Noul Visual Builder, pe de altă parte, vă permite să vă construiți paginile pe front-end-ul site-ului dvs.! Este o experiență uimitoare și permite un design mult mai rapid. Când adăugați conținut sau ajustați setările de design în cadrul constructorului vizual, modificările dvs. apar instantaneu. Puteți să faceți clic pe pagină și să începeți să scrieți. Puteți evidenția textul și îi puteți ajusta fontul și stilul. Poți să adaugi conținut nou, să-ți construiești pagina și să vezi cum totul se întâmplă chiar în fața ochilor tăi.
Activarea Visual Builder
În timp ce sunteți conectat la tabloul de bord WordPress, puteți naviga la orice pagină de pe front-end-ul site-ului dvs. și faceți clic pe butonul „Activați Visual Builder” din bara de administrare WordPress pentru a lansa generatorul vizual.
Dacă vă editați pagina în back-end, puteți comuta la generatorul vizual făcând clic pe butonul „Activați generatorul vizual” care se află în partea de sus a interfeței Divi Builder back-end (rețineți, mai întâi trebuie să activați Divi Builder înainte ca butonul de constructor vizual să apară).
Elementele de Bază ale Constructorului Vizual
Puterea lui Divi constă în Visual Builder, un generator de pagini prin glisare și plasare care vă permite să construiți aproape orice tip de site web prin combinarea și aranjarea elementelor de conținut.
Constructorul folosește trei blocuri principale: secțiuni, rânduri și module. Folosirea acestora la unison vă permite să creați o gamă nenumărate de aspecte de pagină. Secțiunile sunt cele mai mari blocuri de construcție și găzduiesc grupuri de rânduri. Rândurile se află în interiorul secțiunilor și sunt folosite pentru a găzdui module. Modulele sunt plasate în interiorul rândurilor. Aceasta este structura fiecărui site web Divi.
Secțiuni
Cele mai de bază și mai mari blocuri de construcție utilizate în proiectarea layout-urilor cu Divi sunt secțiunile. Acestea sunt folosite pentru a crea grupuri mari de conținut și sunt primul lucru pe care îl adăugați în pagina dvs. Există trei tipuri de secțiuni: Obișnuit, De Specialitate și Lățime Completă. Secțiunile obișnuite sunt formate din rânduri de coloane, în timp ce secțiunile cu lățime completă sunt formate din module cu lățime completă care extind întreaga lățime a ecranului. Secțiunile de specialitate permit amenajări mai avansate ale barelor laterale. Pentru mai multe informații despre utilizarea secțiunilor, accesați tutorialul nostru detaliat pentru secțiuni.
Rânduri
Rândurile se află în interiorul secțiunilor și puteți plasa orice număr de rânduri în interiorul unei secțiuni. Există multe tipuri diferite de coloane din care să alegeți. După ce definiți o structură de coloană pentru rândul dvs., puteți plasa module într-o coloană dorită. Nu există limită pentru numărul de module pe care le puteți plasa într-o coloană. Pentru mai multe informații despre utilizarea rândurilor, accesați tutorialul nostru detaliat privind rândurile.
Module
Modulele sunt elementele de conținut care alcătuiesc site-ul dvs. Fiecare modul pe care îl are Divi se poate încadra în orice lățime de coloană și toate sunt pe deplin receptive.
Construiește-ți Prima Pagină
Cele trei blocuri de bază (secțiuni, rânduri și module) sunt folosite pentru a vă construi pagina.
Adăugarea Primei Secțiuni
Înainte de a putea adăuga ceva la pagina dvs., va trebui mai întâi să adăugați o secțiune. Secțiunile pot fi adăugate făcând clic pe butonul albastru (+). Când treceți cu mouse-ul peste o secțiune care există deja pe pagină, sub ea va apărea un buton albastru (+). Când faceți clic, o nouă secțiune va fi adăugată sub secțiunea pe care sunteți plasat cu mouse-ul în prezent.
Dacă începi o pagină nouă, atunci prima ta secțiune va fi adăugată automat.
Adăugarea Primului Rând
După ce ați adăugat prima secțiune, puteți începe să adăugați rânduri de coloane în interiorul acesteia. O secțiune poate găzdui orice număr de rânduri și puteți combina și potrivi rânduri de diferite tipuri de coloane pentru a crea o varietate de aspecte.
Pentru a adăuga un rând, faceți clic pe butonul verde (+) din interiorul oricărei secțiuni goale sau faceți clic pe butonul verde (+) care apare când treceți cu mouse-ul peste orice rând curent pentru a adăuga un nou rând sub acesta. După ce ați făcut clic pe butonul verde (+), veți fi întâmpinat cu o listă de tipuri de coloane. Alegeți coloana dorită și apoi sunteți gata să adăugați primul modul.
Adăugarea Primului dvs. Modul
Modulele pot fi adăugate în interiorul rândurilor și fiecare rând poate găzdui orice număr de module. Modulele sunt elementele de conținut ale paginii dvs., iar Divi vine cu peste 40 de elemente diferite pe care le puteți utiliza pentru a construi. Puteți utiliza module de bază, cum ar fi Text, Imagini și Butoane, sau module mai avansate precum Slidere, Galeriile de portofoliu și Magazine de comerț electronic. Avem tutoriale individuale pentru fiecare modul Divi, așa că, dacă doriți să aflați mai multe despre tipurile de module oferite de Divi, asigurați-vă că reveniți la pagina principală a documentului și navigați prin secțiunea „Module Divi”.
Pentru a adăuga un modul, faceți clic pe butonul gri (+) care există în interiorul oricărei coloane goale sau faceți clic pe butonul gri (+) care există când treceți cu mouse-ul peste un modul din pagină pentru a adăuga un nou Modul sub acesta. După ce ați făcut clic pe buton, veți fi întâmpinat de o listă de module. Alegeți modulul dorit și acesta va fi adăugat în pagina dvs. și va apărea panoul de setări pentru modul. Folosind acest panou de setări, puteți începe configurarea modulului.
Configurarea și Personalizarea Secțiunilor, Rândurilor și Modulelor
Fiecare secțiune, rând și modul poate fi personalizat în diferite moduri. Puteți accesa panoul de setări al unui element făcând clic pe pictograma roată care există atunci când treceți cu mouse-ul peste orice element de pe pagină.
Aceasta va lansa panoul de setări pentru elementul specificat. Fiecare panou de setări este împărțit în trei file: Conținut, Design și Avansat. Fiecare filă este concepută pentru a face accesarea și ajustarea marii game de setări Divi rapid și ușor. Fila Conținut este, desigur, locul în care puteți adăuga conținut, cum ar fi imagini, videoclipuri, link-uri și etichete de administrator. Fila Design este locul în care au plasat toate setările de design încorporate pentru fiecare element. În funcție de ceea ce editați, puteți controla o mare varietate de setări de design cu un clic; inclusiv: tipografie, spațiere (padding/margine), stiluri de butoane și multe altele. Pentru o privire în profunzime la fila Design, aruncați o privire la tutorialul nostru de setări de design. În cele din urmă, dacă doriți și mai mult control, puteți accesa fila Avansat, unde puteți aplica CSS personalizat, puteți ajusta vizibilitatea în funcție de dispozitiv și (în funcție de elementul pe care îl editați) puteți face și mai multe reglaje.
Salvarea Paginii și Accesarea Setărilor Paginii
Pentru a accesa setările generale ale paginii, faceți clic pe pictograma de andocare violet din partea de jos a ecranului. Aceasta va extinde bara de setări și vă va oferi diverse opțiuni. Puteți deschide setările paginii dând clic pe pictograma roată. Aici puteți ajusta lucruri precum culoarea de fundal a paginii și culoarea textului. Veți găsi, de asemenea, butoanele Salvare și Publicare, precum și comutări de pre-vizualizare receptive.
Începeți-vă Designul cu Aspecte Prefabricate
O modalitate excelentă de a începe noua ta pagină este să începi lucrurile cu un aspect prestabilit. Divi este livrat cu peste 20 de aspecte prefabricate care acoperă o varietate de tipuri comune de pagini, cum ar fi „Despre noi”, „Contact”, „Blog”, „Portofoliu” etc. Puteți să le încărcați și apoi să schimbați conținutul pentru tine. Noua ta pagină va fi terminată înainte să știi! Pentru a afla mai multe despre utilizarea machetelor prefabricate, asigurați-vă că aruncați o privire la tutorialul nostru detaliat despre machete prefabricate.
Salvarea Propriilor Machete în Bibliotecă
Pe lângă utilizarea machetelor prefabricate care vin cu Divi, vă puteți salva și propriile creații în Biblioteca Divi. Când un design este salvat ca aspect Divi în Biblioteca Divi, acesta poate fi încărcat pe pagini noi. Cu cât îți construiești mai mult biblioteca cu modelele tale preferate, cu atât mai repede vei putea crea site-uri web noi. Pentru o privire în profunzime asupra Bibliotecii Divi, asigurați-vă că consultați tutorialul nostru dedicat Bibliotecii Divi.
Pentru a salva un articol în bibliotecă, dați clic pe pictograma bibliotecă care există atunci când treceți cu mouse-ul peste orice element și în bara de setări a paginii. Odată ce un articol a fost adăugat în bibliotecă, acesta va apărea în fila „Adăugați din bibliotecă” atunci când adăugați noi machete, secțiuni, rânduri și module Divi.
Ok, ai elementele de bază. Acum este timpul să săpăm mai adânc!
Deci până acum ați adăugat primele secțiuni, rânduri și module pe pagina dvs. Le-ați ajustat setările și ați început să vă construiți și să vă personalizați designul. Ai elementele de bază jos, dar mai sunt multe de învățat.
Extinderea Potențialului Divi cu Mai Multe Module, Teme Copil și Șabloane
Unul dintre cele mai mari atu-uri ale Divi este comunitatea sa pasionată de designeri și dezvoltatori. Pe Divi Marketplace, creatorii Divi au construit și împărtășit resurse Divi uimitoare, cum ar fi module Divi personalizate, teme Divi Child și layout-uri Divi pre-construite. Folosirea Temelor Copil și Aspectelor sunt modalități excelente de a lansa noi site-uri web și modulele Divi deblochează potențialul Divi, oferindu-vă mai multe blocuri.
