Ostsid esmaklassilise teema, kuid demos nähtud slider ei töötanud? Või panid slideri kokku tasuta pluginaga ja see jõnksutab mobiilis, lisades samal ajal pool megabaiti üleliigset koodi? Meie proovisime umbes viit sliderit, enne kui ühe juures pidama jäime.

Slider Revolution ThemePunchilt ei ole lihtsalt „järjekordne slider". See on visuaalne redaktor igasuguse keerukusega sisu jaoks: Hero sektsioonist kuni kihtidele ehitatud üheleheküljelise saidini. Aastal 2026 elab plugin versioonis 7 ja suudab asju, mille peale tasuta alternatiivid pole tulnudki: WebGL-efektid, 3D-osakeste klastrid, vedelikusimulatsioon ja kihtide AI-tõlge.

Allpool on aus ülevaade ja samm-sammuline juhend. Mida versioon 7 suudab, kuidas seda paigaldada (eraldi ostuna või teemaga kaasas olevana) ja mis kõige tähtsam, kuidas käivitada oma esimene slider tunni ajaga.

💡 Kiirülevaade:

• Osta Slider Revolution aadressilt sliderrevolution.com (CodeCanyon ei ole enam valik, kuna plugin lahkus turuplatsilt) või aktiveeri oma esmaklassilise teemaga kaasas olev koopia
• Aktiveeri litsents WordPressi administraatoris ja seadista globaalsed sätted: juurdepääsuõigused, ruudustiku murdepunktid, laisklaadimine
• Impordi valmis mall 200+ valikuga teegist või loo moodul nullist
• Täida slaidid: taust, kihid (tekst, nupud, video, kujundid, SVG), animatsioonid ja üleminekud
• Seadista navigatsioon, edenemisnäidik, kerimisefektid ja lisa lühikood oma lehele

Mis on Slider Revolution ja mis on uut versioonis 7

Esnaklassiline WordPressi plugin ThemePunchilt. Kataloogi andmetel on sellel üle 9 miljoni aktiivse installatsiooni ja üle 200 malli teegis. Karbist välja võttes: sliderid, karussellid, Hero-plokid, üheleheküljelised saidid ja dünaamilised moodulid, mis põhinevad postitustel või WooCommerce'i toodetel.

Lühidalt: see ei ole „piltidega slider". See on keskkond, kus iga slaid pannakse kokku kihtidena (tekst, nupp, video, SVG-kujund, veergudega rida) nagu leheehitajas. Stseeni ehitatakse hiirega lõuendil, mitte külgriba liuguritega, ja tulemus on kohe nähtav.

Versioon 7, mis anti välja pärast kolmeaastast arendustööd, tõi täiesti uue visuaalse redaktori ja renderdusmootori. Vanad projektid migreeruvad uuendamisel automaatselt. Märkimisväärsed lisandused: WebGL-mootor täiustatud üleminekute jaoks, Fluid Dynamics (vedelikusimulatsioon, mis reageerib kursorile), The Cluster (3D-osakeste klastrid orbiitide ja tõmbejõuga), AI Translate (automaatne kihtide tõlge WPML-i toega) ja 30+ lisamoodulit igaks ülesandeks.

Paigutused ja reageerivus

Plugin on ammu välja kasvanud pelgalt „pühkimisega sliderist": saadaval on karussellid, „stseenid" (üks slaid kui ehitaja rida) ja täisekraanimoodulid. Reageerivus ulatub pildi tihendamisest kaugemale: Smart Inherit restruktureerib kihid iga seadme jaoks ning elemendid muudavad suurust või peituvad. Mobiilis jääb slider loetavaks, selle asemel et muutuda tillukeste nuppude sipelgapesaks.

Sisuallikad

Üheksa võimalust sisu jaoks. Vaikimisi on need sinu enda pildid ja videod. Saad tõmmata blogipostitusi (mis tahes postituse tüübid, sealhulgas konkreetsed ID-d), WooCommerce'i tooteid, sisu Flickr-ist, Instagramist, Twitterist, Facebookist, YouTube'ist ja Vimeost. Viimane variant on suurepärane reaalajas sotsiaalse tõestuse vidinate jaoks: slider uuendab end ise, kui uued postitused ilmuvad.

Kihtide haldamine

