Les glisoarele sunt elemente care pot fi găsite pe aproape toate paginile de pornire ale site-urilor web. Slider Smart 3 este un plugin puternic disponibil în versiune gratuită și premium.

Principalele caracteristici ale acestui plugin

Ca caracteristică, oferă printre altele:

• O interfață de utilizator intuitivă
• Un generator de pagini video drag and drop cu Previzualizare Live / 8
• Diapozitive dinamice care pot fi create folosind articole și filtrate prin ID sau pagini personalizate
• Generare de diapozitive (Dynamically) dintr-o varietate de rețele sociale (Facebook, Dribbble, Flickr, Instagram, Twitter, YouTube și multe altele).
• Glisoare de control personalizabile 
• Animări glisante în fundal (Ken Burns)

Gratuit vs Premium

Dacă tot ce căutați este un glisor de bază, Smart Slider 3 este disponibil pe WordPress.org în directorul de pluginuri. Chiar și versiunea gratuită este impresionantă și specială în comparație cu unele dintre celelalte glisoare.

O licență personală pentru un singur site costă doar 25 USD (reînnoirea este la 15 $).

Există câteva diferențe cheie între versiunea gratuită și cea premium în ceea ce privește conținutul și funcțiile. Iată ce veți obține cu versiunea premium:

• Un generator nelimitat de diapozitive dinamice
• Comenzi avansate
• Mod expert
• Animații în fundal
• Un vizualizator și editor de imagini
• Demo-uri glisante 43

Tutorial: Crearea unui glisor de bază

Dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs..

Odată activat, WordPress plug-in Slider Smart își pune propriul meniu în partea de jos a panoului de administrare WordPress.

Dacă nu ați instalat niciodată un WordPress plug-in descoperi Cum se instalează un plug-in WordPress

Faceți clic pe meniu slider smart, se deschide interfața principală unde prima opțiune pe care o veți vedea este un buton verde mare: " Creați cursorul » care deschide o fereastră inițială de configurare așa cum vedeți mai jos.

De acolo vă puteți denumi glisorul și puteți alege un stil general. Există o mulțime de stiluri din care puteți alege (cum ar fi lățimea completă, pagina completă, caruselul, miniatura și multe altele), dar vom merge cu un glisor de blocuri bazat pe aspectul site-ului nostru web existent.

Faceți clic pe "Crea" iar Slider Smart va începe să proiecteze modelul tău de slider de bază. După câteva secunde, vă veți găsi pe o pagină care oferă toate detaliile de bază despre plugin.

Descopera Cum să creați o politică de confidențialitate pe WordPress

Primul lucru de menționat aici este secțiunea " Publicați cursorul". Va trebui să utilizați una dintre aceste trei metode (Editor scurt, pagină sau post, sau cod PHP) când vine momentul să-ți publici diapozitivul (n ° 1 mai jos). Înainte de a face acest lucru, trebuie să creăm diapozitive.

Aici plugin-ul demonstrează cu adevărat ușurința sa de utilizare.

Tot ce trebuie să faceți este să faceți clic pe butonul verde " Adăugați diapozitiv Imagine '(n ° 2 mai jos) și biblioteca dvs. media se va deschide. De acolo puteți selecta câte imagini doriți sau puteți începe cu una singură, apoi faceți clic pe „ Selectați În fereastra bibliotecii media.

Remarque: Nu vă limitați la imagini atunci când selectați diapozitivul. De asemenea, puteți utiliza videoclipuri sau articole, precum și să creați diapozitive goale, statice sau chiar dinamice.

consulta Cum să dublați (copiați) paginile dvs. pe WordPress: tutorialul

Smart Slider vă încarcă diapozitivul în interfață și sunteți gata să salvați și să publicați sau să începeți personalizarea. Cu toate acestea, dacă îmi public prezentarea de diapozitive, va funcționa bine, dar nu este exact ceea ce căutam, după cum puteți vedea în imaginea de mai jos.

Pentru a corecta acest lucru m-am dus la meniu "Mărimea" și am derulat în jos până la secțiune modul receptiv. Selecția a fost "Lățime maximă", așa că am ales "Auto" și mi-a salvat progresul. De acolo, m-am întors la „ general „și alegeți o aliniere în centru.

Când vorbesc aici despre ușurința utilizării, rețineți acest lucru tot acest proces a durat mai puțin de 5 minute pentru prima mea această încercare.

