Evidențierea pluginului Divi: Divi ConKit Pro

Divi ConKit Pro este un plugin care aduce 36 de module noi în Divi Builder și alte 4 extensii care adaugă noi funcționalități și personalizare site-ului dvs. Dacă sunteți în căutarea unui plugin plin de funcții care să se integreze complet cu Divi și să vă aducă module precum feed Instagram, cronologie, text animat și flipbox și vă oferă control asupra designului asupra ferestrelor pop-up, a paginii dvs. de conectare și multe altele, acest ar putea fi pluginul pentru tine. În această evidențiere a pluginului, vom arunca o privire asupra tuturor funcțiilor care vin cu Divi ConKit Pro și vă vom ajuta să decideți dacă acest plugin este potrivit pentru dvs.

Să începem!

Instalarea Divi ConKit Pro

Instalați Divi ConKit Pro la fel ca orice alt plugin. Accesați pagina de pluginuri și faceți clic pe Adăugați pluginuri , apoi selectați Încărcați pluginul și alegeți fișierul plugin. Faceți clic pe Instalare acum pentru a instala pluginul, apoi Activați pluginul odată ce acesta s-a încărcat.

Odată ce pluginul este activat, veți vedea o filă DiviConKit în meniul tabloului de bord WordPress, unde puteți controla ce funcții sunt activate pentru site-ul dvs.

Divi ConKit Pro

Modulele Divi ConKit Pro

Mai întâi, să aruncăm o privire la fiecare dintre modulele care vin cu Divi ConKit Pro. Toate aceste module se integrează cu Divi Builder și le adăugați pe site-ul dvs. la fel ca orice alt modul Divi.

Titlu avansat DP

Acest modul vă permite să adăugați un titlu la pagina dvs. și oferă câteva opțiuni avansate dincolo de modulul implicit al Divi. Puteți adăuga text prefix, text central, text sufix și text de fundal, iar designul fiecărui tip de text poate fi, de asemenea, complet personalizat. Cu acest modul, puteți crea anteturi mai complexe cu diferite stiluri de text.

Text animat DP

Acest modul vă permite să adăugați text animat la pagina dvs. Puteți adăuga mai multe secțiuni de text animat la fiecare modul și puteți adăuga, de asemenea, text prefix și sufix care nu se mișcă. Există trei moduri de animație, scrierea textului, înclinarea textului și diapozitivul animat. Animația poate fi personalizată cu diverse setări de animație, cum ar fi viteza și sincronizarea, iar textul animat poate fi personalizat cu opțiunile de design implicite.

DP Blog Plus

Modulul blog plus afișează postările recente de pe blogul tău. Are patru stiluri diferite de piele, folosesc stilul creativ în acest exemplu. Ca și celelalte module din acest kit, puteți utiliza opțiunile de design pentru a personaliza complet stilul modulului pentru a se potrivi cu designul site-ului dvs.

Ora de lucru DP

Modulul de oră de lucru vă permite să adăugați cu ușurință orele de lucru pe site. Doar introduceți fiecare dată și orele de lucru pentru ziua respectivă și puteți personaliza opțiunile de design pentru a schimba oricare dintre fonturile sau culorile pentru a se potrivi cu designul dvs.

Card DP

Acest modul este un modul de card, care creează un card simplu care conține o imagine sau o pictogramă și ceva text. Puteți alege să adăugați o insignă sau un buton cardului și, din nou, designul cardului este complet personalizabil.

DP CF7 Styler

Acest modul următor este un modul de stilare pentru Formularul de contact 7. Puteți utiliza acest modul pentru a edita stilul formularului de contact în cadrul constructorului vizual.

Comutare conținut DP

Modulul de comutare a conținutului adaugă o pictogramă de comutare care vă permite să comutați între două seturi de conținut corporal. Conținutul corpului poate fi conținut personalizat care este configurat în editorul de conținut din modul sau puteți importa un aspect din biblioteca dvs.

Divizor DP

