Repere produs Divi: Divi Designer Pack

Divi Designer Pack este un pachet de layout cu peste 720 de elemente de design pe care le puteți utiliza cu Divi Builder pentru a crea fără efort următorul site web. Vine cu machete deschise și întunecate și o varietate de modele pentru fiecare secțiune a paginii dvs. În această postare, vom arunca o privire la unele dintre aspectele care vin cu Divi Designer Pack pentru a vedea dacă acesta este produsul potrivit pentru tine.

Să începem!

Instalarea Divi Designer Pack

Divi Designer Pack vine ca fișier .ZIP care conține fișiere .json Divi Library. Aspectele sunt ambalate astfel încât să puteți instala toate layout-urile, toate layout-urile dintr-o anumită categorie sau toate layout-urile deschise sau întunecate dintr-o anumită categorie, în funcție de nevoile dvs.

Pentru a instala machetele, începeți prin a dezarhiva fișierul .ZIP din managerul de fișiere. Apoi, deschideți tabloul de bord WordPress și navigați la pagina Biblioteca Divi. Faceți clic pe Import & Export în partea de sus, apoi selectați fila de import. Alegeți un fișier pachet de aspect .json de importat, apoi selectați Import Divi Builder Layouts.

Odată ce aspectul a fost importat, deschideți pagina în Divi Builder. Faceți clic pe pictograma albastră plus pentru a adăuga o nouă secțiune, apoi selectați Adăugați din bibliotecă.

Găsiți aspectul pe care doriți să îl utilizați în Biblioteca Divi.

Apoi, faceți clic pe butonul Utilizați această secțiune pentru a încărca aspectul pe pagina dvs.

Pachetul Divi Designer

Pachetul Divi Designer vine cu peste 720 de aspecte pentru diferite secțiuni ale site-ului web, cu modele deschise și întunecate. Fiecare dintre machete poate fi personalizat după bunul plac, iar conținutul poate fi înlocuit cu al tău. Deoarece există atât de multe aspecte diferite care vin cu acest pachet, nu le putem acoperi pe toate în această postare. Vom arunca o privire la câteva aspecte din fiecare categorie pentru a vă oferi o idee despre ce modele puteți obține cu Divi Designer Pack. De asemenea, puteți vizualiza toate aspectele pe site-ul web demo live.

Secțiuni de design Divi Designer

Divi Designer Despre secțiuni

Există în total 25 de aspecte despre secțiuni. Aspectul 2 are o imagine și o casetă de text suprapusă cu un număr. Există text în partea dreaptă, împreună cu câteva module de blurb.

Iată versiunea întunecată a aspectului 2.

Layout 11 are un design în două tonuri, cu ceva text în stânga și o imagine în dreapta, un buton CTA și câteva module de prezentare cu pictograme pentru rețelele sociale.

Despre aspectul 17 folosește forme de gradient în jurul unei imagini. Există ceva text și un buton CTA în stânga, împreună cu câteva module de informare cu pictograme săgeți.

Secțiuni de blog Divi Designer

Există 7 secțiuni de blog în total, cu variații întunecate și luminoase. Aceste secțiuni afișează o selecție de postări de pe blogul tău. Layout 1 are un design simplu și minimalist, cu un efect de zoom-in hover asupra imaginilor și un efect de hover subliniat pe titlul postării.

Al treilea aspect al blogului prezintă un buton CTA în dreapta sus și carduri cu un ușor efect de hover de umbră.

Iată varianta întunecată a aspectului blogului 5. Prezintă un efect de hover care adaugă o subliniere la titlul postării și mută cardul ușor în sus.

Aspectul 7 al blogului conține un card cu informații despre postare în partea de sus, imaginea în mijloc și un buton de citire mai multe în partea de jos.

Divi Designer Carusel Sections

Există 16 modele diferite de carusel, cu mai multe tipuri diferite de carusele. Primul exemplu este caruselul 4, un carusel pentru membrii echipei. Fiecare card de membru al echipei conține o imagine, nume, titlu de post, descriere și pictograme pentru rețelele sociale.

