Repere produs Divi: Divi Den Pro – Biblioteca de aspect

Divi Den Pro – Layout Library este un plugin terță parte cu o bibliotecă masivă de elemente Divi preproiectate pentru a vă ajuta să construiți mai rapid site-uri web. Include o interfață unică de utilizator care poate fi căutată și sortată, ceea ce face ca machetele să fie ușor de găsit. În această postare, vom arunca o privire la Divi Den Pro – Biblioteca de aspect pentru a vă ajuta să decideți dacă este produsul potrivit pentru cutia dvs. de instrumente de proiectare Divi.

Instalarea Divi Den Pro – Biblioteca de aspect

Instalarea Divi Den Pro – Layout Library a fost simplă. Funcționează la fel ca și încărcarea oricărui plugin, dar va trebui să fiți conectat la contul dvs. Divi Marketplace pentru ca acesta să fie disponibil în Divi. Mai întâi, pentru a instala, accesați:

1. Pluginuri
2. Adăuga nou
3. Încărcați pluginuri
4. Alege fișierul
5. Instaleaza acum

Apoi, odată ce pluginul este instalat, activați-l ca de obicei și veți vedea un nou meniu adăugat în tabloul de bord.

1. Activați pluginul

Conținutul bibliotecii de aspect

Biblioteca Divi Den Pro – Layout vine cu 2615 articole din bibliotecă. Aceasta include 1988 de secțiuni și module, 631 de machete, 39 de meniuri și 18 design-uri complete de site-uri web. Toate articolele sunt pre-stilizate. Aspectele sunt etichetate, testate și optimizate pentru diferite dimensiuni de ecran.

Există mai multe moduri de a le folosi în machetele Divi. Veți găsi machetele în meniul Divi Den Pro DM și în Divi Theme Builder. Meniul Divi Den Pro DM este cel mai simplu mod de a le folosi. Le puteți căuta după cuvânt cheie și categorie și le puteți importa în Biblioteca dvs. Divi.

Meniul DM Divi Den Pro

Veți găsi un nou element de meniu în tabloul de bord WordPress numit Divi Den Pro DM. Meniul include o mulțime de link-uri, pe care le veți găsi și ca file în meniul în sine.

Găsitor de aspect

Prima filă este Layout Finder. Aceasta include o casetă de căutare cu filtre în stânga și rezultatele în dreapta. Include, de asemenea, file, astfel încât să puteți vizualiza toate aspectele, doar cele gratuite sau doar cele profesionale. Filtrele arată numărul de machete din acel tip. Acestea sunt împărțite în machete, secțiuni, module, categorii, colecții, Divi Theme Builder și Plugin Theme Builder.

Zona de rezultate arată o miniatură a aspectului. Miniatura va derula la trecerea cursorului dacă aspectul este mai mare decât containerul. Puteți vizualiza aspectul într-o altă filă, îl puteți salva în Biblioteca Divi sau puteți descărca aspectul pe computer ca fișier JSON.

Selectarea unui filtru îl deschide pentru a afișa opțiunile. Am deschis Colecții, care arată numele machetelor din Divi Den. Selectarea unuia arată aspectele din cadrul acelei colecții în zona din dreapta.

Am făcut clic pentru a vedea un aspect și a deschis demonstrația pe pagina Divi Den într-o altă filă. Pagina afișează mai multe aspecte, secțiuni etc. Trec cu mouse-ul peste imaginea din centrul de sus pentru a afișa efectele de trecere.

Cele mai recente

Fila Ultimele arată cele mai recente postări de pe blogul Divi Den. Aceasta este o modalitate bună de a afla ce este nou în Biblioteca Layout.

Tutoriale

Fila Tutoriale include toate tutorialele care învață cum să utilizați Divi Den Pro – Biblioteca de aspect. Acestea includ videoclipuri încorporate care apar atunci când dați clic pe un tutorial, astfel încât să puteți învăța direct din tabloul de bord Divi Den fără a părăsi WordPress. Acest lucru ajută la utilizare, așa că dacă aveți nevoie de ajutor cu ceva, îl veți găsi aici.

Creator de teme

