Repere produs Divi: Kit web Divi multifuncțional
Publicat: 2023-04-24Ultimate Multipurpose Divi Webkit este o compilație extinsă de secțiuni Divi și machete de pagină care pot fi folosite pentru a construi rapid machete de site-uri web. Produsul include aspecte pentru despre secțiuni, formulare de contact, tabele de prețuri, cronologie, file, secțiuni de întrebări frecvente, anteturi și subsoluri și multe altele. Fiecare kit web din colecție este conceput în jurul unei teme specifice, cum ar fi agenții digitale, grădinărit și amenajări peisagistice, fitness și sală de sport, printre altele. Cu toate acestea, toate aspectele sunt adaptabile și pot fi reutilizate pentru orice site web pe care doriți să îl construiți.
Utilizând setările de design ale Divi, puteți avea control complet asupra aspectului secțiunilor și puteți personaliza modelele după bunul plac. În această evidențiere a produsului, vom analiza aspectele pe care le obțineți cu Ultimate Multipurpose Divi Webkit și vă vom ajuta să decideți dacă este produsul potrivit pentru următorul dvs. proiect de web design.
Să începem!
- 1 Instalarea Ultimate Multipurpose Divi Webkit
- 2 Webkit Divi multifuncțional
- 2.1 Aspecte secțiuni
- 2.2 Aspecte antet și subsol
- 2.3 Aspecte de pagină de detalii
- 3 Achiziționați Ultimate Multipurpose Divi Webkit
- 4 Gânduri finale
Instalarea Ultimate Multipurpose Divi Webkit
Ultimate Multipurpose Divi Webkit vine ca fișier .ZIP care conține fișiere .json Divi Library. Aspectele sunt organizate pe webkit și puteți alege să importați toate machetele de un anumit tip sau să selectați aspectul individual pe care îl doriți.
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, apoi faceți clic pe butonul Utilizați această secțiune pentru a încărca aspectul pe pagina dvs.
Kit web Divi multifuncțional
Ultimate Multipurpose Divi Webkit este format din webkit-uri cu diferite stiluri și concepte de site-uri web. Ultimate Multipurpose Divi Webkit vine în prezent cu 7 webkit-uri diferite și intenționează să adauge mai multe webkit-uri în fiecare lună. În total, vă puteți aștepta la peste 900 de stiluri de secțiune, 28 de pagini de detalii și mai mult de 22 de elemente.
Aspecte de secțiuni
Fiecare kit web vine cu mai multe aspecte pentru fiecare secțiune de care ați putea avea nevoie pe site-ul dvs. web. Să aruncăm o privire la unele dintre aspectele secțiunilor.
Despre noi
Primul aspect Despre noi pe care îl vom analiza este aspectul Despre noi 2 din setul web de finanțe și consultanță. Acest aspect constă din două imagini, ceva text pentru a prezenta compania, un citat și numele fondatorului într-un font de script în stil semnătură.
Acesta este aspectul Despre noi 4 din kit-ul web pentru sala de fitness. Prezintă o imagine tăiată într-o formă în stânga și câteva module de text și blurb în dreapta.
Despre noi aspectul 3 din aspectul grădinii și al amenajarii peisagistice prezintă trei imagini într-un aspect în stil colaj, cu un numărător de numere în mijloc. Există câteva secțiuni de text, două butoane și câteva contoare de numere care numără până când pagina se încarcă.
Blog
Acesta este stilul de blog al agenției digitale 1. Are un aspect simplu și modern, cu blocuri în stil card care afișează postări recente pe blog. Data postării pe blog este evidențiată pe un fundal roșu în partea de sus a imaginii prezentate.
Acesta este stilul de blog 7 din webkit-ul pentru energie eoliană și solară. La trecerea cu mouse-ul, imaginea mărește, butonul se schimbă în portocaliu și o umbră de casetă apare în spatele postării de pe blog.
În cele din urmă, acest blog este stilul 3 din kit-ul web de fitness și sală de gimnastică. La trecerea cu mouse-ul, imaginea mărește, blocul cu data postării devine negru, iar linia de sub butonul Citiți mai devine neagră.
Formular de contact/Informații
Primul formular de contact/aspect de informații provine din setul web de finanțe și consultanță. Acesta este stilul de contact/informații 1, cu un formular de contact în stânga pe un fundal de imagine și o secțiune de întrebări frecvente în partea dreaptă.
Acesta este aspectul de contact 3 din kit-ul web de fitness și sală de sport. Dispune de trei spoturi pătrate cu o umbră de casetă, fiecare evidențiind informații importante de contact. Cardul se deplasează în sus la trecerea cu mouse-ul, iar cercul roșu din spatele pictogramei se extinde.
Stilul 6 din kit-ul web pentru energie eoliană și solară prezintă un aspect unic cu o hartă pe lățime completă și informațiile de contact și formularul pe un card care se suprapune în partea de jos a hărții.
Tejghea
Modulul contor ajută la reprezentarea datelor numerice pe site-ul dvs. cu un efect de numărare în sus pe măsură ce pagina se încarcă. Acest prim exemplu vine din kit-ul web pentru grădină și amenajare a teritoriului. Stilul 2 are patru contoare de numere într-o secțiune cu un chenar rotunjit.
Aspectul de contor 1 din kit-ul web de fitness și sală de sport conține patru contoare de numere și o imagine aranjată într-o grilă.
În cele din urmă, stilul de contor 5 din kit-ul web de finanțe și consultanță prezintă trei contoare de numere cu pictograme pe un fundal portocaliu rotunjit în colțul din stânga sus.
CTA
Stilul 2 de aspect CTA din kit-ul web eolian și solar include textul antetului care se schimbă la stânga și la dreapta și își schimbă culoarea de la alb la verde, creând un efect subtil, dar atrăgător.
Urmează aspectul CTA 2 din kit-ul web de fitness și sală, care evidențiază un videoclip informativ. Butonul de redare are un cerc opac care iese din centru, încurajând utilizatorul să apese pe play.
În cele din urmă, aspectul CTA 2 din aspectul finanțare și consultanță prezintă o imagine mare în stânga, câteva module de text, un buton de contact și un număr de telefon afișat într-un panou.
FAQ
Trecând la aspectul secțiunii Întrebări frecvente, să aruncăm o privire la stilul 4 din kit-ul web al agenției digitale. Aspectul are mesaje cu întrebări frecvente în stânga, un colaj de trei imagini în dreapta și o formă mică pătrată care se estompează în timp ce se rotește.
Aspectul 3 de întrebări frecvente din kit-ul web de finanțe și consultanță conține o imagine mare în stânga și text de titlu și module de întrebări frecvente în dreapta.
Aspectul de întrebări frecvente 3 din kit-ul web pentru amenajare peisagistică conține un text, modulele de întrebări frecvente din stânga și o imagine mare cu o marturie în partea dreaptă.
Caracteristici
Secțiunea de caracteristici este locul în care puteți evidenția caracteristici unice sau puncte de vânzare pentru serviciile sau produsele dvs. Aspectul 3 din kit-ul web eolian și solar conține ceva text în stânga, un buton pentru a reda un videoclip și patru informații în partea dreaptă care evidențiază caracteristicile.
Aspectul 3 din kit-ul web pentru sala de fitness are două imagini cu stiluri unice de chenar în partea stângă, cu o imagine de ansamblu suprapusă pe imaginea mare care evidențiază taxele. În stânga sunt niște text și trei blurbs care evidențiază caracteristici.
Acesta este stilul 2 din kit-ul web de finanțe și consultanță. Include două imagini, un numărător de numere în stânga și ceva text, blurburi și un buton în partea dreaptă.
Galerie
Stilul 4 de galerie din kit-ul web pentru grădină și amenajare peisagistică prezintă un efect de estompare și o pictogramă la hover.
În continuare, aspectul galeriei 4 din kit-ul web al agenției digitale are o suprapunere roșie care se extinde peste imaginea la trecerea cursorului.
Stilul 3 din kit-ul web de finanțe și consultanță prezintă un efect de hover interesant în care imaginea se deplasează spre dreapta și apare o suprapunere ușoară.
Erou
Aspectul 10 al secțiunii Hero pentru kit-ul web pentru energie eoliană și solară prezintă un aspect portocaliu strălucitor cu ceva text, un buton, o imagine cu o animație subtilă plutitoare și o prezentare care evidențiază prețul de pornire al serviciului.
Stilul 3 în kit-ul web pentru grădină și amenajări peisagistice prezintă o imagine mare cu text și o imagine pe un fundal cu lățime completă.
În cele din urmă, stilul erou 3 din kit-ul web al agenției digitale prezintă un fundal de imagine mare, ceva text și un buton CTA și o secțiune cu trei informații care dezvăluie o imagine la trecerea cursorului.
Siglă
Secțiunea de sigle stilul 4 din kit-ul web pentru energie eoliană și solară prezintă o grilă de logo-uri care scad în dimensiune și dezvăluie culoarea la trecerea cu mouse-ul.
Aceasta este secțiunea logo-ului 4 din kitul web pentru sala de fitness. Siglele sunt afișate într-o secțiune cu lățime completă pe un fundal roșu.
Aspectul 3 din aspectul de finanțare și consultanță are o secțiune de text în partea de sus și inversează sigla și culorile de fundal la trecerea cursorului.
Buletin informativ
Aceasta este secțiunea de înscriere la newsletter stilul 5 din kitul web de finanțe și consultanță. Include o imagine cu un aspect unic de clip, ceva text, un separator și un formular de înscriere.
Stilul 2 de buletin informativ din grădina și aspectul peisagistic include text, o pictogramă cu efect de chenar pulsatoriu și un formular de înscriere pe un fundal de imagine.
În cele din urmă, stilul 3 de aspect al buletinului informativ din kit-ul web de fitness și sală de gimnastică conține un card cu text și un formular de înscriere pe un fundal de imagine cu lățime completă.
Prețuri
Secțiunea de prețuri stilul 1 din kitul web pentru energie eoliană și solară conține trei tabele de prețuri cu o mică informație în partea dreaptă sus care evidențiază o reducere.
Stilul 4 din kit-ul web al agenției digitale include și trei informații de preț. Există o secțiune de text în partea de sus, informații despre preț, un buton Cumpărați acum și patru informații pentru a evidenția funcțiile.
Aspectul 3 al secțiunii de prețuri din kit-ul web pentru grădină și amenajare a teritoriului evidențiază fiecare nivel de preț cu o pictogramă în partea de sus. Gradientul din buton se schimbă la trecerea cu mouse-ul.
Proiecte
Aspectul 5 al secțiunii de proiecte din kit-ul web de fitness conține un text în partea de sus și proiectele enumerate mai jos cu un efect de hover care adaugă o suprapunere și setează fundalul titlului în negru.
Urmează aspectul 2 al secțiunii de proiect din kit-ul web pentru grădină și amenajare a teritoriului. Prezintă un text și câteva categorii de proiecte în partea de sus. Detaliile proiectului sunt listate peste imaginea proiectului, care se mărește la trecerea cursorului.
În cele din urmă, stilul de proiect 5 din kit-ul web de finanțare și consultanță prezintă categorii în partea de sus și informații despre proiect și o pictogramă pe hover.
Serviciu
Secțiunea de servicii 2 din kitul web pentru energie eoliană și solară conține trei informații cu o imagine și o pictogramă care evidențiază fiecare serviciu. La trecerea cu mouse-ul, apare o umbră de casetă, iar fundalul pictogramei devine verde.
Acesta este aspectul serviciului 3 din kit-ul web de fitness. Include trei blurbs cu pictograme mari. La trecerea cu mouse-ul, chenarul indicativului devine roșu, iar în partea de jos a afișajului apar o pictogramă săgeată și un chenar.
Aspectul 2 al serviciului din setul web de finanțe conține patru informații despre servicii cu o pictogramă, o formă de cerc, text și un buton. La trecerea cu mouse-ul, culorile se inversează, iar forma cercului se răstoarnă pentru a adăuga un oarecare interes vizual.
Glisor
Stilul slider 4 de mai jos este din kit-ul web al agenției digitale. Are pictograme mari de navigare roșii și câteva subliniere care evidențiază porțiuni din textul glisorului.
Glisorul stil 5 din kit-ul web pentru grădină și amenajare a teritoriului are două săgeți de navigare în partea dreaptă. Slide-ul conține text și două butoane.
Glisorul 2 din kitul web pentru finanțe are un aspect în stil divizat, cu text în stânga pe un fundal portocaliu și o imagine în dreapta.
Pași
Aspectul secțiunii pași evidențiază pașii unui proces. Acesta este aspectul 1 din kitul web pentru energie eoliană și solară. Conține câteva mențiuni cu o pictogramă și un număr în spatele fiecărei informații reprezentând pasul.
Acesta este stilul 3 din kit-ul web de fitness, evidențiind pașii pentru antrenament. Blurburile înconjoară o imagine cu o umbră de casetă roșie.
Aspectul 5 al secțiunii de pași din kit-ul web de grădină și amenajări peisagistice evidențiază fiecare pas pe fundalul unei imagini. Numărul pentru fiecare pas este prezentat pe un cerc verde care se suprapune în partea de jos a imaginii.
Tab
Aspectul filei 6 din kit-ul web pentru energie eoliană și solară conține file în partea de sus și un aspect al conținutului filei cu o imagine în stânga, câteva module de text și blurb în dreapta, împreună cu prețul și un buton CTA.
Stilul 4 din kit-ul web de finanțe și consultanță conține un text mare în conținutul filei și trei file mari în partea de jos pe care le puteți folosi pentru a comuta conținutul.
Acesta este stilul tab 5 din kitul web de fitness și sală de gimnastică. Are patru file mari în partea de sus cu pictograme. În fiecare filă, aveți ceva text, câteva informații, un buton CTA și două imagini aranjate împreună în dreapta.
Echipă
Acesta este stilul de amenajare al echipei 3 din kit-ul web pentru grădină și amenajare a teritoriului. Include patru membri ai echipei într-un aspect complet. La trecerea mouse-ului, o suprapunere verde apare peste imagine și dezvăluie informațiile despre membrii echipei și pictogramele sociale.
Aspectul echipei 2 din kit-ul web al agenției digitale prezintă o secțiune de echipă cu pictograme rotunde și un grafic punctat care se rotește la trecerea cursorului. Cardul de membru al echipei devine, de asemenea, negru la hover.
Stilul 1 din kit-ul web de fitness și sală de sport are o imagine în stânga și informațiile despre membrii echipei în dreapta. La trecerea cu mouse-ul, peste imagine apar o suprapunere și o pictogramă, iar linia de despărțire devine roșie.
Mărturie
Stilul de amenajare a mărturiei 3 din kit-ul web pentru grădină și amenajare a teritoriului conține trei informații cu o imagine a clientului, nume, poziția, textul mărturiei, evaluarea cu stele și pictograma citatului.
Stilul 3 din kit-ul web de finanțe și consultanță conține mărturii cu o pictogramă mare, un titlu și o evaluare cu stele în partea de sus. Informațiile despre client sunt mai jos, subliniate cu o chenar.
Stilul 10 de aspect al mărturiei din kit-ul web pentru energie eoliană și solară are un glisor mare pentru mărturie pe un fundal de imagine cu lățime completă.
Cronologie
Aspectul secțiunii cronologice poate fi folosit pentru a evidenția o istorie, a spune o poveste sau a demonstra un proces. Acesta este stilul 3 din webkit-ul agenției. Prezintă o pictogramă pentru fiecare obiect cronologic și un drept care conectează fiecare pas.
Acesta este aspectul cronologic 3 din kit-ul web pentru grădină și amenajare a teritoriului. Acest aspect prezintă o prezentare cu o dată, un titlu și un text pe o parte și o imagine pe cealaltă parte.
Aspectul cronologiei 2 din kit-ul web pentru sala de fitness este o cronologie verticală cu trei pași. O linie în partea de jos conectează fiecare informație, evidențiată cu o dată.
Aspecte antet și subsol
Ultimate Multipurpose Divi Webkit vine și cu unele aspecte pentru antet și subsol.
Anteturi
Acesta este aspectul antet de fitness 1. Are un logo aliniat la stânga, un meniu aliniat la dreapta și un buton CTA. Meniul secundar de mai sus conține două informații cu informații de contact, un meniu și pictograme pentru rețelele sociale.
Aspectul antetului 5 al kit-ului web al agenției include un meniu principal cu o siglă aliniată la stânga și un meniu aliniat la dreapta. În partea dreaptă este un panou cu un număr de telefon. Bara de meniu secundară din partea de sus conține două informații cu informații de contact și pictograme pentru rețelele sociale.
Stilul 3 de antet al kit-ului web Grădină și amenajare peisagistică are trei bare de meniu diferite. În partea de sus, bara de meniu secundară are un meniu și pictograme pentru rețelele sociale. Bara de meniu din mijloc are un logo și trei informații cu informații de contact. În cele din urmă, a treia bară de meniu are elemente de meniu și un buton CTA.
Subsolurile
Stilul 8 de subsol webkit eolian și solar este un aspect de subsol din trei părți. Prima secțiune conține patru coloane cu câteva elemente de meniu. Mai jos este o secțiune cu un formular de înscriere la buletin informativ și link-uri pentru rețelele sociale. Ultima secțiune afișează informațiile despre drepturile de autor și un meniu.
Finanțe și consultanță webkit subsol stilul 2 include un formular mare de înscriere prin e-mail în partea de sus a subsolului. Zona principală de subsol conține un logo, text și pictograme pentru rețelele sociale, două coloane de elemente de meniu și o galerie. În partea de jos sunt informațiile despre drepturile de autor.
Stilul 4 de subsol webkit pentru grădinărit și amenajare a teritoriului vine ca un aspect al subsolului din două părți. Secțiunea principală de subsol conține o siglă, ceva text și pictograme pentru rețelele sociale. Există o coloană cu elemente de meniu și o altă coloană cu informații de contact. În partea dreaptă este un formular de contact pe un fundal verde. Informațiile privind drepturile de autor sunt în partea de jos.
Aspecte de pagină de detaliu
Fiecare kit web inclus cu Ultimate Multipurpose Divi Webkit vine cu câteva aspecte de pagină cu detalii. Să aruncăm o privire la câteva.
Pagina cu detaliile serviciului
Acesta este aspectul paginii de serviciu din kitul web de fitness și sală de sport. Are o imagine mare și câteva butoane în stânga evidențiind unele servicii. De asemenea, în partea stângă este o secțiune de descărcare cu un buton pentru a descărca o broșură și un îndemn cu un fundal de imagine. În secțiunea principală a paginii, există un conținut text cu câteva informații pentru a evidenția o parte din copie. Secțiunea de beneficii conține o imagine și trei informații, urmate de o secțiune de întrebări frecvente.
Pagina cu detaliile echipei
Acest aspect al detaliilor echipei provine din kit-ul web pentru grădinărit și amenajare a teritoriului. Evidențiază un singur membru al echipei și prezintă un aspect de card în partea de sus cu o imagine, informații de contact, pictograme pentru rețelele de socializare și o prezentare peste imagine care evidențiază anii de experiență. Sub această secțiune se află niște text, câteva grafice pentru a reprezenta abilitățile și module de prezentare care reprezintă calificări. În cele din urmă, există un formular de contact în partea de jos a paginii.
Pagina de blog
Acesta este aspectul postării de blog din kit-ul web de finanțe și consultanță. Deoarece este un aspect de blog, ar trebui importat prin Divi Theme Builder. Aspectul începe cu un antet de imagine completă cu titlul postării de blog. Conținutul postării de blog este decorat cu accente portocalii. Sub conținutul postării sunt o casetă de autor și o secțiune de comentarii. Bara laterală are un modul de căutare, categorii, cele mai recente postări, etichete și un CTA.
Pagina de proiect
Aspectul paginii proiectului ar trebui importat și prin Divi Theme Builder. Acest aspect este din kit-ul web al agenției digitale. Are o imagine de antet cu lățime completă cu titlul proiectului, urmată de o imagine mare. Mai jos sunt două secțiuni pentru detaliile proiectului și o prezentare generală a proiectului, cu două module de prezentare cu pictograme. Informațiile cheie despre proiect sunt prezentate în partea dreaptă, înconjurate de un chenar roșu. În cele din urmă, alte proiecte sunt prezentate în partea de jos. La trecerea cursorului, titlul și categoria proiectului sunt dezvăluite pe un fundal alb.
Achiziționați Ultimate Multipurpose Divi Webkit
Ultimate Multipurpose Divi Webkit 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
Ultimate Multipurpose Divi Webkit vine cu o mulțime de aspecte moderne și captivante ale secțiunilor site-ului web, care vă pot ajuta să construiți ușor și rapid un site web cu aspect grozav. Toate aspectele par a fi de înaltă calitate și adaptate pentru dispozitive mobile. Produsul pare să fie actualizat în mod regulat cu noi colecții de webkit și sunt planificate mai multe webkit-uri noi pentru lansările viitoare. Dacă sunteți în căutarea unei colecții de machete de secțiuni Divi care să vă ajute să porniți procesul de proiectare, acest produs ar putea fi o opțiune excelentă pentru dvs.
Ne-ar plăcea să auzim de la tine! Ați încercat Ultimate Multipurpose Divi Webkit? Spune-ne în comentarii ce părere ai despre asta!