Layout 7 este un carusel de mărturie. Acesta este aspectul întunecat. Fiecare articol din carusel conține o fotografie de profil, text de mărturie, nume și titlul postului.

Carusel 13 este un carusel de postări pe blog. Este un aspect simplu de card cu categoria de blog în colțul din dreapta sus al imaginii și titlul postării de mai jos.

Secțiuni de contact Divi Designer

Divi Designer vine cu 20 de aspecte ale secțiunii de contact. Acesta este aspectul 4, care conține text și informații de contact în partea stângă și un formular de contact în partea dreaptă.

Aspectul de contact 6 este o secțiune simplă cu un număr de telefon, ceva text și un buton CTA în stânga, cu o imagine în dreapta.

Aspectul 15 prezintă formularul de contact din stânga cu informații de contact în dreapta pe un fundal degradat.

Aceasta este varianta întunecată a aspectului 15.

Secțiuni de contor Divi Designer

Există 16 modele de contor în total. Primul aspect este să obțineți o ofertă gratuită și are ceva text și un buton CTA în stânga și o imagine și câteva contoare de numere dedesubt.

Aspectul 9 prezintă text în partea de sus și contoare de numere cu pictograme dedesubt.

Aspectul de contor 11 are o bară de contor care se umple pe măsură ce pagina se încarcă. Acesta este aspectul întunecat.

Aspectul contorului 15 include text în stânga și un buton CTA, cu mai mult text în dreapta urmat de contoare de numere.

Divi Designer CTA Secțiuni

Există 15 layout-uri CTA în pachetul Divi Designer. Acest prim exemplu este aspectul 5. Este o secțiune CTA care evidențiază o aplicație mobilă și conține imagini care pot fi conectate la magazinul Google Play și la App Store.

Acesta este aspectul CTA 7 în varianta întunecată. Are o imagine întunecată suprapusă cu o pictogramă, text și două butoane CTA.

Layout 9 include un modul de prezentare cu ceva text și un buton CTA care se suprapune pe o imagine cu colțuri rotunjite.

Layout 10 include câteva pictograme text și rețele sociale.

Secțiuni de întrebări frecvente ale Divi Designer

Există 15 forme de secțiune de întrebări frecvente. Aceasta este secțiunea întâi de întrebări frecvente. Are o imagine mare pe o parte și întrebări frecvente în stil comutator în partea dreaptă.

Și aceasta este versiunea întunecată a secțiunii întâi de întrebări frecvente.

Aspectul de întrebări frecvente 4 are un aspect de comutare pe lățime completă.

În cele din urmă, aspectul de Întrebări frecvente 7 oferă comutare între întrebări frecvente din stânga și o imagine, ceva text și un buton CTA în partea dreaptă.

Divi Designer Hero Secțiuni

Există 30 de aspecte ale secțiunii eroilor în total. Primul, aspectul 8, prezintă un text în partea stângă cu o imagine transparentă a unei persoane în dreapta.

Dispozitivul Hero 9 are o imagine de fundal întunecată cu text mare erou și o bară de căutare. Sub bara de căutare se află trei carduri imagine cu text de descriere și un buton de citire mai multe.

Aspectul 19 folosește o imagine mare de fundal întunecată și include ceva text și două butoane.

Secțiuni de prețuri Divi Designer

Există, de asemenea, 20 de modele de prețuri. Acesta este aspectul de preț 7. Are un fundal roz și două carduri de preț cu ceva text în dreapta. Fiecare card de prețuri are un titlu și un subtitlu, un preț, detalii și un buton Cumpărați acum.

Dispozitivul de preț 8 include trei niveluri de preț. Titlul și prețul, împreună cu subtitrarea sunt în stânga. Caracteristicile sunt în dreapta, prezentate cu bifă, iar butonul Cumpără acum este în dreapta. Opțiunea din mijloc este evidențiată în verde.

Layout 12 include trei carduri cu o pictogramă, titlu și subtitrare și preț în partea de sus a fiecărui card. Există un banner verde care separă partea de sus de caracteristici și apoi o listă de caracteristici urmată de un buton. Fiecare carte are un efect de hover care mută cartea în sus la hover.