Fila Theme Builder împarte aspectele în Divi Theme Builder și Plugin Theme Builder. Afișează colecțiile, tipurile de pagini etc. Acestea sunt, de asemenea, adăugate la Divi Theme Builder. De asemenea, puteți lansa Theme Builder de aici.

Plugin Theme Builder are un link pentru a deschide Theme Customizer.

Personalizatorul temei adaugă trei noi file de personalizare pentru setări de pagină, blog și globale. Aceasta include funcții adăugate, cum ar fi un personalizare pop-up, o bară lipicioasă, mai multe pictograme, butonul înapoi în sus, o pagină în curând, personalizări ale șablonului și multe altele.

Fișiere CSS personalizate

Fila Fișiere CSS personalizate oferă CSS personalizat din machetele Divi Den pe care le puteți copia și modifica. Făcând clic pe unul, se deschide CSS într-o altă filă. Un videoclip încorporat arată cum să utilizați CSS-ul personalizat.

Avansat

Fila Avansat include fila Etichetă albă și fila Mai multe opțiuni. White Label vă permite să rebrandați pluginul pentru a se potrivi cu marca dvs.

Fila Mai multe opțiuni vă permite să mutați fila Divi Den Pro în elementele Divi Builder. Aceasta este activată în mod implicit.

Biblioteca Divi Den Pro Layout în Divi Builder

O filă pentru Divi Den Pro – Biblioteca de aspect este adăugată la modulul Module.

Selectând fila se deschide meniul în care puteți alege aspectul dorit. Aspectele sunt descărcate ca fișiere JSON, așa că va trebui să le încărcați în pagini și postări dacă doriți să le utilizați.

Biblioteca Divi Den Pro Layout în Divi Theme Builder

Interfața Divi Den Pro – Biblioteca de aspect este, de asemenea, adăugată în partea de jos a ecranului Divi Theme Builder. Funcționează la fel ca și în tabloul de bord WordPress.

Funcționează în același mod în Theme Builder ca și în pagini și postări.

Exemple de bibliotecă de aspect Divi Den Pro

Acum că am văzut cum să folosim interfața Divi Den Pro – Biblioteca de aspect, să ne uităm la câteva exemple. Ne vom uita la câteva din fiecare tip.

Aspecte

În continuare, ne vom uita la câteva aspecte. Le voi încărca în Divi Theme Builder. După ce ați salvat machetele în biblioteca dvs. Divi, acestea sunt disponibile în machetele dvs. Căutați-le și selectați categoriile din stânga.

Pagina de destinație a magazinului V3 Ragnar

Aceasta este partea superioară a paginii de destinație a magazinului V3 Ragnar. Include o secțiune eroi cu un CTA prin e-mail. O secțiune de magazin prezintă produse prezentate și include o suprapunere animată care derulează un mesaj în text mare la trecerea cursorului.

Iată partea de jos a Shop Landing Page V3 Ragnar. Imaginile foarte mari creează CTA pentru magazin și includ butoane animate. O secțiune unică de blog afișează imaginea prezentată în spatele textului care apare pe o parte.

Cariere Pagina V1 Tina

Aceasta este partea de sus a paginii Cariere V1 Tina. Include o imagine de erou cu un titlu suprapus, o introducere cu înștiințare și două coloane de text. Urmează o secțiune de poziții deschise afișate sub formă de cărți.

Aceasta este partea de jos a paginii Cariere V1 Tina. Blurb-urile cu animații hover oferă informații urmate de un CTA pentru a trimite un CV și o secțiune de avantaje ale companiei.

Pagina de blog Old Times

Acest exemplu este partea de sus a paginii de blog Old Times. Include o secțiune erou cu un mesaj peste o imagine de fundal și un buton cu o animație de tip hover. O secțiune de blog arată o postare de blog cu o imagine mare, prezentată în stânga și postări cu o imagine prezentată mai mică ca bară laterală în dreapta. O linie galbenă separă secțiunea blog de secțiunea eroi. Toate cardurile de blog includ animații de înclinare.

Aceasta este partea de jos a paginii de blog Old Times. De asemenea, folosește linii galbene pentru separare și include două secțiuni de blog cu trei coloane, un formular mare de e-mail și un subsol.

Aspect pagină meniu Jamie