Iga slaid on kihiline kook. Lisad teksti, pilte, nuppe (sealhulgas sotsiaalmeedia eelseadistusi ja hamburgerimenüüsid), kujundeid (taust, pulss, kontuur), heli, videot (YouTube, Vimeo, HTML5), ikoone/SVG-d ning veergudega ridu nagu täisväärtuslikus ehitajas. Kihtide grupeerimine lihtsustab seotud elementide liigutamist. Litsentsiomanikel on juurdepääs ThemePunchi valmiskihtide teegile ja nad saavad importida kihte teistest oma installatsiooni slideritest.

Eelseadistused ja taaskasutus

Kui oled fondid, kihi animatsioonid ja üleminekud seadistanud, salvesta need eelseadistusena ja rakenda ühe klõpsuga järgmistele slideritele. See säästab tunde, kui loote mooduleid ühtses stiilis.

Paigaldamine: kaks teed

Plugin jõuab sinu saidile kas otseostu kaudu aadressilt sliderrevolution.com või aktiveerides esmaklassilise teemaga kaasas oleva koopia. Vaatame mõlemat võimalust.

Otseost aadressilt sliderrevolution.com

Pluginat müüdi varem CodeCanyonis, kuid versiooni 7 väljalaskmisega läks ThemePunch täielikult üle otse müügile saidi sliderrevolution.com kaudu. Pärast ostu logi sisse oma kontole sellel saidil ja laadi alla plugina zip-arhiiv.

Nüüd WordPressi administraatoris: Plugins → Add New.

Klõpsa vasakus ülanurgas nuppu Upload Plugin → Choose File → vali allalaaditud zip → Install Now.

Pärast paigaldamist klõpsa Activate Plugin. Valmis.

Võid kasutada ka FTP-d: paki plugin lahti ja laadi kaust üles kataloogi wp-content/plugins.

Plugin esmaklassilise teemaga kaasas

Enamik esmaklassilisi teemasid sisaldab Slider Revolutionit oma komplektis. Täpne protsess on kirjas konkreetse teema dokumentatsioonis, kuid üldine loogika on sama.

Pärast teema aktiveerimist ilmub teade soovitatud pluginate kohta. Klõpsa sellel.

Suunatakse seotud pluginate lehele; paigalda ja aktiveeri Slider Revolution.

Mõned teemad (näiteks Total) pakuvad demoandmete importimise käigus pluginat installida.

Vali demo importimisel suvand „Import Sliders" ja teema tõmbab demodest kõik kohandatud sliderid sisse.

Esimene käivitus: seadistamine ja litsents

Pärast aktiveerimist ilmub peamenüüsse Slider Revolution kirje.

Siit saad luua ja muuta mooduleid, importida malle ning aktiveerida oma litsentsivõtit.

Litsentsi aktiveerimine

Kui ostsid plugina otse sliderrevolution.com lehelt, aktiveeri litsents administraatoris, et avada kõik funktsioonid, premium-mallid ja lisad.

Võti asub sinu kontol aadressil sliderrevolution.com. Kopeeri ja kleebi see WordPressi administraatoris.

Administraatoris: mine Slider Revolutioni sektsiooni → kellaikoon → litsentsivõtme väli.

Oluline märkus: kui plugin tuli teemaga kaasa, pole aktiveerimine vajalik. Uuenduste eest hoolitseb teema arendaja, mitte ThemePunch. Plugin uueneb koos teemaga, mõnikord viivitusega, kuid garanteeritud ühilduvusega. Miinus: ThemePunchi premium-mallide kogu ja lisad pole saadaval.

Globaalsed seaded

Enne esimest sliderit mine Global Settings alammenüüsse.

Siin on olulised kaks parameetrit.

Õigused. Piira plugina ligipääs ainult administraatoritele. Kasulik, kui saidil on külalisautoreid, et nad kogemata slidereid katki ei teeks.

Grid breakpoints. Laius pikslites tundliku paigutuse jaoks eri seadmetel. Vaikimisi väärtused sobivad, kuid kui sinu saidi grid on mittestandardne, kohanda neid.

Ülejäänud seadeid (kohandatud fondid, laisk laadimine, sunnitud andmebaasi loomine tabeliprobleemide korral) saab vajadusel muuta. Salvesta seaded.

Valmis malli importimine