Iată versiunea întunecată a aspectului de prețuri 19. Are câteva pictograme de afișare în partea de sus pentru a evidenția funcțiile și trei blocuri de planuri de prețuri.

Secțiunile Divi Designer Services

Divi Designer Pack vine cu 25 de aspecte de servicii. Aspectul 3 include un titlu, trei module de prezentare pe un fundal întunecat cu text de descriere și un buton.

Aspectul de servicii 14 are trei carduri cu o pictogramă în partea de sus, un text de descriere, o listă de text numerotată și un link pentru a vizualiza detalii.

Aspectul 19 include text de titlu și text de descriere, împreună cu șase module de prezentare cu pictograme reprezentând fiecare serviciu.

Aceasta este versiunea întunecată a aspectului de servicii 25. Are patru secțiuni de servicii cu un efect de hover care întunecă cardul.

Divi Designer Slider Secțiuni

Există un total de 15 forme de glisare. Dispunerea glisorului 1 are un mic glisor de text cu un număr, text și un buton pe fiecare diapozitiv. Există o secțiune de titlu cu fundal verde deasupra glisorului și o imagine în partea dreaptă.

Dispunerea glisorului 8 este un glisor de imagine mare cu o suprapunere întunecată. Există text în stânga și un buton dedesubt.

Dispunerea glisorului 12 are o imagine de fundal mare și diapozitive de text pe un fundal alb care se schimbă cu fiecare diapozitiv. Există, de asemenea, un buton pe fiecare diapozitiv.

Secțiunile echipei Divi Designer

Există 25 de modele de secțiune de echipă în total. Aspectul 8 include un titlu și trei imagini ale membrilor echipei cu efect de hover. Când treceți cu mouse-ul peste imagine, există o suprapunere întunecată și sunt afișate numele membrului echipei, titlul postului și pictogramele rețelelor sociale.

Iată versiunea întunecată a aspectului 8.

Aspectul 13 are un titlu și un text în partea stângă, împreună cu un buton CTA. În dreapta sunt trei imagini circulare ale membrilor echipei. Similar cu ultimul design, atunci când treceți cu mouse-ul peste imagine, numele membrului echipei, titlul postului și pictogramele rețelelor sociale sunt dezvăluite.

Acest design are aspectul 18 și conține carduri cu fotografii ale membrilor echipei, titluri de post și link-uri de rețele sociale. În dreapta este un titlu și o descriere, urmate de un buton CTA.

Divi Designer Marturii Secțiuni

Există 25 de secțiuni diferite de mărturii. Acesta este aspectul 1 și prezintă titlul și textul corpului în partea de sus, urmate de trei secțiuni de mărturie. Fiecare mărturie are o pictogramă, o imagine, textul corpului, un nume, titlul postului și compania.

Această secțiune este aspectul 2. Conține două carduri de mărturie cu o pictogramă citată, text, o imagine, nume, titlu de post și titlul companiei pe un fundal de imagine cu o suprapunere întunecată. În stânga puteți găsi un text de antet, text de corp și un buton CTA.

Aceasta este versiunea întunecată a aspectului 5, cu secțiuni colorate care conțin mărturiile clienților.

Layout 7 are un glisor de mărturie în stânga cu o imagine, text de mărturie și un nume în partea de jos. În dreapta se află textul titlului, textul corpului și un buton CTA.

Șabloane Divi Designer Theme Builder

Urmează șabloanele pentru generatorul de teme. Acestea sunt șabloane de antet, subsol și corp care pot fi încărcate din generatorul de teme în setările Divi din tabloul de bord WordPress.

Șabloane de subsol Divi Designer

Există un total de 20 de șabloane de subsol. Primul este aspectul subsolului 4. Acest design prezintă un logo, pictograme pentru rețelele sociale și o notificare privind drepturile de autor în partea stângă. În dreapta sunt două coloane de elemente de meniu.

Aspectul subsolului 13 are un formular de contact în stânga și informații de contact și pictograme de rețele sociale în dreapta. Există și o bară sub subsol cu ​​informații despre drepturile de autor.

Aspectul de subsol 19 prezintă o siglă, o adresă și un program de lucru în partea stângă. În centru este o bară de meniu, iar în dreapta este un formular de înscriere la buletin informativ și link-uri pentru rețelele sociale. În partea de jos este o notificare privind drepturile de autor.

