Divi Plugin Highlight: Divi Supreme

Divi Supreme este un plugin terță parte pentru Divi care adaugă o mulțime de setări pentru a adăuga caracteristici noi la Divi Builder, precum și o mulțime de module noi. În acest articol, ne vom uita la Divi Supreme pentru a vedea ce poate face și pentru a vă ajuta să decideți dacă este pluginul de care aveți nevoie în cutia dvs. de instrumente Divi.

Instalare

Instalarea este simplă și simplă.

1. Cumpărați și descărcați pluginul de pe Divi Marketplace
2. Navigați la Pluginuri > Adăugare nouă > Încărcare plugin
3. Faceți clic pe Alegeți fișierul
4. Găsiți fișierul zip al pluginului pe computer și selectați-l
5. Faceți clic pe Instalare acum
6. Faceți clic pe Activați
7. Accesați Divi Supreme Pro > Licență în tabloul de bord WordPress și introduceți cheia de licență

setari generale

Divi Supreme adaugă un ecran de meniu cu mai multe file pentru a personaliza setările așa cum le doriți. Fila Setări generale include comutări pentru activarea elementelor programate, o fereastră pop-up, un widget de bibliotecă, un link de mai mult conținut, coduri scurte de bibliotecă și un vizualizator receptiv. Să ne uităm la câteva dintre ele.

Element programat

Elementele programate oferă un calendar cu ora exactă, astfel încât să îl puteți programa sau ascunde pentru acele vremuri. De asemenea, puteți alege la ce utilizator se aplică. Aceasta este adăugată la toate secțiunile, rândurile, coloanele și modulele.

Pop-up

Funcția popup este adăugată la module. Puteți alege tipul de popup, alegeți un aspect din bibliotecă, puteți selecta declanșatoarele de deschidere și închidere, închidere automată, animații de intrare și ieșire, poziții, lățimi, suprapuneri, butoane de închidere, pictograme, culori etc.

Citeste mai mult

Read More adaugă un link către anumite module pentru a-și dezvălui conținutul la clic. Alegeți să afișați linkul pe mobil, înălțimea prăbușită, textul, fontul, culorile, umbra, CSS personalizat și multe altele.

Widget bibliotecă

Widgetul de bibliotecă vă permite să plasați orice aspect din biblioteca Divi în bare laterale, subsol sau în orice alt loc în care utilizați widgeturi.

Acest exemplu arată aspectul demonstrativ în bara laterală. Aspectul pe care îl folosesc nu a fost conceput pentru acest spațiu, dar este interesant faptul că poate folosi aspectele Divi pentru a construi bare laterale.

Vizualizator receptiv

Vizualizatorul responsiv adaugă noi instrumente la Bara de instrumente Builder, care oferă mai multe opțiuni de vizualizare. Când selectați să vedeți modurile de tabletă sau telefon, noi dimensiuni de ecran sunt adăugate la bara de instrumente. De asemenea, adaugă un câmp în care puteți introduce o dimensiune personalizată.

Easy Theme Builder

Easy Theme Builder vă permite să vă configurați antetul, să schimbați culorile elementelor antetului pe scroll și să personalizați elementele care se micșorează.

Antet fix

În mod implicit, un antet creat cu Theme Builder derulează cu site-ul. În exemplul de mai sus, am derulat pagina în jos și antetul a fost derulat.

Antetul este acum fix, așa că atunci când derulez antetul rămâne în poziție.

Derulare

Pentru derulare, am schimbat culorile de fundal din ambele secțiuni. Am adăugat și umbra casetei pentru a apărea pe scroll.

Iată antetul meu Theme Builder înainte de derulare. L-am setat la Fix și să împing conținutul în jos. Acest antet are două secțiuni.

Iată antetul după derulare. Cele două secțiuni și-au schimbat culorile de fundal în funcție de setările mele.

Micsoreaza

Shrink vă permite să specificați dimensiunea meniului pe scroll și să schimbați sigla într-o imagine nouă. Adăugați căptușeală la secțiune, rânduri, modul și specificați un procent pentru ca imaginea să se micșoreze.

Iată antetul meu Theme Builder cu setările implicite și o nouă siglă.

Am setat dimensiunea să crească, astfel încât să se vadă ușor diferența. Am adăugat 8 px de umplutură și am setat imaginea la 80%. Acum a schimbat sigla cu noua mea imagine.

Setări Social Media

Setările pentru rețelele sociale vă permit să introduceți ID-ul aplicației Facebook și să schimbați limba, astfel încât modulele dvs. să utilizeze aceeași limbă ca și site-ul dvs. web.

Diverse

Setările diverse vă permit să eliminați datele pluginului la dezinstalare, să permiteți încărcarea fișierelor JSON, încărcările SVG și să schimbați numele și pictograma meniului Divi Supreme.

Module Divi

Divi Supreme adaugă 42 de module noi la Divi Builder. Acestea adaugă o mulțime de funcții noi pentru imagini, text, butoane, formulare de contact, rețele de socializare, etc. Să ne uităm la câteva dintre ele.

Orele de lucru supreme

Supreme Business Hours include sub-module pentru fiecare zi a săptămânii, permițându-le să le denumiți individual, să arătați diferite ore și să le stilizați. De asemenea, le puteți stiliza împreună, așa cum am făcut aici. Vă oferă control independent asupra fonturilor de zi și oră. De asemenea, puteți introduce în câmpuri orice text doriți.

Butonul Suprem

Butonul Suprem vă oferă două butoane pe care le puteți coafura împreună sau independent. De asemenea, adaugă text de separare, o casetă lightbox pentru fiecare buton și sfaturi. Fiecare dintre elemente are propriile opțiuni de stil. Puteți utiliza funcțiile exacte pe care le doriți, astfel încât să nu trebuie să utilizați ambele butoane, textul separatorului etc.