Acum este timpul să lucrați la slide-ul în sine. Când treceți cu mouse-ul peste diapozitivele din fereastra de vizualizare, veți observa că în colțul din stânga sus apare o casetă verde. Așa cum ați fi putut ghici, făcând clic pe acest diapozitiv se va marca ca primul din secvență.

Vezi și 5 pluginuri excelente WordPress premium pentru a adăuga un cursor

Odată cu glisorul meu creat și fundalul la locul său, a venit timpul să adăugăm conținut și tranziții. Pentru a efectua acest pas, am făcut clic pur și simplu pe diapozitivul pe care doream să îl editez, ceea ce mă duce la secțiunea de straturi.

Există o mulțime de setări individuale în panoul din dreapta, dar dacă derulați în jos, veți găsi o imagine a diapozitivului. Apoi puteți face clic pe unul dintre elementele din panoul din stânga pentru a le plasa pe diapozitiv.

Crearea acestor diapozitive este o altă școală. Există atât de multe opțiuni disponibile. Pentru a vă face o idee despre cât de flexibil este acest plugin, aruncați o privire la ceea ce poate face fiecare element pentru glisorul dvs. prin:

• Un meniu cu elemente
• animații
• Setări strat

În fiecare din aceste meniuri, există mai multe submeniuri. De exemplu, atunci când creați un element text, puteți ajusta setările de font, cum ar fi: 

• Polițiștii
• Culoarea textului
• Dimensiunea fontului
• Înălțimea liniei
• Decorarea textului
• Aliniere
• Spațiere între litere și cuvinte
• Setări de editare a textului
• Umbra textului

Fiecare element de text din glisorul dvs. poate avea setări unice, animații unice și setări proprii de sincronizare. Există chiar și o secțiune pentru CSS personalizate.

Pe măsură ce adăugați elemente și animații la diapozitiv, în versiunea profesională veți observa și o funcție de calendar, care vă permite să controlați durata de afișare a elementelor individuale și durata animațiilor acestora folosind bare glisante simple.

M-am bazat pe această caracteristică când am adăugat straturi diferite pentru acest diapozitiv puțin mai târziu.

Adăugarea de straturi și animații

Cu glisorul nostru în poziție și fundalul instalat, este timpul să introducem câteva diferit elemente și straturi. Vom începe prin a adăuga o imagine a unui om de zăpadă la diapozitiv. Pentru a face acest lucru, merg la meniu „Straturi” și faceți clic pe „Imagine”. Aceasta va plasa o imagine fictivă pe diapozitiv.

Descoperă și tu Cum să configurați plugin-ul WordPress Slider Revolution

De acolo, puteți să faceți clic pe imaginea fictivă din stânga jos, apoi să selectați și să redimensionați imaginea din biblioteca media.

Odată ce mi-am ales, inserat și redimensionat imaginea, este timpul să adăugăm niște animații de bază care pot fi realizate în doar câțiva pași.

Primul este să selectați fila „Animații” așa cum se vede mai jos. Odată terminat, vom face clic pe butonul verde de animație "În".

Următorul ecran este locul în care îmi pot alege animația, precum și regla programul. Pentru acest slide special, introduc o animație „DREAPTA” și măresc durata la 2200ms.

Căutați un ftp pentru a vă gestiona fișierele și folderele WordPress, descoperiți Cum de a utiliza FTP pe Windows 10

Voi adăuga și o întârziere de 300ms. În partea de jos a acestui ecran există o opțiune pentru a avea un anumit eveniment și un declanșator pentru acea animație, cum ar fi o deplasare a mouse-ului sau un clic în diapozitiv. Nu voi complica lucrurile cu aceste setări pentru acest exemplu.

Apoi voi adăuga un text. Urmând același proces ca mai sus, faceți clic pe elementul „ adăuga text Și faceți ajustările necesare. Am introdus textul și apoi am mers la setările fontului unde am schimbat dimensiunea și culoarea.

Adaug o animație " Fade In Și a ajustat calendarul astfel încât să înceapă imediat după animația omului de zăpadă.

De asemenea, veți observa în acest meniu că există posibilitatea de a avea text specific pentru tablete și dispozitive mobil. Acesta este un exemplu excelent al tipurilor de caracteristici care fac acest plugin atât de flexibil și ușor de utilizat.

În unele „alte” glisante, aș fi fost obligat să folosesc o interogare media și CSS personalizat.

