Du kjøpte et premiumtema, men slideren fra demoen fungerte ikke? Eller du satte sammen en slider i en gratis plugin og den hakker på mobil samtidig som den legger til en halv megabyte oppblåst kode? Vi gikk gjennom omtrent fem sliders før vi landet på én.

Slider Revolution fra ThemePunch er ikke bare «enda en slider». Det er en visuell editor for innhold av enhver kompleksitet: fra en Hero-seksjon til et én-sides nettsted bygget på lag. I 2026 lever pluginen i versjon 7 og kan gjøre ting gratisalternativer ikke engang har tenkt på: WebGL-effekter, 3D-partikkelklynger, væskesimulering og AI-oversettelse av lag.

Nedenfor følger en ærlig anmeldelse og en steg-for-steg-guide. Hva versjon 7 kan gjøre, hvordan du installerer den (som et separat kjøp eller buntet med et tema), og viktigst av alt, hvordan du lanserer din første slider i løpet av en time.

💡 Rask oversikt:

• Kjøp Slider Revolution på sliderrevolution.com (CodeCanyon er ikke lenger et alternativ siden pluginen forlot markedsplassen) eller aktiver kopien som følger med premiumtemaet ditt
• Aktiver lisensen i WordPress-admin og konfigurer globale innstillinger: tilgangstillatelser, rutenettbrytepunkter, lat lasting
• Importer en ferdig mal fra biblioteket med over 200 alternativer eller opprett en modul fra bunnen av
• Fyll inn lysbildene: bakgrunn, lag (tekst, knapper, video, former, SVG), animasjoner og overganger
• Sett opp navigasjon, fremdriftsindikator, rulleeffekter og sett inn kortkoden på siden din

Hva er Slider Revolution og hva er nytt i versjon 7

En premium WordPress-plugin fra ThemePunch. Ifølge katalogen har den mer enn 9 millioner aktive installasjoner og over 200 maler i biblioteket. Ut av esken: sliders, karuseller, Hero-blokker, én-sides nettsteder og dynamiske moduler basert på innlegg eller WooCommerce-produkter.

Kort sagt: dette er ikke en «slider med bilder». Det er et miljø der hvert lysbilde settes sammen i lag (tekst, knapp, video, SVG-form, rad med kolonner) som i en sidebygger. Scenen bygges med musen på et lerret, ikke med glidebrytere i et sidefelt, og resultatet er synlig umiddelbart.

Versjon 7, lansert etter tre års utvikling, brakte en helt ny visuell editor og renderingsmotor. Gamle prosjekter migreres automatisk når du oppdaterer. Bemerkelsesverdige tillegg: en WebGL-motor for avanserte overganger, Fluid Dynamics (væskesimulering som reagerer på markøren), The Cluster (3D-partikkelklynger med baner og tiltrekning), AI Translate (automatisk lagoversettelse med WPML-støtte) og 30+ tillegg for enhver oppgave.

Layout og responsivitet

Pluginen har for lengst vokst ut av å bare være en «slider med sveiping»: karuseller, «scener» (et enkelt lysbilde som en bygger-rad) og fullskjermmoduler er tilgjengelige. Responsivitet går lenger enn bildekomprimering: Smart Inherit omstrukturerer lag for hver enhet, og elementer endrer størrelse eller skjules. På mobil forblir slideren lesbar i stedet for å bli en maurtue av bittesmå knapper.

Innholdskilder

Ni alternativer for innhold. Som standard dine egne bilder og videoer. Du kan hente blogginnlegg (alle innleggstyper, inkludert spesifikke ID-er), WooCommerce-produkter, innhold fra Flickr, Instagram, Twitter, Facebook, YouTube og Vimeo. Det siste alternativet er flott for live widgets for sosial bekreftelse: slideren oppdaterer seg selv når nye innlegg dukker opp.

Laghåndtering