Șabloane antet Divi Designer

Există și 20 de șabloane de antet în Divi Designer Pack. Acesta este antetul 7. Are o bară secundară de meniu în verde cu informații de contact și un buton CTA. Bara de meniu principală prezintă un logo în stânga și elemente de meniu aliniate la dreapta.

Aspectul antetului 8 include informații de contact cu un logo integrat în partea de sus. Mai jos sunt articolele din meniu.

Aspectul antetului 13 prezintă câteva pictograme de rețele sociale în stânga, o siglă în centru și un buton CTA în dreapta. Mai jos sunt elementele de meniu, aliniate la stânga și o bară de căutare care este aliniată la dreapta.

Șabloane Divi Designer 404

Există 25 de șabloane diferite de 404 pagini. Primul design, aspectul 6, prezintă literele „OOPS” din spatele textului de eroare 404. Acest aspect are și un buton portocaliu pentru a merge la pagina de pornire.

Acesta este aspectul 9. Conține un text umbrit mare și eroarea 404, împreună cu un buton pentru a reveni la pagina de pornire, urmat de câteva pictograme de rețele sociale.

Layout 12 prezintă cele 404 numere într-un font mare și are un buton pentru a reveni la pagina de pornire.

Șabloane de blog Divi Designer

Șabloane de pagină de blog Divi Designer

Există 20 de șabloane de blog care vin cu Divi Designer Pack. Aspectul blogului 1 include un antet de imagine cu un titlu și un buton. Postările sunt listate în stânga cu imaginea prezentată, informații despre postare și butonul Citiți mai multe. Există o bară laterală în partea dreaptă cu o bară de căutare, postări recente și comentarii recente. În partea de jos este o altă imagine cu text suprapus.

Iată versiunea întunecată a aspectului blogului 1.

Aspectul blogului 8 include niște separatoare de secțiuni curbate și o secțiune de antet cu text și un buton în partea de sus. Postările de blog au un aspect în stil card, cu o imagine, detalii despre postare și un buton de citire mai multe. În partea de jos a paginii este o altă secțiune de text.

Aspectul blogului 18 include o secțiune de titlu cu text și un buton, urmate de două coloane de blog. Coloana din stânga afișează postări cu o imagine mare prezentată. Coloana din dreapta conține doar detaliile postării și un buton Citiți mai multe. În cele din urmă, există un text suplimentar în subsol.

Șabloane de postare Divi Designer

Există 20 de șabloane diferite de postare care vin împreună cu pachetul. Aspectul postării 4 are imaginea prezentată în partea de sus a paginii, cu titlul postării, informațiile postării și un buton suprapus. Urmează conținutul postării și comentariile. Există o bară laterală în partea dreaptă care include o bară de căutare, postări recente și comentarii recente. În partea de jos a paginii există un text suplimentar.

Iată versiunea întunecată a aspectului postului 5. Imaginea prezentată este în partea de sus cu un separator curbat. Conținutul postării și comentariile sunt pe un fundal întunecat, urmate de o secțiune cu o imagine și text suprapus care promovează o ofertă.

Aspectul 11 ​​începe cu titlul postării în partea de sus, apoi imaginea mare prezentată. Apoi, puteți găsi conținutul postării și comentariile. În dreapta este un card care conține informațiile postării.

Aspectul postării 13 prezintă și titlul în partea de sus, urmat de imaginea prezentată. Informațiile postării sunt listate sub imagine. Urmează conținutul postării și comentariile, iar în sfârșit există o secțiune de postări conexe care afișează carduri cu alte postări de pe blog.

Șabloane Divi Designer Woo

Șabloanele Woo sunt aspecte care funcționează cu pluginul Woo Commerce.

Șabloane de coș Divi Designer

Există 13 șabloane de coș care vin împreună cu pachetul. Aspectul coșului 1 are o temă de culoare albastră. Există un titlu în partea de sus, urmat de coș unde puteți vedea conținutul coșului, puteți aplica un cupon și puteți actualiza coșul. Există un buton de revenire la magazin sub acesta. În partea dreaptă este totalul coșului, urmat de butonul de trecere la finalizarea comenzii.