Cardul Suprem

Supreme Card creează carduri care arată ca postări pe blog. Adăugați o imagine, un titlu, o descriere, un buton și o insignă. Fiecare dintre elemente poate fi stilizat independent. Am adăugat o imagine, am mărit greutatea fontului pentru titlu, am schimbat culoarea insignei și dimensiunea fontului, am schimbat culoarea butoanelor, am făcut butonul rotund și am adăugat o umbră de casetă butonului. Aceasta este vizualizarea stivuită.

De asemenea, puteți face în linie și alege lățimea, alinierea comenzii și alinierea orizontală a conținutului (care ajustează poziția verticală a imaginii). Aceasta arată stânga pentru alinierea comenzii și centrul pentru alinierea orizontală. Opțiunea de aliniere este excelentă pentru crearea CTA-urilor într-un aspect alternativ.

Aceasta este alinierea corectă. De asemenea, am făcut câteva ajustări la imagine, cum ar fi adăugarea de colțuri rotunjite, o margine roșie și o umbră de cutie. De asemenea, puteți adăuga o suprapunere la imagine.

Carusel Supreme Card

Caruselul Supreme Card oferă aceleași caracteristici ca și Supreme Card, dar adaugă mai multe cărți într-un glisor. Vă oferă opțiuni de styling, astfel încât să puteți stiliza cărțile independent. De asemenea, adaugă opțiuni de styling pentru carusel, inclusiv săgeți și navigare prin puncte, precum și caracteristicile standard ale glisorului. Aceasta afișează setările implicite cu imaginile pe care le-am adăugat. Aceasta este alinierea stivuită.

Aceasta este alinierea în linie. Am adăugat o culoare de fundal la fiecare dintre sub-module, astfel încât să fie separat. De asemenea, am schimbat dimensiunea și culoarea săgeților și culorile navigării cu puncte. Ajustările săgeții vă oferă, de asemenea, control asupra poziției, pictogramei anterioare și pictogramei următoare.

Titlu dual suprem

Heading Dual Supreme Oferă trei secțiuni pentru text: înainte, mijloc și după. Textul din mijloc are o culoare diferită în mod implicit. Toate cele trei folosesc aceleași setări, dar le puteți stiliza independent. Le puteți afișa, de asemenea, ca în linie sau stivuite în orice combinație doriți. Setarea implicită este Inline. Am mărit dimensiunea fontului pentru textul anterior și cel din mijloc, am redus textul după și am redactat textul din mijloc.

Harta Google încorporată supremă

Harta Google încorporată vă permite să adăugați adresa pe care doriți să o fixeze și să alegeți nivelul de zoom. Nu este necesară nicio altă configurare. Folosește ctrl + pentru a mări, astfel încât utilizatorii să poată derula deasupra acestuia fără ca pagina să se oprească pentru a mări harta.

Nu are setări personalizate pentru niciunul dintre elementele hărții, dar are toate opțiunile de proiectare standard. Am adăugat o umbră de casetă și am ajustat filtrele din acest exemplu.

Cronologie Supreme Embedded Twitter

Cronologia Twitter încorporată vă permite să specificați un nume de utilizator Twitter pentru a încorpora postările Twitter ale acelui utilizator în aspectul dvs. Limitați numărul de tweets, afișați antetul, subsolul, marginea, bara de derulare și eliminați culoarea de fundal. Include setări de proiectare standard. De asemenea, include o temă deschisă și întunecată.

Comentarii supreme pe Facebook

Comentariile Facebook încorporează comentariile unei pagini Facebook și le permite utilizatorilor să comenteze folosind conturile lor de Facebook. Selectați numărul de comentarii de afișat, alegeți o schemă deschisă sau întunecată și selectați modul în care sunt ordonate comentariile. Utilizatorii pot aprecia, răspunde și urmări persoana de pe Facebook. Include setări de proiectare standard.

Lista de pictograme supreme

Lista de pictograme Supreme include sub-module în care puteți adăuga conținutul și puteți selecta o pictogramă pentru fiecare element. Puteți stiliza textul și pictogramele independent. De asemenea, puteți adăuga fundaluri, inclusiv culori, degradeuri, imagini și videoclipuri, în spatele fiecărui element.

Forme supreme

Supreme Shapes vă permite să alegeți o formă din lista derulantă și să setați dimensiunea acesteia. Are 17 forme diferite din care să alegi.

Opțiunile de design vă permit să schimbați culoarea, să utilizați un chenar și să adăugați o umbră. De asemenea, include setări de proiectare standard. Am schimbat culoarea și am adăugat o umbră în exemplul de mai sus.

Cumpărare

Divi Supreme este disponibil pe piața Divi pentru 79 USD. Prețul include utilizarea nelimitată a site-ului web și un an de asistență și actualizări.

Gânduri de sfârșit

Divi Supreme Pro este un plugin interesant pentru Divi. Acesta adaugă o mulțime de caracteristici și module noi, dar rămâne ușor de utilizat. Toate caracteristicile sunt utile. Unele adaugă efecte, în timp ce altele adaugă caracteristici care extind foarte mult Divi. Dacă doriți să vă extindeți site-ul sau cutia de instrumente Divi fără a avea nevoie de o mulțime de pluginuri, Divi Supreme Pro merită aruncat o privire.

Vrem sa auzim de la tine. Ați încercat Divi Supreme Pro? Spuneți-ne ce părere aveți despre asta în comentarii.

Imagine prezentată prin VectorKnight / shutterstock.com