Modulul de divizor vă permite să adăugați o pictogramă, o imagine sau un text între linia de despărțire și, de asemenea, vine cu unele forme de separare de jos (Forma 3 este selectată în acest exemplu) pentru a împărți textul de pe pagina dvs.

Buton dublu DP

Opțiunea cu două butoane adaugă două butoane ca un singur modul. Puteți chiar să adăugați un conector (text sau pictogramă) între cele două butoane, așa cum am făcut în exemplul de mai sus. Folosind diferitele opțiuni de design disponibile în acest modul, puteți crea machete unice cu două butoane pentru site-ul dvs.

DP Flip Box

Acest modul creează o cutie cu conținut pe față și pe spate. Când treceți cu mouse-ul peste casetă, conținutul din spate este dezvăluit cu o animație flip. Acest lucru ar putea fi util pentru a demonstra efectele înainte și după sau pentru a dezvălui conținutul într-un mod captivant.

Imagine plutitoare DP

Modulul de imagine plutitoare vă permite să adăugați o imagine care plutește în sus și în jos pe pagină. Adaugă o mișcare subtilă designului paginii pentru a ridica designul.

Cronologie orizontală DP

Cu modulul cronologie orizontală, puteți crea o cronologie care să conțină text, imagini și o pictogramă pentru fiecare pas. Are, de asemenea, opțiuni de derulare în buclă și automate, astfel încât să puteți avea cronologia să defileze automat prin pagină. Din nou, opțiunile de design pot fi folosite pentru a personaliza complet aspectul.

Hotspot-uri DP

Cu acest modul, puteți adăuga informații despre orice imagine care conține text, imagini sau pictograme. Puteți specifica exact unde doriți să apară sfaturile instrumente peste imagine și, desigur, puteți personaliza designul tuturor elementelor cu setările de design.

DP Hover Box

Caseta de trecere cu mouse-ul vă permite să dezvăluiți text și alte elemente, cum ar fi un chenar, pe măsură ce treceți cu mouse-ul peste imagine. După cum puteți vedea în exemplul de mai sus, caseta din stânga este plasată peste și puteți vedea că subtitrarea și descrierea au fost dezvăluite, precum și chenarul. În dreapta este caseta pe care nu este plasată cursorul și afișează doar titlul. Există multe setări de hover diferite și pentru acest modul.

Caseta de pictograme DP

Acest modul este un modul simplu care vă permite să afișați o pictogramă și text opțional într-o casetă.

DP Image Accordion

Modulul de acordeon de imagine afișează mai multe imagini una lângă alta. Când treceți cu mouse-ul peste una dintre imagini, aceasta se mărește și le minimizează pe celelalte, astfel încât să puteți vedea întreaga fotografie. În exemplul de mai sus, trec cu mouse-ul peste fotografia din dreapta.

Comparare imagine DP

Cu modulul de comparare a imaginilor, puteți compara două imagini cu un glisor pe care îl puteți trage pentru a vedea fiecare parte. De asemenea, puteți adăuga o etichetă pe fiecare parte, cum ar fi „înainte” și „după”.

Lupa de imagine DP

Modulul de mărire a imaginii vă solicită să încărcați o versiune mare și mică a unei imagini. Când treceți cu mouse-ul peste imagine, apare o lupă și puteți vedea o versiune mai mare a zonei plasate.

Mascare imagine DP

În acest modul, puteți adăuga o imagine cu formă de mască. Există multe forme diferite din care puteți alege în cadrul modulului și puteți personaliza și mai mult designul adăugând culori la mască sau la imagine.

Caseta de informații DP

Acest modul vă permite pur și simplu să adăugați o casetă cu conținut text și o imagine sau pictogramă opțională.

DP Inline SVG

Acest modul vă permite să încărcați direct fișiere SVG și să le vizualizați în Divi Builder.

DP Instagram Feed

