Divi Plugin Highlight - Slider pentru orice

Modulul glisor standard Divi este un glisor puternic. Funcțiile includ un titlu, buton, text, suport media, link, fundal, suprapunere și multe altele. Ce se întâmplă dacă doriți să creați machete cu Divi Builder și să le așezați în slide? Exact asta face Anything Slider.

Anything Slider este un plugin terță parte de la CakeWP care vă permite să utilizați aspectele Divi în cadrul diapozitivelor. Puteți face mult mai mult cu acesta decât doar glisoarele. De asemenea, include modulul AS Menu care poate fi utilizat împreună cu modulul glisor pentru a crea:

• Filele
• Carusele
• Secțiuni interactive
• Comutarea prețurilor
• Galerii filtrabile
• CTA-uri interactive
• Produse filtrabile
• O pagină web

Orice Slider funcționează cu Divi, Extra și pluginul Divi Builder. În acest element de evidențiere a pluginului, vom arunca o privire la ceea ce poate face Anything Slider. Imaginile sunt de pe Unsplash.com.

• Pentru informații despre cumpărare, consultați CakeWP.com.

Instalarea cursorului Anything

Încărcați și activați pluginul ca la orice plugin premium. Odată ce este activat, treceți cu mouse-ul peste meniul Plugins din tabloul de bord și selectați Licența pentru orice cursor. Introduceți cheia de licență și selectați Activați licența. Apoi selectați Salvați modificările.

Două module noi sunt adăugate la Divi Builder: Anything Slider și AS Menu. Împreună pot crea câteva modele interesante.

Setări ale modulului Slider Anything

Setările includ diapozitive noi, controale următoare / anterioare, controale punct, afișare controale la hover, glisor buclă, animație, înălțime, glisare mouse etc. Fila Proiectare include stiluri personalizate pentru controalele Următorul și Anterior, numărul de diapozitive pe ecran, marja între diapozitive, culori de puncte și multe altele.

Setări pentru slide Slider Anything

Faceți clic pe Adăugați un slide nou. Aici veți vedea o listă derulantă numită Aspect diapozitiv în care veți alege aspectele pentru diapozitive. Acestea pot fi machete prefabricate, machete pe care le-ați construit și le-ați salvat în bibliotecă sau machete pe care le-ați încărcat.

Setări modul modul glisor AS

Setările includ orientarea meniului, alinierea etc. Fila Proiectare include fonturi, spațiu, fundaluri, culori și multe altele. Veți crea elementele de meniu făcând clic pe Adăugare element nou de meniu. Veți lipi adresa URL, veți alege o pictogramă, veți alege o imagine etc.

Kituri de pornire Slider Anything

Sliderul Anything folosește machete pentru a crea diapozitivele. Pentru a vă ajuta să începeți, există o mulțime de kituri de pornire gratuite și pachete de layout pe care le puteți descărca de pe site-ul dezvoltatorului. Importați-le în biblioteca Divi pentru a le utiliza.

Crearea unui glisor personalizat

Am creat câteva machete proprii și le-am selectat pe fiecare ca diapozitiv. Puteți adăuga câte diapozitive doriți. Mi se pare cel mai bine să le etichetez, astfel încât să știți care diapozitiv este, dacă doriți să faceți modificări.

Acest diapozitiv include un contor de imagini și bare. Puteți vedea navigarea cu puncte în colțul din stânga și comenzile glisante pe ambele părți. În acest exemplu mouse-ul meu se deplasează deasupra butonului de navigare din stânga. Toate stilurile sunt personalizabile.

Animații

Diapozitivele pot fi animate și le puteți face să alunece automat sau nu. Include animație pentru intrare și ieșire. Are aproape 80 de animații, inclusiv toate elementele de bază, cum ar fi sări, banda de cauciuc, jello, puls, shake, tada, wobble, swing, fade, flip, rotire, zoom și multe altele. Puteți opri animația pentru a vă opri.

Butoane de navigare

Butoanele de navigare pot fi stilizate independent. Stilează atât normal cât și planează pictogramele, chenarele, culorile etc.

În acest exemplu, am stilat butonul de navigare independent și am mărit dimensiunea punctelor (puteți specifica orice dimensiune în pixeli doriți pentru puncte). Animația cu mouse-ul modifică culoarea și raza chenarului. Include aceleași caracteristici de stil ca majoritatea modulelor Divi.

Butoanele și punctele au fost mutate spre dreapta cu butoanele din partea de sus și punctele din partea de jos. Le puteți așeza pe ambele părți sau în stânga, centru sau dreapta pentru sus sau jos. De asemenea, le puteți opri pe fiecare dintre ele, dacă preferați. Între butoane și puncte are o mulțime de combinații pentru opțiunile de aspect.