În cele din urmă, mai adaug două straturi. Primul este un strat de text, iar al doilea este un strat de imagine. Din nou, parcurg exact același proces ca cel de mai sus, dar am luat un pic mai mult în momentul animării. Puteți vedea rezultatele finale mai jos.

În total, crearea acestei diapozitive a fost un proces de 20 minute.

Notă: Convertiți această diapozitivă în GIF va modifica anumite termene ale frumoaselor animații selectate pe care le-am asamblat cu atenție.

Voila! După ce încercați o mulțime de plugin-uri WordPress de glisor, atât gratuit, cât și premium, pot spune sincer că acesta este unul dintre cele mai bune pe care le-am testat vreodată. Nu este doar o caracteristică specifică care o face unică. Este o combinație de lucruri care arată cât de simplu este un plugin grozav.

Este important să rețineți că nu am acoperit fiecare caracteristică individuală.

Descoperă și tu Cum să știi ce temă este folosită pe un blog WordPress

Sunt sigur că dacă aș petrece puțin mai mult timp lucrând cu acest plugin, aș găsi câteva lucruri pe care aș dori să le schimb și poate chiar câteva bug-uri. Cred că ușurința în utilizare îi menține pe oameni acolo suficient de mult timp încât să poată profita din plin de multitudinea de caracteristici oferite. Și crede-mă, sunt multe.

Descărcați Smart Slider 3

Descoperiți și câteva plugin-uri premium WordPress  

Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. WooCommerce Page Builder

WooCommerce Page Builder este un WordPress plug-in foarte popular care oferă un număr destul de consistent de coduri scurte și care vă permite să creați mai multe tipuri de pagini personalizate (produs, coș, casă, „Contul meu”) pe site-ul dvs. WooCommerce. Este o extensie a plug-vizual Compozitor că trebuie să instalați dinainte.

Datorită acestui plugin, veți avea posibilitatea să creați site-uri web de comerț electronic unic folosind oricare WordPress temă, și vă fac mulți bani.

Descarca | Demo | web hosting

2. Elementor

Lansat inițial în 2016, pluginul Elementor WordPress este unul dintre cei mai tineri constructori de pagini din această listă. În ciuda începutului său târziu, Elementor a acumulat rapid peste 1 de instalări active pe WordPress.org, făcându-l unul dintre Constructori vizuali ai celor mai populare pagini WordPress.

Ceea ce îi face reputația este interfața vizuală fluidă, opțiunile sale diferite de stil și alte caracteristici puternice, cum ar fi crearea completă a Teme WordPress.

Interfața sa este împărțită în două părți principale, cu o a treia zonă pentru anumiți parametri. Versiunea gratuită a Elementor oferă widgeturi 28 gratuite. Versiunea Pro aduce la dispoziție alte widget-uri 30, un total de widgeturi 58 în versiunea Pro. Versiunea gratuită include aproximativ șabloane gratuite 40, în timp ce versiunea Pro aduce sute de șabloane suplimentare.

 Descarca | Demo | web hosting

3. Ninja Popups

Cu peste 30 de vânzări și un rating de 000 stele, Ninja Popups este unul dintre WordPress plugin-uri cele mai populare disponibile pe Code Canyon.

În plus față de o gamă largă de modele pentru o varietate de utilizări, acesta vine, de asemenea, cu mai multe caracteristici, cum ar fi: un constructor vizual de pop-up, 10 poziții diferite de afișare pentru ferestre pop-up, 74 de efecte de animație diferite, suport tehnologic anti-blocare pentru a ocoli blocanții publicitari, o varietate de opțiuni de direcționare, statistici în tablou de bord, blocarea conținutului pentru opțiunea de e-mail sau partajarea pe social media, tone de integrări cu serviciile de marketing prin e-mail și multe altele.

Descarca | Demo | web hosting

Resurse recomandate

Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.

• Cum să creați o politică de confidențialitate pe WordPress
• Cum să înțelegeți structura fișierelor WordPress
• Cum să adăugați un meniu de navigare la o pagină WordPress
• Cum să configurați plugin-ul WordPress Slider Revolution

Concluzie

Aici este ! Gata pentru acest tutorial și sper că vă va ajuta să creați cu ușurință glisante sau diapozitive cu ajutorul Pluginul WordPress Smart-Slider. Dacă ți-a plăcut, nu ezita împărtășiți cu prietenii de pe rețelele de socializare preferate. 

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dar, între timp, spuneți-ne despre dvs. comentarii și sugestii în secțiunea dedicată.

...