Dispunerea coșului 2 are un titlu cu o pictogramă coș. Apoi există coșul unde puteți vedea produsele. Urmează în stânga câteva informații despre cupon, iar în dreapta este totalul coșului și butonul de trecere la achiziție.

Aspectul coșului 8 începe cu un titlu, urmat de conținutul coșului. Mai jos sunt câteva pictograme de tip blurb și un buton de revenire la magazin. Urmează totalul coșului și un buton de trecere la finalizarea comenzii. În dreapta acestuia este un modul de acordeon cu câteva întrebări frecvente.

Și aici este versiunea întunecată a aspectului căruciorului 8.

Șabloane de plată Divi Designer

Există 13 șabloane de plată în total. Aspectul Checkout 3 include linkuri către paginile magazinului și al coșului în partea de sus, urmate de o secțiune de introducere a cuponului. Mai jos în stânga sunt detalii de facturare și informații suplimentare, iar în dreapta sunt totalul comenzii și plata. Aceasta este versiunea întunecată.

Acesta este al 4-lea șablon. Are mai multe pictograme în partea de sus care sunt legate de coș și magazin, urmate de o introducere a codului de cupon. În stânga sunt detalii de facturare și informații suplimentare, iar în dreapta sunt totalul comenzii și metoda de plată.

Iată versiunea întunecată a aspectului de checkout 4.

Aspectul 10 de finalizare a comenzii prezintă un titlu și un cupon în partea de sus, urmate de detaliile de facturare și informații suplimentare. În dreapta se află totalul comenzii, plata și câteva module de informare.

Șabloane de produse Divi Designer

Există și 13 șabloane de produse. Acesta este aspectul 2, care prezintă o imagine mare a produsului în partea de sus. Urmează numele produsului, costul, descrierea și butonul de adăugare în coș. Mai jos sunt produse și recenzii similare.

Dispunerea produsului 6 are un fundal mai închis și prezintă fotografia produsului în stânga și informațiile despre produs în dreapta, cu butonul de adăugare în coș. Mai jos sunt descrierea, recenziile și produsele conexe.

Aspectul produsului 10 are un aspect de card cu informații despre produs și butonul de adăugare în coș din stânga. În dreapta este imaginea produsului. Mai jos sunt recenzii și produse conexe.

Iată versiunea întunecată a aspectului produsului 10.

Șabloane Divi Designer Shop

În cele din urmă, există și 10 șabloane de magazin care vin cu Divi Designer Pack. Acesta este aspectul 4, care prezintă un antet cu o imagine, urmat de o bară laterală și produse. În partea de jos sunt câteva module de blurb cu pictograme mari.

Aspectul magazinului 8 include un titlu cu text și o imagine, produse de mai jos cu un chenar, urmate de câteva module de prezentare.

Aceasta este versiunea întunecată a aspectului magazinului 8.

În cele din urmă, aspectul magazinului 9 prezintă un titlu cu o imagine, urmat de produse în stânga și o bară laterală în dreapta, apoi câteva module de blurb în partea de jos.

Achiziționați pachetul Divi Designer

Divi Designer Pack este disponibil pe Divi Marketplace. Costă 19 USD pentru utilizare nelimitată a site-ului și actualizări pe viață. Prețul include și o garanție de rambursare a banilor de 30 de zile.

Gânduri finale

Tocmai am lovit vârful aisbergului în acest articol, există atât de multe alte machete de descoperit în Pachetul Divi Designer, toate cu stiluri și utilizări diferite. Desigur, fiecare aspect poate fi complet personalizat cu propriul dvs. conținut și modificat pentru a se potrivi cu cazul dvs. de utilizare specific și puteți combina multe aspecte diferite de secțiune pentru a crea cu ușurință machete de pagină completă. Pentru a previzualiza toate aspectele diferite pe care le obțineți cu Divi Designer Pack, aruncați o privire la demonstrația live.

Ne-ar plăcea să auzim de la tine! Ați încercat Divi Designer Pack? Spune-ne în comentarii ce părere ai despre asta!