Repere produs Divi: Divi Supreme Pro

Publicat: 2024-06-03

Divi 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.

O captură de ecran a listei Divi Supreme Pro pe Divi Marketplace

Î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!

Cuprins
  • 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.

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.

Divi Supreme Pro

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

O captură de ecran a aspectului cărții electronice Divi Supreme Pro

Ș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ă

O captură de ecran a planului de sănătate mintală de la Divi Supreme Pro

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

O captură de ecran a aspectului plantei Divi Supreme Pro

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ță

O captură de ecran a aspectului de consultanță al Divi Supreme Pro

Ș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

O captură de ecran a aspectului restaurantului Divi Supreme Pro

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.

O captură de ecran a modului de instalare a unui 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.

O captură de ecran despre cum să încărcați și să instalați pluginul

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.

O captură de ecran despre cum să activați pluginul

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:

O captură de ecran cu SETĂRILE lui Divi Supreme Pro

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”.

O captură de ecran a modulelor Divi Supreme Pro

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.

O captură de ecran a opțiunilor de antet fix ale Theme Builder Header

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.

O captură de ecran a opțiunilor de defilare ale antetului Theme Builder

Î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.

O captură de ecran a opțiunilor de micșorare ale antetului Theme Builder

Adăugarea unui text cu efect de tastare

Găsiți Supreme Typing, selectați-l și adăugați modulul pe pânză.

O captură de ecran cu Supreme Typing în fereastra pop-up module

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:

O captură de ecran cu opțiunile Supreme Typing

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.

O captură de ecran a Modulului Lista de prețuri Divi Supreme Pro

Faceți clic pe acel buton pentru a deschide un alt pop-up pentru a introduce un articol nou și prețul acestuia.

O captură de ecran a setărilor modulului Lista de prețuri Divi Supreme Pro

Î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.

O captură de ecran a opțiunilor de imagine pentru lista de prețuri Divi Supreme Pro

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.

O captură de ecran a Glitch Text de la Divi Supreme Pro

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.

O captură de ecran a efectelor de text Glitch ale Divi Supreme Pro

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.

O captură de ecran cu Supreme Image Hotspot în fereastra pop-up de module

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”.

O captură de ecran a opțiunii Supreme Image Hotspot de a adăuga hotspot-uri

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.

O captură de ecran a opțiunii Supreme Image Hotspot de a adăuga text hotspot

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.

O captură de ecran a setărilor Dual Heading ale Divi Supreme Pro

Pentru a ajusta culorile textului, accesați fila Design. Acolo, puteți controla cu ușurință culorile, fonturile și dimensiunile textului.

O captură de ecran a setărilor de text cu două titluri ale Divi Supreme Pro

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.

O captură de ecran a listei Divi Supreme Pro pe Divi Marketplace

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.