Kiireim algus on haarata mall teegist.

Laadi sliderrevolution.com lehelt alla moodulifail. Administraatoris: Slider Revolution → Import Slider → vali fail → impordi. Moodul koos slaidide, kihtide ja seadetega ilmub sinu teeki; muuda seda vastavalt oma vajadustele.

Otselitsentsi omanikud näevad üle 200 valmis malli kogu. Liigu paigutuse kohale: silmaikoon eelvaateks, pluss paigaldamiseks. Komplekteeritud koopiatega kasutajad (teemaga kaasas) seda kogu ei näe, kuid teemade autorid lisavad sageli oma mallid demoimportijasse.

Liuguri loomine nullist

Kolm lähtepunkti: tühi leht, tasuta eksport Slider Revolutioni saidi näidetest ja teemasse sisse ehitatud mallid. Vaatame läbi nullist loomise tee, mis kehtib ka imporditud malli redigeerimisel.

Vali New Blank Module.

Ilmub tervitusaken kiirjuhendiga; klõpsa „start" ja järgi samme.

Esimene samm: mooduli tüüp. Slider on klassikaline animeeritud slaidide komplekt. Scene on üks slaid ehitaja reana (Hero sektsioonide jaoks). Carousel näitab mitut slaidi korraga.

Teine samm: paigutus. Auto venitab mooduli teema sisukonteineri laiusele (kõrguse määrad ise). Full Width ulatub ekraani servast servani. Full Screen täidab kogu brauseriakna sõltumata seadme suurusest.

Kolmas samm: reageerivus. Classic (Linear) Resizing skaleerib proportsionaalselt (laius ja kõrgus vähenevad koos konteineriga, fondid ja pildid skaleeruvad sünkroonis). Smart Inherit loob automaatselt neli seadmesuurust lauaarvuti seadete põhjal, võimalusega igaühte eraldi redigeerida. Custom (Manual) võimaldab täpseid piksleid iga resolutsiooni jaoks.

Pärast põhiseadete valimist siseneb ehitajasse, kus slaide kokku pannakse.

Mooduli üldseaded

Määra neli asja:

• Title and Alias: liuguri süsteemne nimi (Alias on vajalik lühikoodi jaoks).
• Layout: lauaarvuti ala laius ja kõrgus. Testisaidil sobitasime selle sisutsooni laiusega.
• Default duration: kui kaua slaidi näidatakse. Alustuseks 5000 ms (5 sekundit); seejärel kohanda vastavalt oma sisu tempole.
• Spinner: eellaadur (15 valikut).

Navigatsioon

Vali, kuidas külastajad slaididel navigeerivad. Selles näites võtsime Ura stiili lihtsate nooltega. Saadaolevad valikud: täpid (14 stiili), sakid (pisipilt ja pealkiri, postitustel põhinevate moodulite jaoks), eelvaate pisipildid (5 stiili), puutenavigatsioon, klaviatuur, hiir koos karusselliefektiga. Iga elementi saab kohandada: asukoht, suurus, nähtavus, stiil.

Slaidid ja taust

Kohe pärast mooduli loomist oled slaidil nr 1 ja võid seda täitma hakata.

Taust: läbipaistev, värv (gradiendiga), pilt, väline pilt või video YouTube'ist, Vimeost, HTML5.

Video puhul: määra allikas, luba Force Cover Mode (venita liuguri täitmiseks) ja Rewind at Start (esita igal kuvamisel algusest). Ära unusta pisipilti navigatsiooni ja administreerimise jaoks.

Piltide puhul laadi üles meediateegist. Cover mode (venitus koos kärpimisega, et piirid täita) või Contain (sobitamine ilma kärpimiseta). Cover on enamiku stsenaariumide puhul standardne.

Ülemineku animatsiooni saab valida kümnete valikute seast. Filtrid (22 eelseadistust) on rohkem taustapildiga slaidide jaoks, maitse asi. Kuvamise kestus ja paus on individuaalselt seadistatavad. Avaldamisreeglid on mugavad hooajaliste ja reklaamslaidide jaoks: seadista need ette ja avalda õigel päeval.

Kihid: peamine mehhanism

Ekraani ülaosas olev nupp + Add Layer avab menüü, mis sisaldab 8+ kihi tüüpi.

