Du köpte ett premiumtema men slidern från demon fungerade inte? Eller så byggde du ihop en slider i ett gratis plugin och den hackar på mobilen samtidigt som den lägger på en halv megabyte skräp? Vi testade runt fem sliders innan vi bestämde oss för en.

Slider Revolution från ThemePunch är inte bara "ännu en slider". Det är en visuell redigerare för innehåll av vilken komplexitet som helst: från en hero-sektion till en sajt på en sida byggd med lager. År 2026 lever pluginet i version 7 och kan göra saker som gratisalternativen inte ens har tänkt på: WebGL-effekter, 3D-partikelkluster, vätskesimulering och AI-översättning av lager.

Här kommer en ärlig recension och en steg-för-steg-guide. Vad version 7 kan göra, hur du installerar den (som separat köp eller paketerad med ett tema) och, viktigast av allt, hur du startar din första slider inom en timme.

💡 Snabb översikt:

• Köp Slider Revolution på sliderrevolution.com (CodeCanyon är inte längre ett alternativ eftersom pluginet lämnade marknadsplatsen) eller aktivera kopian som följer med ditt premiumtema
• Aktivera licensen i WordPress admin och konfigurera globala inställningar: åtkomstbehörigheter, grid-brytpunkter, lazy loading
• Importera en färdig mall från biblioteket med 200+ alternativ eller skapa en modul från grunden
• Fyll i bilderna: bakgrund, lager (text, knappar, video, former, SVG), animationer och övergångar
• Ställ in navigering, förloppsindikator, scroll-effekter och infoga shortcode på din sida

Vad är Slider Revolution och vad är nytt i version 7

Ett premium WordPress-plugin från ThemePunch. Enligt katalogen har det mer än 9 miljoner aktiva installationer och över 200 mallar i biblioteket. Direkt ur lådan: sliders, karuseller, hero-block, sajter på en sida och dynamiska moduler baserade på inlägg eller WooCommerce-produkter.

Kort sagt: detta är inte en "slider med bilder". Det är en miljö där varje bild byggs upp i lager (text, knapp, video, SVG-form, rad med kolumner) som i en sidbyggare. Scenen byggs med musen på en arbetsyta, inte med reglage i ett sidofält, och resultatet syns direkt.

Version 7, som släpptes efter tre års utveckling, kom med en helt ny visuell redigerare och renderingsmotor. Gamla projekt migreras automatiskt när du uppdaterar. Noterbara tillägg: en WebGL-motor för avancerade övergångar, Fluid Dynamics (vätskesimulering som reagerar på muspekaren), The Cluster (3D-partikelkluster med banor och attraktion), AI Translate (automatisk lageröversättning med WPML-stöd) och 30+ tillägg för alla uppgifter.

Layouter och responsivitet

Pluginet har för länge sedan vuxit ur att bara vara en "slider med svep": karuseller, "scener" (en enskild bild som en byggar-rad) och fullskärmsmoduler finns tillgängliga. Responsiviteten går längre än bildkomprimering: Smart Inherit omstrukturerar lager för varje enhet, och element skalas om eller döljs. På mobilen förblir slidern läsbar istället för att förvandlas till en myrstack av små knappar.

Innehållskällor

Nio alternativ för innehåll. Som standard dina egna bilder och videor. Du kan hämta blogginlägg (alla inläggstyper, inklusive specifika ID:n), WooCommerce-produkter, innehåll från Flickr, Instagram, Twitter, Facebook, YouTube och Vimeo. Det sista alternativet är utmärkt för live-widgetar med sociala bevis: slidern uppdaterar sig själv när nya inlägg dyker upp.

Lagerhantering

Varje bild är en lagertårta. Du lägger till text, bilder, knappar (inklusive sociala förinställningar och hamburgermenyer), former (bakgrund, puls, kontur), ljud, video (YouTube, Vimeo, HTML5), ikoner/SVG och rader med kolumner som i en fullfjädrad byggare. Lagergruppering förenklar flytt av relaterade element. Licensinnehavare har tillgång till ThemePunch färdiga lagerbibliotek och kan importera lager från andra sliders i sin installation.

Förinställningar och återanvändning

När du har konfigurerat typsnitt, lageranimationer och övergångar, spara dem som en förinställning och applicera på efterföljande sliders med ett klick. Detta sparar timmar när du skapar moduler i en enhetlig stil.

Installation: två vägar

Pluginet når din sajt antingen genom direktköp på sliderrevolution.com eller genom att aktivera den medföljande kopian som ingår i ett premiumtema. Låt oss gå igenom båda alternativen.

Direktköp på sliderrevolution.com