Cu modulul de feed Instagram, puteți afișa postările recente de pe Instagram elegant pe site-ul dvs. web. Există 3 aspecte din care puteți alege: grilă, evidențiere (utilizată în exemplul de mai sus) și zidărie. Puteți folosi opțiunile de design pentru a personaliza spațierea, suprapunerea, legenda și multe altele.

Lista DP

Acest modul poate fi folosit pentru a organiza informațiile într-o listă cu o pictogramă sau o imagine.

Grilă de logo DP

Modulul grilă de logo ar putea fi util pentru afișarea siglelor clientului sau a siglelor „prezentate în…”. De asemenea, puteți adăuga efecte de hover la logo. În acest exemplu, folosesc un efect de zoom-out, pe care îl puteți vedea aplicat pe a doua siglă din captură de ecran.

DP Lottie

Cu acest modul, puteți adăuga o animație Lottie direct pe pagina dvs. din Divi Builder. Puteți adăuga animația Lottie prin încărcarea fișierului Lottie JSON sau prin URL.

Numărul DP

Modulul de numere afișează pur și simplu un număr. Puteți activa opțiunea de contor și numărul va număra în sus pe măsură ce este dezvăluit. Din nou, puteți utiliza setările de design pentru a personaliza complet aspectul.

Meniu de preț DP

Cu modulul de meniu de prețuri, puteți crea cu ușurință un meniu pe site-ul dvs. cu prețuri, un titlu și descriere și multe opțiuni pentru a personaliza aspectul.

DP Review

Acest modul vă permite să adăugați recenzii pe site-ul dvs. cu evaluări cu stele, o imagine și, desigur, conținutul textului recenziei.

Imagine de defilare DP

Cu modulul de imagini de defilare, imaginea dvs. este afișată doar parțial la o înălțime stabilită. Când treceți cu mouse-ul peste imagine (sau derulați, în funcție de opțiunea pe care o alegeți), imaginea derulează astfel încât să puteți vedea restul imaginii.

Bare de abilități DP

Acest modul poate fi folosit pentru a demonstra nivelurile de calificare sau orice altceva care poate fi reprezentat prin bare de progres. Puteți alege ce etichete sunt afișate și, desigur, toate elementele de design pot fi personalizate.

DP Social Share

Acest modul are multe platforme de social media din care să alegeți și puteți modifica cu ușurință textul butonului, stilurile, aspectul, plasarea și multe alte setări.

Echipa DP

Modulul de echipă facilitează afișarea membrilor echipei pe site-ul dvs. web. Puteți adăuga o fotografie, numele, titlul postului și biografia și chiar link-uri către un site web personal, o adresă de e-mail și site-uri de socializare. Există câteva opțiuni diferite în care conținutul este afișat și peste imagine la trecerea cursorului.

Mărturie DP

Modulul de mărturii vă permite să adăugați mărturii ale clienților pe site-ul dvs. Vă oferă opțiunea de a include o evaluare cu stele și puteți alege să utilizați o pictogramă de citat sau să încărcați propria dvs. Există mai multe opțiuni de poziționare și aspect din care puteți alege, permițându-vă să creați un design complet personalizat.

DP Twitter Feed

Acest modul vă permite să afișați un feed Twitter pe site-ul dvs. web. Acest modul are multe opțiuni pentru a alege exact ceea ce este afișat și, desigur, designul este complet personalizabil cu numeroasele opțiuni de design ale Divi.

Cronologie verticală DP

Modulul de cronologie verticală vă permite să creați o cronologie cu conținut text și imagine. Există mai multe opțiuni de aspect disponibile și puteți alege să adăugați o linie de defilare care adaugă o mișcare dinamică cronologiei. În plus, puteți personaliza complet stilul cronologiei și chiar puteți adăuga culori diferite pentru stările active și inactive.

Popup video DP

Cu acest modul, puteți adăuga un videoclip care apare în aceeași pagină pe un fundal suprapus întunecat. Puteți încărca o imagine de copertă și puteți personaliza designul general, pictograma de suprapunere și alte elemente de design. Puteți conecta un videoclip de pe YouTube sau Vimeo sau puteți încărca pe al dvs.

