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
- site-uri web 5 pentru utilizare restaurant tematic Divi
- Cum să adăugați text pe un produs Divi WooCommerce
- Modificarea culorii meniului între paginile Divi
- Cum să personalizați grilele unui blog cu Divi
- Cum de a utiliza rolul editor Divi pe WordPress
- Cum se creează un glisor Divi pe ecran complet
- Modificarea culorii meniurilor între paginile Divi
- Caracteristici pe care probabil nu le cunoașteți despre Divi
- Cum se utilizează Divi Builder pe WordPress
- Cum se utilizează modulul de defilare video Divi
- Cum se utilizează modulul Divi Builder Flip
- Cum să adăugați un modul de mărturie pe Divi Builder
- Cum se utilizează modulul de text Divi
- Cum se creează un slider pe Divi
- Cum se editează un rol de utilizator Divi
- Cum se utilizează modulul Divi Social Media
- Cum se utilizează modulul magazin pe tema WordPress Divi
- Cum se utilizează modulul bara laterală Divi
- Cum se utilizează modulul de prețuri pentru divi
- Cum se utilizează modulul de titlu al publicațiilor Divi
- Cum se adaugă un modul video de Divi
- Cum să utilizați modulul de navigare pentru articole
- Cum se utilizează modulul de căutare Divi
- Cum se utilizează modulul portofel Divi
- Cum se utilizează modulul persoană pe Divi Builder
- Cum se utilizează modulul portofel cu filtrul Divi
- Modul de utilizare a modulului glisant cu lățime întreagă
- Cum se utilizează modulul de imagine Divi Builder
- Modul de utilizare a modulelor de navigație full-width din Divi Builder
- Cum se utilizează modulul galerie de imagini
- Modul de utilizare a modulului de carduri cu dimensiuni multiple de la Divi Builder
- Cum să utilizați modulul de portofoliu Full Width Divi
- Cum se utilizează modulul antet de Divi pentru lățimea completă
- Cum se utilizează modulul Counter Modul Divi
- Cum se utilizează glisorul de articole pe Divi Builder
- Cum se utilizează modulul Divi Email Optin
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.
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