Pluginet såldes tidigare på CodeCanyon, men i och med lanseringen av version 7 gick ThemePunch helt över till direktförsäljning via sliderrevolution.com. Efter köpet loggar du in på ditt konto på sajten och laddar ner pluginets zip-arkiv.

Nu i WordPress admin: Plugins → Lägg till nytt.

Klicka på knappen Ladda upp plugin uppe till vänster → Välj fil → välj den nedladdade zip-filen → Installera nu.

Efter installationen klickar du på Aktivera plugin. Klart.

Du kan också använda FTP: packa upp pluginet och ladda upp mappen till wp-content/plugins.

Plugin paketerat med ett premiumtema

De flesta premiumteman inkluderar Slider Revolution i sitt paket. Den exakta processen finns i det specifika temats dokumentation, men den allmänna logiken är densamma.

Efter att du har aktiverat temat visas ett meddelande om rekommenderade plugins. Klicka på det.

Du kommer till sidan för associerade plugins; installera och aktivera Slider Revolution.

Vissa teman (till exempel Total) erbjuder att installera tillägget under importen av demo-innehåll.

Välj alternativet "Import Sliders" när du importerar demo, så hämtar temat in alla anpassade sliders från demo-uppsättningen.

Första start: installation och licens

Efter aktivering visas ett Slider Revolution-objekt i huvudmenyn för admin.

Härifrån kan du skapa och redigera moduler, importera mallar och aktivera din licensnyckel.

Licensaktivering

Om du köpte tillägget direkt på sliderrevolution.com aktiverar du licensen i admin för att låsa upp alla funktioner, premiummallar och tillägg.

Nyckeln finns på ditt konto hos sliderrevolution.com. Kopiera och klistra in den i WordPress admin.

I admin: gå till Slider Revolution-sektionen → klockikonen → fältet för licensnyckel.

Viktigt: om tillägget levererades tillsammans med ett tema behövs ingen aktivering. Temautvecklaren hanterar uppdateringar, inte ThemePunch. Tillägget uppdateras tillsammans med temat, ibland med en fördröjning men med garanterad kompatibilitet. Nackdelen: ThemePunch premiummallbibliotek och tillägg är inte tillgängliga.

Globala inställningar

Innan du skapar din första slider, gå till undermenyn Globala inställningar.

Två parametrar är viktiga här.

Behörighet. Begränsa tillgången till tillägget till enbart administratörer. Användbart om du har gästskribenter på webbplatsen så att de inte råkar förstöra sliders.

Grid-brytpunkter. Bredd i pixlar för responsiv layout över olika enheter. Standardvärdena fungerar bra, men om din webbplats grid är icke-standard, justera dem.

Resten (anpassade typsnitt, lazy loading, tvingad databasskapelse om det finns tabellproblem) kan ändras vid behov. Spara inställningarna.

Importera en färdig mall

Den snabbaste starten är att hämta en mall från biblioteket.

På sliderrevolution.com laddar du ner en modulfil. I admin: Slider Revolution → Importera Slider → välj filen → importera. Modulen med slides, lager och inställningar visas i ditt bibliotek; redigera den efter dina behov.

Direktlicensinnehavare ser ett bibliotek med över 200 färdiga mallar. Håll muspekaren över en layout: ögonikon för förhandsvisning, plus för att installera. Användare med medföljande kopior (inkluderade med ett tema) ser inte detta bibliotek, men temautvecklare inkluderar ofta sina egna mallar i demoimportören.

Skapa en slider från grunden

Tre utgångspunkter: ett tomt blad, en gratis export från exempel på Slider Revolutions webbplats och mallar som är inbyggda i temat. Låt oss gå igenom vägen från grunden, som också gäller när du redigerar en importerad mall.

Välj New Blank Module.

Ett välkomstfönster med en snabbguide visas, klicka på "start" och följ stegen.

Första steget: modultyp. Slider är en klassisk uppsättning animerade bilder. Scene är en enskild bild som en builder-rad (för hero-sektioner). Carousel visar flera bilder samtidigt.

Andra steget: layout. Auto sträcker ut modulen till bredden av temats innehållscontainer (du anger höjden). Full Width täcker hela skärmens bredd. Full Screen fyller hela webbläsarfönstret oavsett enhetens storlek.

Tredje steget: responsivitet. Classic (Linear) Resizing skalar proportionellt (bredd och höjd minskar tillsammans med containern, typsnitt och bilder skalas synkront). Smart Inherit skapar automatiskt fyra enhetsstorlekar baserat på skrivbordsinställningarna, med möjlighet att redigera var och en. Custom (Manual) tillåter exakta pixlar för varje upplösning.

När du har valt grundinställningarna kommer du in i byggaren där bilderna sätts ihop.