Tekst. Pealkirjad, kirjeldused, lingid. Font, suurus, värv, joondus, kõike muudetakse otse lõuendil, mitte külgribal.

Pildid. Logo, parallaksikihid sügavuse loomiseks, enne/pärast komplektid ja lisapildid.

Nupud. Suurus, ääre ümardus, värv, taust, hõljumisolek, kõik on kohandatav. Eelseadistused sotsiaalvõrgustikele, animeeritud kerimisikoonid, hamburgerimenüüd, esitamise/peatamise nupud.

Kujundid. Lisa visuaalset rõhku: pulsatsioon nupu taga, tekstifragmendi esiletõst, värviline taust. Seaded: taust, joone värv ja paksus, nurga ümardus (0 ruudu, 100 ringi jaoks), polsterdus.

Heli ja video. Laadi üles meediateegist või kleebi link (YouTube, Vimeo, SoundCloud). Valikud: kordus, automaatesitus, lõppedes järgmisele slaidile liikumine, helitugevus, lõik (algus/lõpp). Suurepärane klientide soovituste ja tutvustusvideote jaoks.

Ikoonid / SVG. Sisseehitatud ikoonid või sinu enda SVG, mis skaleerub koos mooduliga kvaliteeti kaotamata.

Read. Nagu leheehitajas: veerud slaidis. Need korraldavad kihid ruudustikku.

Grupp. Ühendab mitu kihti, nii et need liiguvad ja neid seadistatakse koos.

Teegi ja kihi import. Valmis ThemePunchi varad (ainult litsentsiga) ja kihtide kopeerimine teistest sinu teegis olevatest moodulitest.

Muud seaded: kiirülevaade

Allpool on jaotised, mis samm-sammulisse näitesse ei mahtunud, kuid on reaalses töös kasulikud.

Üldine. Automaatne pööramine, peatumine hõljutamisel, kordus, esimene slaid. Samuti koht, kus peidad mooduli mobiilis või määratud ekraanilaiusel.

Kerimisel. Parallaks, 3D-sügavus, ajatelg, hääbumine, hägusus, halltoonid. Kiirus ja nihe on seadistatavad. Nipp: ära ürita kõike korraga hõlmata. Võta valmis mall koos kerimisefektidega ja uuri, kuidas see on üles ehitatud; see on kiirem kui dokumentatsiooni lugemine.

Eellaadur. 15 eellaadimise valikut kohandatavate värvidega.

Täpsemad. Laisklaadimine, varupilt, lihtsustatud moodul vanematele brauseritele.

CSS / jQuery. Kohandatud kood mooduli kohta, kuid ilma programmeerimisoskuseta on parem puutumata jätta.

Modaal. Slaidija hüpikakna või lightbox'ina: asukoht, ülekatte värv, lühikood (erineb peamisest, lisab kasutusatribuudi).

Kujundus. Stiilieelseadistus tekstikihtidele. Seadista see üks kord oma brändile vastavaks ja rakenda kõigile kihtidele.

Lisad. Saadaval ainult otse litsentsiga, ei sisaldu teemaga kaasas olevates versioonides.

Navigatsioon, üksikasjalikult. Edenemine (indikaator või ring piki ajajoont), nooled (13 stiili), täpp-punktid (14 stiili), vahekaardid (postitustel põhinevatele moodulitele, pisipilt ja pealkiri), eelvaated (5 pisipildi stiili), puutenavigatsioon, klaviatuur, hiir (karussell), navigatsiooniredaktor kohandatud koodi jaoks.

Slaidi valikud. Taust (läbipaistev, värv gradiendiga, pilt, video), pisipilt (administreerimiseks ja navigatsiooniks), ülemineku animatsioon, filtrid (22 eelseadistust), edenemine (kestus, paus, nähtavus), avaldamisreeglid, sildid ja link (kohandatud klass/id, link tervel slaidil), parameetrid (kuni 10 kohandatavat parameetrit kasutamiseks kihtides ja navigatsioonis), kihtide kordus ja kerimisefektid üksiku slaidi tasemel.

Video: liides töös

Vaata, kuidas see kõik päris redaktoris välja näeb, ametliku Slider Revolutioni kanali videos:

⁉️🤔 Korduma kippuvad küsimused

Mille poolest Slider Revolution tasuta slideritest erineb?