Extensii Divi ConKit Pro

Pe lângă modulele care vin cu DiviConKit, există câteva extensii care vin cu pluginul care adaugă funcționalități suplimentare site-ului dvs. Să aruncăm o privire la fiecare.

Blog Designer

Designerul blogului vă oferă opțiuni suplimentare pentru a personaliza modul în care sunt proiectate blogul și paginile de postare. Puteți găsi setările designerului de blog în meniul Personalizare sub Aspect sau făcând clic pe linkul din setările Divi ConKit.

În setările blogului/arhivei, puteți modifica aspectul, fundalul, articolele de postare care sunt afișate, dimensiunea imaginii prezentate și alte opțiuni de dimensiune și spațiere.

Apoi, în setările unei singure postări, puteți personaliza dimensiunea și spațierea conținutului, puteți schimba fundalul, alegeți ce elemente sunt afișate, adăugați o casetă pentru autorul postării, navigarea postării, postările asociate și multe altele.

Creator de pop-up

Creatorul pop-up vă permite să proiectați o fereastră pop-up personalizată folosind generatorul vizual Divi. Puteți găsi setarea ferestrelor pop-up în secțiunea de setări DiviConKit din tabloul de bord WordPress. Puteți desemna anumite pagini în care doriți să apară fiecare pop-up.

În cadrul setărilor pentru fereastra pop-up, puteți desemna evenimentul deschis și stilul de animație, puteți schimba fundalul și suprapunerea, puteți ajusta poziționarea și dimensionarea și multe altele.

Și iată pop-up-ul în acțiune.

Designer de autentificare

Designerul de autentificare vă permite să personalizați pagina de conectare WordPress pentru site-ul dvs. web. Puteți găsi setările designerului de conectare în meniul Personalizare sub Aspect sau făcând clic pe linkul din setările Divi ConKit. Puteți personaliza fundalul, sigla, formularul de conectare și câmpurile, tot textul și etichetele și butonul.

Din păcate, nu puteți vedea pagina de conectare în timp ce efectuați aceste modificări, deoarece trebuie să fiți deconectat pentru a vedea pagina de conectare. Pentru a ocoli acest lucru, am deschis pagina de conectare folosind o fereastră incognito din browserul meu, astfel încât să le pot vedea pe ambele în același timp și să văd modificările pe care le făceam.

Iată o versiune personalizată a paginii de conectare, cu un fundal, logo, fundal câmp și culoare text nou.

Codurile scurte ale bibliotecii Divi

DiviConKit Pro vă permite, de asemenea, să utilizați coduri scurte pentru a afișa orice șablon de bibliotecă Divi în interiorul unui modul Divi sau într-un fișier .php. Când accesați Biblioteca Divi, veți vedea codul scurt pentru fiecare articol din bibliotecă listat. Pur și simplu copiați codul scurt și utilizați-l în modulul de cod din constructorul Divi sau adăugați-l într-un fișier .php, apoi va apărea elementul Biblioteca Divi. În acest exemplu, am adăugat un tabel de prețuri din Biblioteca mea Divi pe pagina mea folosind codul scurt.

Achiziționați Divi ConKit Pro

Divi ConKit Pro este disponibil pe Divi Marketplace. Costă 59 USD pentru utilizarea nelimitată a site-ului web și 1 an de asistență și actualizări. Prețul include și o garanție de rambursare a banilor de 30 de zile.

Gânduri finale

Divi ConKit Pro este un plugin plin de funcții care adaugă o mulțime de module excelente pentru a extinde funcționalitatea Divi Builder. Fiecare modul este plin de opțiuni și complet personalizabil, facilitând crearea de module frumoase pentru site-ul dvs. web. În sfârșit, ne-ar plăcea să auzim de la tine! Ați încercat Divi ConKit Pro? Spune-ne în comentarii ce părere ai despre asta!