Allmänna modulinställningar

Ställ in fyra saker:

• Title and Alias: sliderns systemnamn (Alias behövs för shortcode).
• Layout: bredd och höjd för skrivbordsytan. På testsajten matchade vi den mot innehållszonens bredd.
• Default duration: hur länge en bild visas. 5000 ms (5 sekunder) till att börja med, justera sedan för att matcha ditt innehålls tempo.
• Spinner: förladdare (15 alternativ att välja mellan).

Navigering

Välj hur besökare ska navigera bland bilderna. I det här exemplet tog vi Uran-stilen med enkla pilar. Tillgängliga alternativ: bullets (punkter, 14 stilar), tabs (miniatyr och titel, för postbaserade moduler), förhandsvisningsminiatyrer (5 stilar), touch-navigering, tangentbord, mus med karuselleffekt. Alla element kan anpassas: position, storlek, synlighet, stil.

Bilder och bakgrund

Direkt efter att du har skapat modulen är du på bild #1 och kan börja fylla den.

Bakgrund: transparent, färg (med gradient), bild, extern bild eller video från YouTube, Vimeo, HTML5.

För video: ange källa, aktivera Force Cover Mode (sträck ut för att fylla slidern) och Rewind at Start (spela från början vid varje visning). Glöm inte miniatyrbilden för navigering och administration.

För bilder, ladda upp från mediebiblioteket. Cover mode (sträck ut med beskärning för att passa gränserna) eller Contain (anpassa utan beskärning). Cover är standard för de flesta scenarier.

Övergångsanimation kan väljas bland dussintals alternativ. Filter (22 förinställningar) är mer för bilder med bakgrundsbilder, en smaksak. Visningstid och paus kan konfigureras individuellt. Publiceringsregler är praktiska för säsongs- och kampanjbilder: ställ in dem i förväg och publicera på rätt dag.

Lager: huvudmekanismen

Knappen + Add Layer högst upp på skärmen öppnar en meny med 8+ lagertyper.

Text. Rubriker, beskrivningar, länkar. Typsnitt, storlek, färg, justering, allt redigeras direkt på canvasen, inte i sidopanelen.

Bilder. Logotyp, parallaxlager för djup, före/efter-uppsättningar och extra bilder.

Knappar. Storlek, hörnradie, färg, bakgrund, hover-tillstånd, allt går att anpassa. Förinställningar för sociala nätverk, animerade scroll-ikoner, hamburgermenyer, play/paus-knappar.

Former. Lägg till visuell betoning: en puls bakom en knapp, markera ett textfragment, en färgad bakgrund. Inställningar: bakgrund, linjefärg och linjebredd, hörnradie (0 för fyrkant, 100 för cirkel), padding.

Ljud och video. Ladda upp från mediebiblioteket eller klistra in en länk (YouTube, Vimeo, SoundCloud). Alternativ: loop, autoplay, gå till nästa bild vid slut, volym, segment (start/slut). Utmärkt för kundrekommendationer och introvideor.

Ikoner / SVG. Inbyggda ikoner eller din egen SVG, skalas tillsammans med modulen utan kvalitetsförlust.

Rader. Som i en sidbyggare: kolumner inuti en slide. De organiserar lager i ett rutnät.

Grupp. Kombinerar flera lager så att de flyttas och konfigureras tillsammans.

Bibliotek och lagerimport. Färdiga ThemePunch-resurser (endast licens) och kopiering av lager från andra moduler i ditt bibliotek.

Övriga inställningar: snabbreferens

Här är avsnitt som inte kom med i det stegvisa exemplet men som är användbara i praktiskt arbete.

Allmänt. Auto-rotation, stoppa vid hover, loopning, första slide. Här döljer du också modulen på mobil eller vid en angiven skärmbredd.

Vid scroll. Parallax, 3D-djup, tidslinje, tona, oskärpa, gråskala. Hastighet och offset kan konfigureras. Tips: försök inte täcka allt på en gång. Ta en färdig mall med scroll-effekter och studera hur den är uppbyggd; det går snabbare än att läsa dokumentation.

Spinner. 15 förladdningsalternativ med anpassningsbara färger.

Avancerat. Lazy loading, fallback-bild, förenklad modul för äldre webbläsare.

CSS / jQuery. Anpassad kod per modul, men lämnas bäst orörd utan kodkunskaper.

Modal. Slider som popup eller lightbox: position, overlay-färg, shortcode (skiljer sig från den vanliga, lägger till ett användningsattribut).

Skin. Stilförinställning för textlager. Ställ in den en gång för att matcha din varumärkesprofil och applicera på alla lager.

Tillägg. Endast tillgängliga med en direktlicens, ingår inte i temabundlade versioner.