Tasuta pluginad (MetaSlider, Smart Slider 3 Free) pakuvad põhifunktsionaalsust: lae pildid üles, seadista nooled, valmis. Slider Revolution on visuaalne keskkond kihtide, animatsioonide, WebGL-efektide ja dünaamiliste sisuallikatega. Tasuta alternatiivid ei suuda ehitada Hero-sektsioone, tootekaruselle ega parallaksiga ühelehekulgi. Kui su sait vajab lihtsalt „kolm pilti ja sõidame" sliderit, siis tasuta variandist piisab. Kõige muu jaoks on Revolution.

Kas ma pean litsentsi aktiveerima, kui plugin tuli teemaga kaasa?

Ei. Komplekteeritud koopiad töötavad ilma litsentsivõtmeta; teema autor tegeleb uuenduste ja ühilduvusega. Miinus: ThemePunchi premium-mallid ja lisad pole saadaval ning uuendused tulevad viivitusega, kuni teema arendaja neid testib. Kui vajad ligipääsu kogu teegile ja koheseid uuendusi, on parem osta eraldi litsents.

Kas plugin koormab saiti tugevalt?

Õige seadistuse korral mitte. Globaalsetes seadetes lülita sisse laisklaadimine, ära pane ühte moodulisse ilma vajaduseta rohkem kui 3-4 slaidi ning kasuta optimeeritud pilte (WebP/AVIF). Testisaidil, kus oli kolm slaidi ja mõned kihid kummalgi, lisas see 250-400 KB, mis jääb meediasisu puhul normaalsesse vahemikku. Peamine kiiruse tapja on täisekraanivideo igal slaidil. Kui video on kriitiline, kasuta laisklaadimist ja keela mobiilis automaatesitus.

Kas ma saan seda ühe litsentsiga mitmel saidil kasutada?

See sõltub paketist. Starter-pakett katab 1 saidi (45 €/aastas). Enthusiast katab 3 saiti (89 €/aastas). Scale on mõeldud agentuuridele ja vabakutselistele, kuni 250 kliendisaidile 209 €/aastas, kehtiv hinnakiri Slider Revolutioni veebisaidil. Scale'i saidipõhine hind langeb alla 1 € aastas, mis on veebiarendajatele parim valik.

Kas seda on raske nullist õppida?

Lihtsa piltide ja pealkirjadega slideri tegemine võtab 15-20 minutit. Kihtide, animatsioonide ja kerimisefektide valdamine võtab 2-3 õhtut harjutamist. Peamine takistus pole keerukus, vaid seadete hulk: kui redaktori esimest korda avad, jooksevad silmad igale poole laiali. Nipp: alusta malli importimisest ja analüüsi, kuidas see on üles ehitatud; see on kiirem kui dokumentatsiooni lugemine.

Mis juhtus CodeCanyoni ühekordse litsentsiga?

ThemePunch eemaldas plugin CodeCanyonist ja loobus „osta üks kord, kasuta igavesti" mudelist. Põhjus on lihtne: versioon 7 kirjutati nullist kolme aasta jooksul ja ühekordsed maksed ei kata sellist arendustööd. Vanad võtmed töötavad juba aktiveeritud saitidel edasi, kuid uued paigaldused ja versioonile 7 uuendamine nõuavad aastast tellimust.

Mida 2026. aastal valida: otsus

Slider Revolution ei ole plugin kõigile. Kui vajad lihtsat kolme pildiga sliderit, haara tasuta MetaSlider ja ära maksa üle. Revolution tuleb omal kohal, kui sait vajab parallaksiga Hero-sektsiooni, tootekarusselli või kihtidele ja WebGL-efektidele ehitatud üheekraanilist maandumislehte.

Praktika näitab: need, kes paigaldavad Revolutioni „igaks juhuks", kasutavad murdosa selle võimalustest ja raiskavad tellimusele raha. Need, kes päriselt kihtide ja dünaamilise sisuga töötavad, ei lähe teiste sliderite juurde tagasi. Plugin pole odav (aastane tellimus alates 45 €), kuid äriprojektide ja kliendisaitide puhul tasub see end ära juba esimese slideriga, mida pole häbi näidata.

Proovi demot Slider Revolutioni veebisaidil ja saad kohe aru, kas see tööriist on sulle.