Divi este cu siguranță unul dintre Teme WordPress cele mai populare în zilele noastre. Unul dintre elementele care constituie puterea acestei teme este constructorul ei (Divi Builder), care ne amintește mult de cel de Compozitor Visual.

Divi Builder vine în două forme: standardul „Back-end Builder” și „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-ul Builder locuiește în tabloul de bord WordPress și este accesibil cu toate celelalte setări standard WordPress.

Se află în interiorul interfeței de utilizator 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 bloc a site-ului dvs. Acest tutorial se va concentra numai pe constructorul vizual.

Descărcați tema DIVI WordPress

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 face clic pe pagină și puteți începe 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ă urmărești tot ce se întâmplă în fața ochilor tăi.

Cum să activați Visual Builder

Când 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 imaginea pentru constructor.

Dacă vă editați pagina pe tabloul de bord, puteți trece la generatorul vizual făcând clic pe butonul „Activați generatorul vizual” aflat în partea de sus a interfeței de back-end Divi Builder (rețineți că trebuie să activați mai întâi Divi Builder înainte de apare butonul de constructor vizual).

Elementele de bază ale constructorului vizual

Puterea Divi constă în Visual Builder, un generator de pagini drag-and-drop 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 lor la unison vă permite să creați nenumărate machete. Secțiunile sunt cele mai mari blocuri de construcție și găzduiesc grupuri de rânduri. Rândurile sunt în interiorul secțiunilor și sunt folosite pentru a găzdui modulele. 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țiuni. 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 speciale permit amenajări laterale mai avansate.

rând

Rândurile sunt î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 ați definit 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ă.

Module

Modulele sunt elementele de conținut care alcătuiesc site-ul dvs. Fiecare modul Divi se poate adapta la orice lățime a coloanei ș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 treceți cu mouse-ul în prezent.

Dacă începeți o pagină nouă, prima dvs. secțiune va fi adăugată automat.

Adăugând prima linie

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 conține orice număr de rânduri și puteți combina și potrivi rânduri din diferite tipuri de coloane pentru a crea o varietate de aspecte.

Pentru a adăuga un rând, faceți clic pe butonul verde (+) dintr-o secțiune goală sau faceți clic pe butonul verde (+) care apare când treceți cu mouse-ul peste un rând curent pentru a adăuga un nou rând sub acesta. După ce faceți clic pe butonul verde (+), veți fi întâmpinat cu o listă de tipuri de coloane. Alegeți coloana la alegere și sunteți gata să adăugați primul modul.

Adăugarea primului tău modul

Modulele pot fi adăugate în interiorul rândurilor și fiecare rând poate conține 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 Texte, Imagini și Butoane, sau module mai avansate, cum ar fi Slidere, Portofolii Galerii și eCommerce Magazine.

Pentru a adăuga un modul, faceți clic pe butonul gri (+) care există într-o coloană goală sau faceți clic pe butonul gri (+) care există atunci când treceți cu mouse-ul peste un modul din pagină pentru a adăuga un nou modul sub acesta . După ce faceți clic pe butonul, veți fi întâmpinat cu o listă de module.

Alegeți modulul la alegere și acesta va fi adăugat în pagina dvs. și va apărea panoul de control al modulului. Folosind acest panou de control, puteți începe configurarea modulului.

Asta e tot pentru acest tutorial. Cu ceea ce ai învățat astăzi, vei putea crea un aspect cu Divi. Vom reveni cu tutoriale avansate pe acest subiect. Acum puteți descărca Divi tema.

[vc_row center_row = "da"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] DESCARCĂ TEMA DIVI [/ vcex_button] [/ width»_column_column] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right" =" TEMP D FA-DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]

Alte tutoriale Divi

produse similare

2 Comentarii

massimiliano pe 23 ianuarie 2021 la 9 h 55 min

Vă rugăm să rețineți că această secțiune nu vă permite să vizualizați pagina pe care o creați cu secțiunea de constructor vizual pe care subiectul nu este atras de secțiunea de constructor vizual, dar nu vedeți formatul paginii. Folosiți local prin volant sau xammp pentru a vedea locația mea în local. Mulțumiri și bun lucru.
răspuns
zeni irawan pe 21 august 2020 la 19 h 25 min

permisiunea de a întreba administratorul despre problemele cu care mă confrunt cu tema divi, cum să remediez tema divi nu poate fi editată (divi builder nu poate fi făcut clic, doar reciproc) totul a început când am editat fișierul .htaccess pentru a redirecționa adresa URL de la http la https , ca urmare a aparut o eroare, nu am putut intra in zona de admin si nu am avut backup-ul, pe scurt, am putut intra in zona de admin WordPress, iar aspectul site-ului s-a schimbat putin, apoi am intrat in constructorul divi(page) și acolo problema apare doar în cercuri dacă doriți, sper cu adevărat că adminul BlogPascher oferă o soluție. Mulțumesc
răspuns

Raspunde la zeni irawan Annuler la REPONSE

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Cum să utilizați pluginul Divi Builder pe WordPress