Hvert lysbilde er en lagdelt kake. Du legger til tekst, bilder, knapper (inkludert forhåndsinnstillinger for sosiale medier og hamburgermenyer), former (bakgrunn, puls, strek), lyd, video (YouTube, Vimeo, HTML5), ikoner/SVG og rader med kolonner som i en fullverdig bygger. Laggruppering forenkler flytting av relaterte elementer. Lisensinnehavere har tilgang til ThemePunch sitt ferdige lagbibliotek og kan importere lag fra andre sliders i sin installasjon.

Forhåndsinnstillinger og gjenbruk

Når du har konfigurert fonter, laganimasjoner og overganger, lagrer du dem som en forhåndsinnstilling og bruker på påfølgende sliders med ett klikk. Dette sparer timer når du oppretter moduler i en konsistent stil.

Installasjon: to veier

Pluginen kommer til nettstedet ditt enten gjennom direkte kjøp på sliderrevolution.com eller ved å aktivere den medfølgende kopien som er inkludert med et premiumtema. La oss dekke begge alternativene.

Direkte kjøp på sliderrevolution.com

Pluginen ble tidligere solgt på CodeCanyon, men med lanseringen av versjon 7 gikk ThemePunch helt over til direkte salg via sliderrevolution.com. Etter kjøp logger du inn på kontoen din på nettstedet og laster ned pluginens zip-arkiv.

Nå i WordPress-admin: Plugins → Legg til ny.

Klikk på Last opp plugin-knappen øverst til venstre → Velg fil → velg den nedlastede zip-filen → Installer nå.

Etter installasjon klikker du på Aktiver plugin. Ferdig.

Du kan også bruke FTP: pakk ut pluginen og last opp mappen til wp-content/plugins.

Plugin buntet med et premiumtema

De fleste premiumtemaer inkluderer Slider Revolution i sin pakke. Den nøyaktige prosessen står i dokumentasjonen for det spesifikke temaet, men den generelle logikken er den samme.

Etter at du har aktivert temaet, vises et varsel om anbefalte plugins. Klikk på det.

Du kommer til siden for tilknyttede plugins; installer og aktiver Slider Revolution.

Noen temaer (for eksempel Total) tilbyr å installere utvidelsen under import av demodata.

Velg «Importer slider»-alternativet når du importerer demo, så henter temaet inn alle tilpassede slider fra demosettet.

Første oppstart: oppsett og lisens

Etter aktivering dukker et Slider Revolution-menypunkt opp i hovedadministrasjonsmenyen.

Herfra kan du opprette og redigere moduler, importere maler og aktivere lisensnøkkelen din.

Lisensaktivering

Hvis du kjøpte utvidelsen direkte på sliderrevolution.com, aktiverer du lisensen i administrasjonspanelet for å låse opp alle funksjoner, premiummaler og tillegg.

Nøkkelen ligger på kontoen din hos sliderrevolution.com. Kopier og lim den inn i WordPress-administrasjonen.

I administrasjonen: gå til Slider Revolution-delen → bjelleikon → felt for lisensnøkkel.

Viktig merknad: hvis utvidelsen fulgte med et tema, er aktivering ikke nødvendig. Temautvikleren håndterer oppdateringer, ikke ThemePunch. Utvidelsen oppdateres sammen med temaet, noen ganger med en forsinkelse, men med garantert kompatibilitet. Ulempen: ThemePunch sitt premiummalbibliotek og tillegg er utilgjengelige.

Globale innstillinger

Før du lager din første slider, gå til undermenyen Globale innstillinger.

To parametere er viktige her.

Tillatelse. Begrens tilgang til utvidelsen til administratorer. Nyttig hvis du har gjesteforfattere på nettstedet, slik at de ikke ødelegger slider ved et uhell.

Rutenett-brytepunkter. Bredde i piksler for responsiv layout på tvers av enheter. Standardverdiene fungerer fint, men hvis nettstedets rutenett er ikke-standard, juster dem.

Resten (egendefinerte fonter, lat lasting, tvungen databaseopprettelse hvis det er tabellproblemer) kan endres etter behov. Lagre innstillingene.

Importere en ferdig mal

Den raskeste starten er å hente en mal fra biblioteket.