Navigation, i detalj. Progress (indikator eller cirkel längs tidslinjen), pilar (13 stilar), punktmarkörer (14 stilar), flikar (för postbaserade moduler, miniatyrbild och titel), förhandsvisningar (5 miniatyrstilar), peknavigering, tangentbord, mus (karusell), navigationsredigerare för anpassad kod.

Slide-alternativ. Bakgrund (transparent, färg med gradient, bild, video), miniatyrbild (för admin och navigation), övergångsanimation, filter (22 förinställningar), progress (varaktighet, paus, synlighet), publiceringsregler, taggar och länk (anpassad klass/id, länk på hela sliden), parametrar (upp till 10 anpassade för användning i lager och navigation), loop-lager och scroll-effekter på individuell slide-nivå.

Video: gränssnittet i praktiken

Se hur allt detta ser ut i den faktiska editorn i en video från den officiella Slider Revolution-kanalen:

⁉️🤔 Vanliga frågor

Hur skiljer sig Slider Revolution från gratis sliders?

Gratisplugins (MetaSlider, Smart Slider 3 Free) ger grundläggande funktionalitet: ladda upp bilder, ställ in pilar, klart. Slider Revolution är en visuell miljö med lager, animationer, WebGL-effekter och dynamiska innehållskällor. Gratisalternativ kan inte bygga hero-sektioner, produktkaruseller och sajter på en sida med parallax. Om din sajt bara behöver en "tre bilder, kör"-slider räcker gratis. För allt annat, Revolution.

Behöver jag aktivera en licens om pluginet kom med ett tema?

Nej. Medföljande kopior fungerar utan licensnyckel; temautvecklaren hanterar uppdateringar och kompatibilitet. Nackdelen: ThemePunch premiummallar och tillägg är inte tillgängliga, och uppdateringar kommer med en fördröjning medan temautvecklaren testar dem. Om du behöver tillgång till hela biblioteket och omedelbara uppdateringar är det bättre att köpa en separat licens.

Belastar pluginet sajten tungt?

Med rätt konfiguration, nej. I globala inställningar, aktivera lazy loading, lägg inte in fler än 3-4 slides per modul i onödan och använd optimerade bilder (WebP/AVIF). På en testsajt med tre slides och ett par lager vardera lade det till 250-400 KB, vilket är inom normalintervallet för medieinnehåll. Den främsta hastighetsboven är fullskärmsvideo på varje slide. Om video är avgörande, använd lazy loading och inaktivera autoplay på mobil.

Kan jag använda det på flera sajter med en licens?

Det beror på planen. Starter-planen täcker 1 sajt (€45/år). Enthusiast täcker 3 sajter (€89/år). Scale är utformad för byråer och frilansare, upp till 250 kundsajter för €209/år, aktuell prissättning på Slider Revolutions webbplats. Priset per sajt på Scale sjunker under €1 per år, det bästa alternativet för webbutvecklare.

Är det svårt att lära sig från grunden?

En grundläggande slider med bilder och bildtexter tar 15-20 minuter. Att bemästra lager, animationer och scroll-effekter tar 2-3 kvällars övning. Det främsta hindret är inte komplexitet utan mängden inställningar: när du öppnar editorn för första gången far ögonen åt alla håll. Tips: börja med att importera en mall och analysera hur den är uppbyggd; det går snabbare än att läsa dokumentation.

Vad hände med engångslicensen på CodeCanyon?

ThemePunch tog bort pluginet från CodeCanyon och övergav modellen "köp en gång, använd för alltid". Anledningen är enkel: version 7 skrevs från grunden under tre år, och engångsbetalningar täcker inte den typen av utveckling. Gamla nycklar fortsätter att fungera på redan aktiverade sajter, men nya installationer och uppgradering till version 7 kräver en årsprenumeration.

Vad ska man välja 2026: utlåtande

Slider Revolution är inte ett plugin för alla. Om du behöver en enkel slider med tre bilder, ta gratis MetaSlider och betala inte för mycket. Revolution kommer till sin rätt när en sajt behöver en hero-sektion med parallax, en produktkarusell eller en helskärmslandningssida byggd på lager och WebGL-effekter.

Erfarenheten visar: de som installerar Revolution "för säkerhets skull" använder en bråkdel av dess kapacitet och slösar pengar på prenumerationen. De som faktiskt arbetar med lager och dynamiskt innehåll går inte tillbaka till andra sliders. Pluginet är inte billigt (årsprenumeration från €45), men för kommersiella projekt och kundsajter betalar det sig med den allra första slidern du inte skäms för att visa upp.

Testa demon på Slider Revolutions webbplats, så vet du direkt om det här verktyget är för dig.