Iată partea de sus a aspectului paginii de meniu Jamie. Include o secțiune eroi cu pictograme care leagă la diferitele categorii de meniuri alimentare. Acestea includ animații de tip hover. Urmează un meniu alimentar cu două coloane cu o imagine în stânga și o descriere în dreapta. Mâncarea este împărțită în categorii.

Aspect pagină meniu Jamie

Aceasta este jumătatea inferioară a aspectului paginii de meniu Jamie. Continuă meniul alimentar și include informații de contact cu o hartă pe toată lățimea.

Aspectul paginii de pornire Showreel

Aceasta este partea superioară a aspectului paginii de pornire Showreel. Secțiunea eroului include un buton care redă un videoclip încorporat și mai multe informații pe o imagine de fundal pe ecran complet. Urmează un set de file pentru afișarea informațiilor. Imaginile mari cu suprapuneri animate leagă la servicii.

Aceasta este partea de jos a aspectului paginii de pornire Showreel. Continuă imaginile mari și include o altă secțiune de imagini pentru servicii cu animații suprapuse înclinate. Include, de asemenea, contoare de numere stilate, un formular de e-mail și un subsol.

Pagina de bară vizuală de progres Freddie

Acesta este Visual Progress Bar Page Freddie. Are un aspect elegant, dar elementul principal pe care vreau să-l arăt este bara de progres. Aceasta este secțiunea eroului a aspectului. Un meniu se află în partea de jos a ecranului. Când derulați, meniul se atașează în partea de sus a ecranului și arată progresul prin aspect.

Secțiunea din acest exemplu este studii de caz. Bara de progres este galbenă pentru fiecare secțiune pe care am derulat. Imaginile pentru această secțiune includ efecte de înclinare.

Secțiuni

Dacă aveți secțiuni Divi Den Pro – Bibliotecă de aspect salvate în Biblioteca dvs. Divi, o filă Divi Den Pro DM este adăugată la modulul dvs. Secțiune.

Modulul muzical Cele mai bune hituri Freddie

Modulul de muzică Greatest Hits Freddie oferă o secțiune de redare audio stilată, cu un fundal negru și efecte de hover galben.

Galeria de modele Demo

Galeria de modele Demo oferă o galerie de imagini interesantă cu diferite forme de chenar și un bloc de culoare pentru a separa imaginile.

Lintang Process Grace

Galeria de modele Demo oferă o listă de pași. Ele sunt plasate orizontal și includ imagini sau culori în formă și efecte de trecere.

Produs Thunderbolt Freddie

Thunderbolt Product Freddie este o secțiune de produse care afișează un glisor de produs pe o parte și informații cu stil pe cealaltă.

Alula Timeline Grace

Alula Timeline Grace creează o linie temporală verticală alternativă cu imagini pe o parte și informații pe cealaltă.

Module

Opțiunea Module din tabloul de bord arată butoane. Iată câteva pe care le-am descărcat.

Am adăugat toate butoanele pe care le-am descărcat pe o singură pagină. Fiecare dintre butoane include animații captivante.

De unde să achiziționați Divi Den Pro Layout Library

Divi Den Pro – Layout Library este disponibilă pe Divi Marketplace pentru 189 USD. Include utilizarea nelimitată a site-ului web, un an de asistență și actualizări și o garanție de rambursare a banilor de 30 de zile.

Încheierea gândurilor pe Divi Den Pro Layout Library

Acesta este aspectul nostru asupra Divi Den Pro – Biblioteca de aspect. Există o mulțime de layout-uri în această bibliotecă. Interfața cu utilizatorul este simplă. Căutarea, sortarea, importarea și descărcarea machetelor este intuitivă. Am găsit că linkul de pe secțiuni și module este limitat mai mult decât tabloul de bord, odată ce layout-urile sunt în bibliotecă, sunt disponibile selectând opțiunile Adăugare din bibliotecă. Dacă sunteți interesat să adăugați câteva mii de machete proiectate profesional la Biblioteca dvs. Divi, Divi Den Pro – Biblioteca de aspect merită să vă uitați.

Vrem sa auzim de la tine. Ați încercat Divi Den Pro – Layout Library? Spune-ne în comentarii ce părere ai despre asta.