På sliderrevolution.com laster du ned en modulfil. I administrasjonen: Slider Revolution → Importer slider → velg filen → importer. Modulen med slides, lag og innstillinger vises i biblioteket ditt; rediger den slik det passer dine behov.

Direkte lisenshavere ser et bibliotek med over 200 ferdige maler. Hold musepekeren over en layout: øyeikon for forhåndsvisning, plusstegn for å installere. Brukere med medfølgende kopier (inkludert med et tema) ser ikke dette biblioteket, men temautviklere inkluderer ofte sine egne maler i demoimportøren.

Lage en slider fra bunnen av

Tre utgangspunkt: et blankt ark, en gratis eksport fra eksemplene på Slider Revolution-nettstedet og maler som er innebygd i temaet. La oss gå gjennom veien fra bunnen av, som også gjelder når du redigerer en importert mal.

Velg New Blank Module.

Et velkomstvindu med en hurtigguide vises; klikk «start» og følg trinnene.

Første trinn: modultype. Slider er et klassisk sett med animerte lysbilder. Scene er et enkelt lysbilde som en bygger-rad (for helte-seksjoner). Carousel viser flere lysbilder samtidig.

Andre trinn: layout. Auto strekker modulen til bredden av temaets innholdsbeholder (du angir høyden). Full Width spenner fra kant til kant av skjermen. Full Screen fyller hele nettleseren uavhengig av enhetsstørrelse.

Tredje trinn: responsivitet. Classic (Linear) Resizing skalerer proporsjonalt (bredde og høyde avtar sammen med beholderen, skrifttyper og bilder skaleres synkront). Smart Inherit oppretter automatisk fire enhetsstørrelser basert på desktop-innstillinger, med mulighet for å redigere hver enkelt. Custom (Manual) tillater nøyaktige piksler for hver oppløsning.

Etter at du har valgt de grunnleggende innstillingene, går du inn i byggeren der lysbilder settes sammen.

Generelle modulinnstillinger

Angi fire ting:

• Title and Alias: systemnavnet på slideren (Alias er nødvendig for shortcode).
• Layout: bredde og høyde på desktop-området. På testsiden tilpasset vi det til innholdssonens bredde.
• Default duration: hvor lenge et lysbilde vises. 5000 ms (5 sekunder) til å begynne med; juster deretter for å matche tempoet i innholdet ditt.
• Spinner: forhåndslaster (15 alternativer å velge mellom).

Navigasjon

Velg hvordan besøkende skal navigere i lysbildene. I dette eksemplet tok vi Uran-stilen med enkle piler. Tilgjengelige alternativer: bullets (prikker, 14 stiler), faner (miniatyrbilde og tittel, for postbaserte moduler), forhåndsvisningsminiatyrer (5 stiler), berøringsnavigasjon, tastatur, mus med karuselleffekt. Ethvert element kan tilpasses: posisjon, størrelse, synlighet, stil.

Lysbilder og bakgrunn

Rett etter at du har opprettet modulen, er du på lysbilde #1 og kan begynne å fylle det.

Bakgrunn: gjennomsiktig, farge (med gradient), bilde, eksternt bilde eller video fra YouTube, Vimeo, HTML5.

For video: angi kilden, aktiver Force Cover Mode (strekk for å fylle slideren) og Rewind at Start (spill fra begynnelsen ved hver visning). Ikke glem miniatyrbildet for navigasjon og administrasjon.

For bilder, last opp fra mediebiblioteket. Cover mode (strekk med beskjæring for å passe grensene) eller Contain (tilpass uten beskjæring). Cover er standard for de fleste scenarioer.

Overgangsanimasjon kan velges fra dusinvis av alternativer. Filtre (22 forhåndsinnstillinger) er mer for lysbilder med bakgrunnsbilder, en smakssak. Visningsvarighet og pause kan konfigureres individuelt. Publiseringsregler er praktiske for sesongbaserte og kampanjelysbilder: sett dem opp på forhånd og publiser på riktig dag.

Lag: hovedmekanismen

