Repere produs Divi: DiviCity

DiviCity este un aspect Divi de o pagină disponibil în Divi Marketplace. Are un design versatil care poate fi folosit pentru multe tipuri diferite de site-uri web și este complet receptiv și personalizabil. În acest produs, vom arunca o privire asupra aspectului DiviCity și vă vom ajuta să decideți dacă este aspectul potrivit pentru dvs.

Să începem!

Instalarea DiviCity

DiviCity vine ca fișier ZIP care conține fișiere .json Divi Visual Builder. Pentru a instala aspectul, începeți prin a dezarhiva fișierul. Apoi, deschideți pagina în Divi Builder.

Faceți clic pe opțiunea de portabilitate din partea de jos a paginii și selectați fila de import. Apoi selectați fișierul .json pentru aspectul DiviCity și începeți să importați aspectul. Odată ce aspectul a fost importat, tot ce trebuie să faceți este să înlocuiți conținutul cu al dvs., iar site-ul dvs. este complet!

DiviCity

DiviCity constă dintr-un aspect Divi Builder de o pagină. Vine fără niciuna dintre imaginile demonstrative, așa că am adăugat-o pe ale mele în scopul acestui articol. Să aruncăm o privire la secțiunile care vin cu acest aspect!

Secțiunea antet DiviCity

Antetul constă dintr-o imagine mare cu un separator în unghi în partea de jos. Antetul are caracteristici pentru subtitlu și textul antetului, precum și un buton. Textul prezintă un efect de animație de încărcare. Două casete se suprapun în partea de jos a secțiunii antetului. Fiecare casetă conține un text de titlu, o linie de despărțire, text de corp și un buton. Aceste casete au, de asemenea, o animație de încărcare și se extind la trecerea cu mouse-ul. În cele din urmă, există patru module de prezentare de mai jos cu o pictogramă, text de titlu și text de corp. Modulele de informare dezvăluie unul câte unul pe măsură ce pagina se încarcă. Acest aspect al titlurilor poate fi personalizat cu ușurință cu propriile fotografii și conținut pentru a crea o secțiune de titlu atractivă și captivantă, care oferă vizitatorilor informații cheie despre afacerea dvs. dintr-o privire.

Secțiunea Despre DiviCity

Secțiunea Despre are un text introductiv, un antet în stânga și o imagine în dreapta. Ambele elemente au o animație de fade-in și se deplasează în centru. Mai jos sunt trei secțiuni cu lățime completă care conțin o imagine și un bloc de text cu un titlu și ceva text. Fiecare dintre aceste secțiuni are și un efect de animație de încărcare.

Secțiunea Blog DiviCity

În mod implicit, secțiunea de blog conține un modul simplu de postări recente care listează trei postări recente cu imaginea prezentată și informații despre postare. Există, de asemenea, un text de titlu și text de corp în această secțiune. Această secțiune include animație cu fade-in.

Alternativ, puteți realiza designul prezentat în demonstrația de aspect instalând pluginul gratuit Divi Article Cards. Odată ce pluginul este instalat și activat pe site-ul dvs., deschideți setările Divi 100 din meniul tabloului de bord WordPress. Activați cardul articolului, apoi faceți clic pe Salvare.

Acum modulele blogului de pe pagina DiviCity ar trebui să arate ceva ca aspectul de mai sus.

Secțiunea Numere DiviCity

Secțiunea de numere conține patru contoare de bare pe un fundal de imagine - contoarele de numere se încarcă pe măsură ce se încarcă pagina.

Secțiunea DiviCity Ce trebuie făcut

Această secțiune conține un titlu și un text. Există două subsecțiuni sub aceasta, fiecare cu o imagine, un titlu și text. Această secțiune este un aspect foarte versatil care poate fi folosit pentru a demonstra caracteristici, servicii sau alte aspecte ale afacerii dvs.

Secțiunea DiviCity Unde se face

Această secțiune este, de asemenea, versatilă și conține un titlu, un text de corp și trei informații cu o imagine, un text, un text de descriere scurtă și un chenar care apare la trecerea cursorului. Imaginea mărește și la trecerea cu mouse-ul. Puteți utiliza aceste informații pentru a trimite linkuri către o altă pagină sau secțiune de pe site-ul dvs. web sau pur și simplu pentru a afișa unele caracteristici sau informații.

Secțiunea Vizitați-ne DiviCity

În continuare, secțiunea Vizitați-ne conține șase module de prezentare, fiecare cu o pictogramă, text de titlu și text de corp. Puteți personaliza această secțiune pentru a evidenția mai multe caracteristici sau aspecte ale serviciilor dvs. sau pentru a despărți textul dens cu titluri și pictograme separate. Toate modulele de blurb au o animație de mărire.

Secțiunea de contact DiviCity

În cele din urmă, secțiunea de contact începe cu o bandă portocalie care are trei pictograme de socializare. Mai jos este secțiunea formularului de contact cu un text mare de titlu în stânga și formularul în dreapta. Secțiunea de contact are un fundal de imagine mare cu o suprapunere întunecată. Această secțiune include, de asemenea, un efect de animație de încărcare, iar pictogramele rețelelor sociale se estompează.

DiviCity Mobile Layout

DiviCity este complet receptiv pentru tablete și dispozitive mobile. Să aruncăm o privire la versiunea mobilă a câtorva secțiuni.

Mai întâi este secțiunea antetului, cu un fundal de imagine mare, textul titlului și un buton. Prima casetă de text se suprapune antetului, iar restul conținutului secțiunii antetului urmează mai jos.

Aceasta face parte din secțiunea despre mobil cu imagini separate de unele secțiuni cu text.

Aceasta este versiunea mobilă a secțiunii „Unde să o faceți”. Are o imagine mare în partea de sus, textul titlului, textul corpului, apoi trei imagini cu o etichetă pe fiecare.

Și, în sfârșit, acesta este subsolul mobil. La fel ca versiunea pentru desktop, are o bară portocalie cu pictograme pentru rețelele sociale, urmată de secțiunea de subsol cu ​​un fundal de imagine, text și formularul de contact.

Cumpărați DiviCity

DiviCity 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

DiviCity este un aspect al site-ului web simplu și arătos, care este incredibil de versatil. Deoarece este construit cu Divi, aspectul este ușor și intuitiv de personalizat pentru uzul dvs. Animațiile de încărcare și efectele de trecere cu mouse-ul de-a lungul aspectului arată bine și coezive și nu distrag prea atenția de la conținutul paginii sau de la utilizarea. Îmi place, de asemenea, utilizarea de imagini mari în design, precum și tipografia folosită în aspect. Dacă sunteți în căutarea unui aspect simplu al site-ului web de o pagină pentru următorul dvs. proiect Divi, acesta ar putea fi produsul potrivit pentru dvs.

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