Repere produs Divi: Divi Supreme Pro
Publicat: 2024-06-03Divi Supreme Pro este un plugin robust al unei terțe părți, dezvoltat de Divi Supreme, care extinde capacitățile site-urilor web Divi. Cu peste 60 de module premium și opt extensii, oferă o suită cuprinzătoare de instrumente pentru a simplifica construirea site-ului web fără expertiză în codificare.
În care mulți utilizatori Divi au încredere, această soluție rentabilă oferă cod curat, animații uimitoare și control avansat al designului. În această evidențiere, vom trece peste plugin, caracteristicile sale și multe altele. Să începem!
- 1 Ce obțineți cu Divi Supreme Pro
- 1.1 60+ Module Extra Divi
- 1.2 8 Extensii Divi
- 1.3 40+ Aspecte Premium Divi
- 2 Instalarea Divi Supreme Pro
- 3 Utilizarea Divi Supreme Pro
- 3.1 Adăugarea unui modul
- 3.2 Utilizarea Easy Theme Builder pentru antet
- 3.3 Adăugarea unui text cu efect de tastare
- 3.4 Adăugarea unei liste de prețuri
- 3.5 Adăugarea unui efect de text glitch
- 3.6 Adăugarea unui Hotspot de imagine
- 3.7 Adăugarea unui titlu dublu
- 4 Achiziționați Divi Supreme Pro
- 5 Divi Supreme Pro: Gânduri finale
Ce obțineți cu Divi Supreme Pro
Divi Supreme Pro oferă o gamă largă de funcții, ridicând site-ul dvs. Divi la noi culmi. Să ne aprofundăm în unele dintre capabilitățile remarcabile pe care le oferă acest plugin puternic.
Peste 60 de module Extra Divi
Să începem prin a parcurge unele dintre modulele suplimentare care sunt adăugate la Divi odată ce instalați Divi Supreme Pro.
Efect de tastare
Efectul Tastare text îți aduce textul la viață, făcându-l să pară ca și cum ar fi fost tastat, câte o literă. Cu Divi Supreme Pro, puteți regla viteza de tastare și efectele de spațiere înapoi. De asemenea, puteți seta întârzieri înainte de a începe o nouă propoziție. Cu doar câteva clicuri, puteți bucla animația la nesfârșit sau puteți randomiza secvența de propoziții.
Flipbox
Un flipbox este o funcție web distractivă care se răstoarnă pentru a afișa mai multe detalii atunci când treceți cu mouse-ul sau faceți clic pe ea. Este excelent pentru a face experiențele utilizatorilor mai atractive și pentru a prezenta informațiile în mod succint. Cu mai mult de 15 efecte disponibile, Divi Supreme Pro vă permite să creați conținut interactiv atrăgător, care atrage utilizatorii.
Butonul Suprem
Divi oferă o gamă largă de opțiuni de personalizare pentru butoanele site-ului dvs., dar uneori, este posibil să aveți nevoie de și mai mult control asupra aspectului, animațiilor și funcționalității acestora. Aici intervine modulul Supreme Button al Divi Supreme Pro. Cu acest instrument, puteți crea butoane cu text separator între ele, puteți alege dintre 29 de animații diferite de trecere cu mouse-ul pe buton și 15 efecte de trecere cu mouse-ul pentru pictograme și puteți adăuga o imagine sau un video lightbox care funcționează cu YouTube, Vimeo și Dailymotion. De asemenea, puteți include sfaturi pentru ambele butoane.
În plus, acceptă diverse tipuri de link-uri URL, ceea ce facilitează crearea de adrese URL, e-mailuri, numere de telefon, SMS, Facebook Messenger, Skype, WhatsApp și Telegram.
Insigne text
Insignele text sunt etichete mici, colorate, utilizate în design web pentru a evidenția informații sau stări cheie, cum ar fi notificări, funcții noi sau roluri de utilizator. Acestea îmbunătățesc experiența utilizatorului și ierarhia vizuală. Folosind Divi Supreme Pro, le puteți adăuga cu ușurință la titlurile și textul site-ului dvs. Divi.
Afișarea textului cu mouse-ul imaginii
Cu acest modul, atunci când treceți cu mouse-ul peste imagine, o suprapunere alunecă din stânga, acoperind imaginea și arătând text. Odată ce îndepărtați mouse-ul, suprapunerea alunecă spre dreapta, dezvăluind din nou imaginea. De asemenea, puteți alege dintre diferite animații pentru textul care apare. Acest efect afișează în mod eficient o mulțime de informații într-un aspect compact.
Listă de prețuri
Modulul Listă de prețuri de la Divi Supreme Pro vă permite să creați liste atrăgătoare și organizate de produse sau servicii cu prețurile respective. Este ideal pentru meniuri, cataloage și liste de produse, ajutând clienții să găsească și să înțeleagă cu ușurință informațiile despre prețuri.
Efect de text glitch
Efectul de text glitch implică distorsionarea intenționată a textului pentru a crea un aspect de glitch digital. Acesta adaugă un element vizual unic și dinamic site-urilor web, dându-le o senzație modernă și neclintită. Cu Divi Supreme Pro, puteți adăuga cu ușurință efectul de glitch textului în doar câteva clicuri.
Amestecă scrisori
Modulul Shuffle Letters pentru Divi vă îmbunătățește site-ul web cu un efect de text atrăgător. Introduceți textul pe care doriți să-l afișați și urmăriți cum se amestecă printre caractere aleatorii înainte de a dezvălui mesajul final. Puteți ajusta cu ușurință setări precum viteza de amestecare, durata și textul aleatoriu cu doar câteva clicuri.
Hotspot de imagine
Un punct fierbinte de imagine este un loc pe care se poate face clic pe o imagine care activează o acțiune sau afișează informații atunci când se face clic pe acesta. Cu Divi Supreme Pro, puteți crea hotspot-uri atractive, receptive și profesionale, menținând în același timp flexibilitatea și personalizarea Divi.
Direcție dublă
Obțineți o tipografie uimitoare, îmbunătățind aspectul textului titlului dvs. cu culori, fonturi și alte personalizări. Puteți insera text înainte, în mijloc și după titlul principal. Folosind acest modul, puteți chiar să scoateți în evidență un anumit cuvânt, oferindu-i un font și o culoare unice.
8 extensii Divi
Aceste opt extensii oferă toate instrumentele de care aveți nevoie pentru a crea site-uri web remarcabile fără efort, îmbunătățind fluxul de lucru și îmbunătățind funcționalitatea site-ului.
Ferestre pop-up
După cum sugerează și numele, Divi Popup vă ajută să creați ferestre pop-up care apar atunci când utilizatorii efectuează anumite acțiuni, cum ar fi clic pe un buton sau pe un link. Aceste ferestre pop-up pot afișa conținut suplimentar, aduna detalii despre utilizator sau pot îndeplini orice altă nevoie care se potrivește unui stil de fereastră pop-up. Puteți personaliza ferestrele pop-up pentru a se potrivi cu ceea ce funcționează cel mai bine pentru utilizatorii dvs.
Element programat
Elementul programat Divi este o caracteristică suplimentară care permite programarea când anumite elemente ale paginii web apar și dispar. Acest lucru oferă un control mai precis asupra momentului de apariție a conținutului și poate ajuta la menținerea angajamentului utilizatorului prin dezvăluirea de conținut nou la intervale adecvate. Aceasta poate fi o metodă valoroasă de a promova și automatiza reducerile fără a aștepta momentul perfect.
Vizualizator receptiv
Extensia Divi Supreme Responsive Viewer facilitează crearea de site-uri web receptive. Puteți previzualiza și ajusta designul pentru ecranele mobile, tablete și desktop fără a avea nevoie de instrumente de inspecție a browserului. Interfața este ușor de utilizat, permițându-vă să aranjați conținutul fără efort.
Creator de teme ușor pentru antet
Easy Theme Builder de la Divi Supreme îmbunătățește puternicul Divi Theme Builder pentru opțiunile WordPress pentru personalizarea anteturilor. Când derulați, puteți face cu ușurință anteturi fixe, puteți reduce înălțimea antetului și puteți vedea desene pe diferite dispozitive mobile.
Widget de bibliotecă
Extensia Widget Divi Supreme Library îmbunătățește caracteristicile standard ale modulelor Bibliotecă ale temei Divi. Cu acest modul, puteți prezenta postări, pagini, produse WooCommerce sau tipuri de postări personalizate în diverse aspecte personalizabile. O gamă largă de opțiuni de design și aspect vă permit să creați fără efort afișaje atractive, fără a necesita abilități de codare.
Cod scurt al bibliotecii
Cu extensia Divi Supreme Library Shortcode, puteți crea coduri scurte pentru articolele bibliotecii dvs., făcând posibilă includerea acestora în orice postare sau pagină folosind API-ul WordPress shortcode. Puteți personaliza aspectul shortcode-ului, facilitând crearea de prezentări unice și atractive pentru articolele din bibliotecă pe orice pagină sau postare.
Atribute personalizate
Cu extensia Atribute personalizate, puteți include în mod convenabil atribute HTML personalizate în diferite elemente din Divi Builder, cum ar fi secțiuni, rânduri, coloane, module și butoane. Aceste atribute ajută la adăugarea datelor de care au nevoie bibliotecile JavaScript sau atribute HTML standard pe care Divi Builder nu le include de obicei.
Citeşte mai mult
Extensia Supreme Read More pentru Divi îmbunătățește experiența utilizatorului site-ului dvs. web. Vă permite să ascundeți text lung și să îl dezvălui cu un singur clic, păstrând conținutul concis, dar informativ. Acest instrument este ideal pentru utilizatorii Divi care doresc să ofere informații extinse fără a-și aglomera paginile.
Peste 40 de aspecte Premium Divi
Divi Supreme oferă peste 44 de machete gratuite disponibile pentru descărcare pe site-ul său. Să explorăm câteva dintre cele mai recente completări:
Pagina de destinație a cărții electronice
Șablonul E-Book Landing Page este ordonat și bine structurat, separând beneficiile și caracteristicile. Punctele marcatoare îi ajută pe utilizatori să înțeleagă rapid detaliile esențiale. Mai multe butoane „Aflați mai multe” și „Descărcați cartea electronică” încurajează implicarea. Zonele de conținut editabile permit personalizarea ușoară, iar designul rămâne consistent. Acest design are potențialul de a stimula conversiile, oferind funcții avansate și opțiuni de personalizare, oferindu-vă o experiență complet captivantă.
Pagina de destinație pentru sănătate mintală
Aspectul paginii de destinație pentru sănătate mintală pune accent pe sănătatea mintală printr-un aspect clar și structurat. Include opțiuni de consiliere practice și accesibile, evidențiază profilurile consilierilor și prezintă povești de succes. Designul curat și modern încorporează o schemă de culori liniștitoare care simplifică navigarea și vă ajută să găsiți informațiile de care aveți nevoie. Modulele Divi Supreme Pro vă îmbunătățesc experiența cu funcții interactive, cum ar fi efecte de trecere, filtre de imagine și pictograme unice.
Pagina de destinație a plantelor
Aspectul paginii de destinație a plantelor este curat și bine organizat, cu multe spații albe pentru o citire ușoară. Evidențiază un îndemn puternic, menține o tipografie consistentă și echilibrează frumos secțiunile. Aspectul ușor de utilizat asigură o navigare intuitivă și face ca elementele cheie să apară eficient.
Pagina de destinație de consultanță
Șablonul Consultancy Landing Page de la Divi Supreme are un aspect modern și curat, care vă atrage atenția. Secțiunile clare fac ușor deplasarea și înțelegerea. Tipografia îndrăzneață și imaginile bine plasate vă atrag atenția și subliniază informațiile cheie. În plus, pare a fi conceput pentru a se adapta la diverse dispozitive, astfel încât veți obține întotdeauna o experiență de vizionare grozavă.
Pagina de destinație a restaurantului
Acest șablon de pagină de destinație a restaurantului de la Divi Supreme are mai multe aspecte pozitive în ceea ce privește aspectul. În primul rând, designul este atrăgător și modern, cu o structură curată și organizată. Utilizarea spațiului alb permite conținutului să respire și îmbunătățește lizibilitatea. Meniul de navigare este ușor accesibil, oferind o navigare lină pe tot site-ul. Utilizarea imaginilor atractive și a secțiunilor bine concepute ajută la prezentarea eficientă a meniului și serviciilor restaurantului.
Instalarea Divi Supreme Pro
Instalarea Divi Supreme Pro este la fel cu instalarea oricărui plugin WordPress. Odată ce achiziționați pluginul, descărcați-l, mergeți la fila Plugin din tabloul de bord WordPress și selectați Adăugați un nou plugin.
Apoi, apăsați butonul Încărcați pluginul. Faceți clic pe Alegeți fișierul pentru a găsi fișierul zip al pluginului pe computer. După ce ați localizat fișierul, încărcați-l.
După ce este încărcat, faceți clic pe Instalați acum pentru a instala pluginul. În cele din urmă, activează-l făcând clic pe butonul Activare plugin.
Folosind Divi Supreme Pro
După ce ați instalat pluginul, veți vedea o nouă opțiune numită Divi Supreme Pro în bara laterală. Făcând clic pe acest element de meniu, veți fi direcționat către setările pentru Divi Supreme Pro. Valorificarea întregului potențial al lui Divi Supreme Pro este o ușoară, datorită interfeței sale intuitive și integrării perfecte cu Divi. Mai mult, în dreapta ecranului, veți găsi carduri utile cu link-uri către documentație și opțiuni de asistență. Deci, dacă ești blocat undeva, ajutorul nu este atât de departe! Acum, să facem o scurtă prezentare generală a aspectului și setărilor sale:
setari generale
Veți deschide automat fila de setări generale când faceți clic pe elementul de meniu. Aici puteți activa și gestiona extensii suplimentare Divi, cum ar fi ferestrele pop-up Divi și funcția Citiți mai multe. Aceste extensii sunt dezactivate în mod implicit.
Setări modul
Pluginul include numeroase module și funcții suplimentare, care ar putea afecta ușor performanța site-ului dvs. Cu toate acestea, vă puteți menține site-ul web și editorul raționalizate utilizând fila de setări ale modulului pentru a dezactiva orice elemente de care nu aveți nevoie.
Creator de teme ușor
Fila Easy Theme Builder vă permite să faceți modificări și să adăugați indicii despre experiența utilizatorului despre care am discutat mai devreme. Vom discuta această filă în detaliu mai târziu în postare.
Setări Social Media
Această filă vă permite să lipiți chei API și să activați setările pentru modulele legate de Facebook, cum ar fi comentariile Facebook, precum butoanele, comentariile și fluxurile live.
Diverse
În fila Diverse, veți găsi diverse setări și opțiuni care ar putea să nu fie cruciale, dar uneori pot fi utile. Acestea includ setări de compatibilitate, opțiuni de dezinstalare și caracteristici de securitate. De asemenea, puteți personaliza numele și pictograma pluginului, un proces numit etichetare albă, pentru a prezenta o imagine mai profesională clienților dvs.
Adăugarea unui modul
Toate modulele Divi Supreme Pro din cadrul editorului Divi sunt codificate cu culori cu o culoare violet strălucitoare, astfel încât să le puteți diferenția și utiliza rapid. În plus, toate au prefixul „Suprem”.
Utilizarea Easy Theme Builder pentru antet
Easy Theme Builder vă permite să vă configurați antetul, să ajustați culorile antetului atunci când derulați și să modificați elementele care se micșorează după bunul plac. De obicei, un antet cu Creatorul de teme derulează împreună cu site-ul. Cu toate acestea, cu setările Antetului Easy Theme Builder, puteți menține cu ușurință antetul fixat în partea de sus. Aveți chiar și opțiuni suplimentare, cum ar fi dezactivarea funcției pe telefoane mobile/tablete și câteva opțiuni estetice.
Activarea extensiei de defilare oferă antetului mai multă profunzime. Puteți schimba culorile de fundal și puteți adăuga o umbră de casetă care apare atunci când derulați.
În cele din urmă, opțiunea Shrink vă permite să ajustați dimensiunea meniului în timpul derulării și să comutați sigla la o altă imagine. Adăugați umplutură la secțiuni, rânduri și module și setați un procent pentru ca imaginea să se micșoreze.
Adăugarea unui text cu efect de tastare
Găsiți Supreme Typing, selectați-l și adăugați modulul pe pânză.
Veți vedea opțiuni pentru a ajusta efectul, cu trei câmpuri de text etichetate Înainte, Tastare și După. Etichetele sunt simple. Textul din câmpurile Înainte și După va fi static și nu va avea efectul de tastare. În câmpul Text Tastare, puteți folosi simbolul țeavă (|) pentru a adăuga diverse texte care vor apărea unul după altul. De exemplu:
Aveți, de asemenea, setări precum afișarea textelor pe linii separate, opțiuni de buclă, viteze, animații și opțiuni de conectare sub meniul derulant inițial al textului de tastare. În secțiunea de design, puteți personaliza culorile, fonturile și alte setări de aspect pentru acest modul.
Adăugarea unei liste de prețuri
Pentru a adăuga o listă de prețuri pe pagina dvs., mai întâi găsiți și adăugați modulul Listă de prețuri. O fereastră pop-up va apărea imediat. Opțiunea inițială pe care o veți vedea este un buton + mare pentru adăugarea articolelor la lista de prețuri.
Faceți clic pe acel buton pentru a deschide un alt pop-up pentru a introduce un articol nou și prețul acestuia.
În plus, puteți include o imagine pentru acest articol utilizând meniul drop-down care apare în continuare. Acest lucru este util în special pentru afaceri precum restaurante sau saloane.
Adăugarea unui efect de text Glitch
Căutați modulul Glitch Text și adăugați-l pe pânză. Odată ce modulul este adăugat la pânză, puteți introduce textul căruia doriți să aplicați efectul trippy în caseta Glitch Text.
Aveți trei efecte glitch din care să alegeți în meniul derulant de mai jos. De asemenea, puteți alege culori pentru efectele glitch pentru stilurile Glitch Two și Three.
Experimentați cu diferite stiluri și opțiuni de culoare pentru a obține aspectul glitchy dorit pentru textul dvs.
Adăugarea unui Hotspot de imagine
Pentru a adăuga modulul hotspot imagine, căutați „Supreme Image Hotspot” și faceți clic pentru a-l adăuga.
După ce adăugați modulul, mergeți la meniul derulant al imaginii și alegeți imaginea dorită. În partea de sus a meniului derulant al imaginii, veți găsi un spațiu pentru a vă adăuga hotspot-urile. Apăsați butonul mare Adăugați nou (+) pentru a deschide o filă nouă. Aici, puteți alege cum apar hotspot-urile dvs. Acestea pot fi o pictogramă, o imagine sau un text simplu, care pot fi selectate din meniul derulant „Tip”.
Dacă utilizați o pictogramă sau o imagine pentru un hotspot, puteți adăuga text în meniul dropdown „Tooltip” de sub fila hotspot. Puteți chiar să utilizați HTML în cadrul descrierii explicative.
Mergeți la secțiunea de design pentru a ajusta poziția și culorile descrierii. Când sunteți mulțumit de setările dvs., faceți clic pe fila Salvați modificările. Veți reveni la fila inițială, unde puteți adăuga mai multe hotspot-uri și puteți face modificări.
Adăugarea unui titlu dublu
Pentru a adăuga un titlu dublu la pagina dvs., localizați și adăugați modulul Titlu dublu. Aveți trei opțiuni: Înainte, Mijloc și După. Din punct de vedere tehnic, acestea vă permit să creați titluri cu până la trei culori.
Pentru a ajusta culorile textului, accesați fila Design. Acolo, puteți controla cu ușurință culorile, fonturile și dimensiunile textului.
Cumpărați Divi Supreme Pro
Divi Supreme Pro costă 79 USD și este disponibil pe Divi Marketplace. Vine cu o garanție de rambursare a banilor de 30 de zile, astfel încât să puteți obține o rambursare dacă nu sunteți mulțumit de aceasta. În plus, puteți utiliza pluginul pe câte site-uri web doriți și puteți primi un an de asistență și actualizări.
Cumpărați Divi Supreme Pro
Divi Supreme Pro: Gânduri de închidere
Indiferent dacă sunteți dezvoltator sau designer, Divi Supreme Pro simplifică procesul de creare, permițându-vă să creați site-uri web personalizate frumoase fără efort. Deși independent de Divi, acest plugin puternic își propune să vă îmbunătățească experiența de proiectare web și poate fi o completare excelentă pentru setul dvs. de instrumente Divi.
Ne-ar plăcea să vă auzim gândurile. Ați folosit Divi Supreme Pro? Vă rugăm să ne împărtășiți experiența dvs. în comentariile de mai jos.