Knappen + Add Layer øverst på skjermen åpner en meny med 8+ lagtyper.

Tekst. Overskrifter, beskrivelser, lenker. Font, størrelse, farge, justering, alt redigeres direkte på lerretet, ikke i sidepanelet.

Bilder. Logo, parallakslag for dybde, før/etter-sett og tilleggsbilder.

Knapper. Størrelse, border-radius, farge, bakgrunn, hover-tilstand, alt kan tilpasses. Forhåndsinnstillinger for sosiale nettverk, animerte rulleikoner, hamburgermenyer, Play/Pause-knapper.

Former. Legg til visuell tyngde: en puls bak en knapp, utheving av et tekstutdrag, en farget bakgrunn. Innstillinger: bakgrunn, strekfarge og -størrelse, hjørneradius (0 for firkantet, 100 for sirkel), padding.

Lyd og video. Last opp fra mediebiblioteket eller lim inn en lenke (YouTube, Vimeo, SoundCloud). Alternativer: loop, autoplay, gå til neste slide ved slutt, volum, segment (start/stopp). Flott for kundeuttalelser og introvideoer.

Ikoner / SVG. Innebygde ikoner eller din egen SVG, som skaleres sammen med modulen uten kvalitetstap.

Rader. Som i en sidebygger: kolonner inne i en slide. De organiserer lag i et rutenett.

Gruppe. Kombinerer flere lag slik at de flyttes og konfigureres sammen.

Bibliotek og lagimport. Ferdige ThemePunch-elementer (kun lisens) og kopiering av lag fra andre moduler i biblioteket ditt.

Andre innstillinger: hurtigreferanse

Nedenfor finner du seksjoner som ikke kom med i det trinnvise eksempelet, men som vil være nyttige i praktisk arbeid.

Generelt. Autorotasjon, stopp ved hover, looping, første slide. Også her du skjuler modulen på mobil eller ved en angitt skjermbredde.

Ved rulling. Parallakse, 3D-dybde, tidslinje, fade, uskarphet, gråtoner. Hastighet og forskyvning kan konfigureres. Tips: ikke prøv å dekke alt på en gang. Ta en ferdig mal med rulleeffekter og studer hvordan den er bygget; det går raskere enn å lese dokumentasjon.

Spinner. 15 forhåndslasteralternativer med tilpassbare farger.

Avansert. Lazy loading, fallback-bilde, forenklet modul for eldre nettlesere.

CSS / jQuery. Egendefinert kode per modul, men bør helst være urørt uten kodekunnskap.

Modal. Slider som popup eller lightbox: posisjon, overleggsfarge, shortcode (forskjellig fra den primære, legger til et bruksattributt).

Skin. Stilforhåndsinnstilling for tekstlag. Sett den opp én gang for å matche profilen din og bruk den på alle lag.

Tillegg. Kun tilgjengelig med direkte lisens, ikke inkludert i temabundlede versjoner.

Navigasjon, i detalj. Fremdrift (indikator eller sirkel langs tidslinjen), piler (13 stiler), punktindikatorer (14 stiler), faner (for innleggsbaserte moduler, miniatyrbilde og tittel), forhåndsvisninger (5 miniatyrstiler), berøringsnavigasjon, tastatur, mus (karusell), navigasjonseditor for egendefinert kode.

Slide-alternativer. Bakgrunn (transparent, farge med gradient, bilde, video), miniatyrbilde (for admin og navigasjon), overgangsanimasjon, filtre (22 forhåndsinnstillinger), fremdrift (varighet, pause, synlighet), publiseringsregler, tagger og lenke (egendefinert klasse/id, lenke på hele sliden), parametere (opptil 10 egendefinerte for bruk i lag og navigasjon), loop-lag og rulleeffekter på individuelt slidenivå.

Video: grensesnittet i praksis

Se hvordan alt dette ser ut i selve editoren i en video fra den offisielle Slider Revolution-kanalen:

⁉️🤔 Ofte stilte spørsmål

Hvordan skiller Slider Revolution seg fra gratisbildefremvisere?