Modul de meniu AS

Modulul AS Menu este excelent pentru adăugarea mai multor opțiuni de navigare și poate utiliza pictograme și imagini. Acesta include opțiuni de orientare orizontală și verticală și poate fi stilizat la fel ca orice alt modul.

Modulul AS Menu creează un meniu, astfel încât vizitatorii dvs. să poată naviga prin diapozitive. Diapozitivele în sine includ o etichetă de navigare la sfârșitul adresei URL (în bara de adrese a browserului dvs.). Utilizați această etichetă pentru fiecare element de meniu. În acest exemplu, glisați eticheta URL a fiecăruia este # s_1.

Am plasat meniul în partea de jos, am mărit dimensiunea fontului și am adăugat un fundal pentru a-l scoate în evidență. Cuvintele pot fi făcute clic, dar în acest exemplu nu arată ca butoane. Este ușor de schimbat.

Am adăugat câteva căptușeli personalizate și am ajustat culorile de plutire și de fundal.

De asemenea, am scos butoanele de navigare din glisor și am plasat modulul AS Menu în partea de sus. Meniul se afișează în orientare orizontală. Umplerea cu culori de fundal creează casete în jurul textului. Folosind căptușeala puteți face butoanele cât de mari doriți.

Am ajustat aspectul la 2 coloane (3/4 + 1/4) și am plasat orientarea meniului pe verticală.

Meniul din lateral creează câteva posibilități interesante, mai ales atunci când luați în considerare caracteristicile imaginii și pictogramelor modulului. Să vedem ce putem face cu asta.

Crearea unei pagini unice

Puteți crea pagini complete folosind glisorul și apoi glisați între ele automat, cu navigare prin butoane și puncte, sau cu modulul de meniu. Pentru acest exemplu, am creat o nouă pagină cu lățime completă, cu un modul AS Menu în 1/4 din stânga și cursorul Anything în 3/4 în dreapta. Am adăugat o imagine de fundal în secțiune cu o suprapunere pentru a ajuta la descrierea vizuală a site-ului web dintr-o privire.

Pentru acest exemplu am vrut să folosesc caracteristica de imagine a modulului AS Menu. Pentru acest meniu adaug imagini pentru fiecare dintre elementele de meniu. De asemenea, include pictograme, care pot fi utilizate împreună cu imaginile sau singure.

Pentru diapozitive am creat machete cu un singur modul de blog cu o singură categorie selectată.

Modulul AS Slider va afișa toate aspectele blogului ca diapozitive individuale. Am dezactivat comenzile următoare / anterioare și puncte.

Glisorul afișează modulul blogului pentru fiecare categorie, în timp ce meniul din stânga, care este setat pe orientare verticală, afișează imagini pentru categorii și funcționează ca navigare între diapozitive. Glisorul este setat să se rotească prin diapozitive pentru a afișa cea mai recentă postare din fiecare categorie. Aceasta înseamnă că întreaga pagină de pornire, cu excepția navigării, este un glisor. Desigur, meniul poate fi plasat deasupra, dedesubt sau în dreapta.

Documentație pentru orice cursor

Documentația este furnizată pe site-ul web CakeWP și include o prezentare generală cu imagini și mai multe videoclipuri, inclusiv un ghid de pornire și un tutorial. De asemenea, include demonstrații pentru a vă oferi idei despre modul de utilizare a modulelor.

Licență, asistență și actualizări

Pluginul poate fi utilizat pe site-uri web pentru dvs. și clienții dvs. pe baza licenței pe care o alegeți. Există trei licențe dintre care puteți alege:

• 1 site - 30,00 USD
• 5 site-uri - 50,00 USD
• Site-uri nelimitate - 120,00 USD

Toate licențele includ un an de asistență și actualizări.

• Pentru informații despre cumpărare, consultați CakeWP.com.

Gânduri finale

Sliderul Anything este un modul interesant. Abilitatea de a folosi aspectele Divi ca diapozitive deschide o mulțime de posibilități de proiectare. Îmi place mai ales să folosesc imagini în modulul de meniu. Modulele sunt ușor de utilizat, iar documentația oferă instrucțiuni pas cu pas pentru a începe.

Dacă sunteți interesat să vă extindeți glisoarele dincolo de glisorul standard Divi, orice glisor ar putea fi pluginul dorit.

Am vrea să aflăm de la tine. Ați folosit Anything Slider? Spuneți-ne despre experiența dvs. în comentarii.

Imagine prezentată prin VectorsMarket / shutterstock.com