Gratis plugins (MetaSlider, Smart Slider 3 Free) gir grunnleggende funksjonalitet: last opp bilder, sett opp piler, ferdig. Slider Revolution er et visuelt miljø med lag, animasjoner, WebGL-effekter og dynamiske innholdskilder. Gratisalternativer kan ikke bygge hero-seksjoner, produktkaruseller og nettsider på én side med parallakse. Hvis nettstedet ditt bare trenger en «tre bilder, kjør»-bildefremviser, er gratis nok. For alt annet, Revolution.

Må jeg aktivere en lisens hvis plugin-en fulgte med et tema?

Nei. Medfølgende kopier fungerer uten lisensnøkkel; temaforfatteren håndterer oppdateringer og kompatibilitet. Ulempen: ThemePunch sine premium-maler og tillegg er utilgjengelige, og oppdateringer kommer med en forsinkelse mens temautvikleren tester dem. Hvis du trenger tilgang til hele biblioteket og umiddelbare oppdateringer, er det bedre å kjøpe en separat lisens.

Belaster plugin-en nettstedet tungt?

Med riktig konfigurasjon, nei. I globale innstillinger, aktiver lat lasting, ikke legg inn mer enn 3-4 slides per modul uten nødvendighet, og bruk optimaliserte bilder (WebP/AVIF). På et testnettsted med tre slides og et par lag hver, la det til 250-400 KB, noe som er innenfor normalområdet for medieinnhold. Den største hastighetsbremsen er fullskjermvideo på hver slide. Hvis video er kritisk, bruk lat lasting og deaktiver autoplay på mobil.

Kan jeg bruke den på flere nettsteder med én lisens?

Det avhenger av abonnementet. Starter-planen dekker 1 nettsted (€45/år). Enthusiast dekker 3 nettsteder (€89/år). Scale er designet for byråer og frilansere, opptil 250 klientnettsteder for €209/år, gjeldende priser på Slider Revolutions nettsted. Prisen per nettsted på Scale faller under €1 per år, det beste alternativet for webutviklere.

Er det vanskelig å lære fra bunnen av?

En grunnleggende bildefremviser med bilder og bildetekster tar 15-20 minutter. Å mestre lag, animasjoner og rulleeffekter tar 2-3 kvelder med øvelse. Hovedbarrieren er ikke kompleksitet, men antall innstillinger: når du åpner redigeringsverktøyet for første gang, flakker blikket overalt. Tips: start med å importere en mal og analyser hvordan den er bygget; det er raskere enn å lese dokumentasjon.

Hva skjedde med engangslisensen på CodeCanyon?

ThemePunch fjernet plugin-en fra CodeCanyon og forlot «kjøp én gang, bruk for alltid»-modellen. Årsaken er enkel: versjon 7 ble skrevet fra bunnen av over tre år, og engangsbetalinger dekker ikke den typen utvikling. Gamle nøkler fortsetter å fungere på allerede aktiverte nettsteder, men nye installasjoner og oppgradering til versjon 7 krever et årlig abonnement.

Hva du bør velge i 2026: dom

Slider Revolution er ikke en plugin for alle. Hvis du trenger en enkel bildefremviser med tre bilder, ta den gratis MetaSlider og ikke betal for mye. Revolution kommer til sin rett når et nettsted trenger en hero-seksjon med parallakse, en produktkarusell eller en landingsside på én skjerm bygget på lag og WebGL-effekter.

Praksis viser: de som installerer Revolution «for sikkerhets skyld» bruker en liten brøkdel av mulighetene og kaster bort penger på abonnementet. De som faktisk jobber med lag og dynamisk innhold går ikke tilbake til andre bildefremvisere. Plugin-en er ikke billig (årlig abonnement fra €45), men for kommersielle prosjekter og klientnettsteder betaler den seg selv med den aller første bildefremviseren du ikke skammer deg over å vise frem.

Prøv demoversjonen på Slider Revolutions nettsted, så vil du umiddelbart vite om dette verktøyet er noe for deg.