Zakupili Państwo motyw premium, a slider z dema nie zadziałał? Albo zbudowali Państwo slider w darmowej wtyczce, a on zacina się na urządzeniach mobilnych i waży dodatkowe pół megabajta? Przetestowaliśmy pięć sliderów, zanim zdecydowaliśmy się na jeden.

Slider Revolution od ThemePunch to nie jest „kolejny slider". To wizualny edytor treści o dowolnym stopniu złożoności: od sekcji Hero po jednostronicową witrynę zbudowaną na warstwach. W 2026 roku wtyczka działa w wersji 7 i potrafi rzeczy, o których darmowe odpowiedniki nawet nie pomyślały: efekty WebGL, klastry cząstek 3D, symulację płynów oraz tłumaczenie warstw przez AI.

Poniżej znajduje się szczera recenzja i przewodnik krok po kroku. Co potrafi siódma wersja, jak ją zainstalować (jako osobny zakup lub w ramach motywu) i, co najważniejsze, jak uruchomić pierwszy slider w godzinę.

💡 Szybki przegląd:

• Proszę kupić Slider Revolution na sliderrevolution.com (CodeCanyon nie wchodzi już w grę, wtyczka opuściła marketplace) lub aktywować kopię z pakietu motywu premium
• Proszę aktywować licencję w panelu administracyjnym WordPress i skonfigurować ustawienia globalne: uprawnienia dostępu, punkty graniczne siatki, leniwe ładowanie
• Proszę zaimportować gotowy szablon z biblioteki liczącej ponad 200 wariantów lub utworzyć moduł od podstaw
• Proszę wypełnić slajdy: tło, warstwy (tekst, przyciski, wideo, kształty, SVG), animacje i przejścia
• Proszę skonfigurować nawigację, wskaźnik postępu, efekty przewijania i wstawić shortcode na stronę

Czym jest Slider Revolution i co nowego w wersji 7

Premiumowa wtyczka do WordPressa od ThemePunch. Według danych z katalogu ma ponad 9 milionów aktywnych instalacji i ponad 200 szablonów w bibliotece. Od razu po instalacji: slidery, karuzele, bloki Hero, strony jednostronicowe i moduły dynamiczne oparte na wpisach lub produktach WooCommerce.

W skrócie: to nie jest „slider z obrazkami". To środowisko, w którym każdy slajd składa się z warstw: tekstu, przycisku, wideo, kształtu SVG, wiersza z kolumnami, zupełnie jak w kreatorze stron. Scenę buduje się myszą na płótnie, a nie suwakami w panelu bocznym, a rezultat widać od razu.

Wersja 7, wydana po trzech latach prac, przyniosła całkowicie nowy edytor wizualny i silnik renderowania. Stare projekty są automatycznie migrowane podczas aktualizacji. Wśród nowości warto wymienić: silnik WebGL do zaawansowanych przejść, Fluid Dynamics (symulację płynu reagującego na kursor), The Cluster (klastry cząstek 3D z orbitami i przyciąganiem), AI Translate (automatyczne tłumaczenie warstw ze wsparciem dla WPML) oraz ponad 30 dodatków do każdego zadania.

Układy i responsywność

Wtyczka dawno wyszła poza ramy „slidera z przewijaniem": do wyboru są karuzele, „sceny" (pojedynczy slajd jako wiersz kreatora) i moduły pełnoekranowe. Responsywność nie ogranicza się do skalowania obrazka; inteligentne dziedziczenie (Smart Inherit) przebudowuje warstwy pod każde urządzenie, elementy zmieniają rozmiar lub są ukrywane. Na urządzeniach mobilnych slider pozostaje czytelny, a nie zamienia się w mrowisko mikroprzycisków.

Źródła treści

Dziewięć opcji wypełnienia. Domyślnie są to własne obrazy i filmy. Można pobierać wpisy z bloga (dowolne typy, w tym konkretne ID), produkty WooCommerce, treści z Flickr, Instagrama, Twittera, Facebooka, YouTube i Vimeo. Ta ostatnia opcja sprawdza się przy widżetach społecznego dowodu słuszności na żywo: slider sam się aktualizuje, gdy pojawiają się nowe posty.

Zarządzanie warstwami

Każdy slajd to tort przekładany. Dodają Państwo tekst, obrazy, przyciski (w tym gotowe style mediów społecznościowych i menu hamburger), kształty (tło, pulsowanie, obrys), audio, wideo (YouTube, Vimeo, HTML5), ikony/SVG oraz wiersze z kolumnami, jak w pełnoprawnym kreatorze. Grupowanie warstw ułatwia przesuwanie powiązanych elementów. Dla posiadaczy licencji dostępna jest biblioteka gotowych warstw ThemePunch oraz import warstw z innych sliderów w instalacji.

Predefiniowane ustawienia i ponowne wykorzystanie

Konfigurują Państwo czcionki, animację warstw i przejścia raz, zapisują jako preset i stosują do kolejnych slajdów jednym kliknięciem. Oszczędza to wiele godzin przy seryjnym tworzeniu modułów w jednolitym stylu.

Instalacja: dwie ścieżki

Wtyczka trafia na stronę albo poprzez bezpośredni zakup na sliderrevolution.com, albo przez aktywację kopii dołączonej do motywu premium. Omówimy obie opcje.

Zakup bezpośredni na sliderrevolution.com

Wcześniej wtyczka była sprzedawana na CodeCanyon, ale wraz z premierą wersji 7 ThemePunch całkowicie przeszedł na sprzedaż bezpośrednią przez sliderrevolution.com. Po zakupie logują się Państwo na swoje konto na stronie i pobierają archiwum zip wtyczki.

Teraz w panelu administracyjnym WordPress: Wtyczki → Dodaj nową.

Przycisk Wyślij wtyczkę na serwer w lewym górnym rogu → Wybierz plik → wybierają Państwo pobrany plik zip → Zainstaluj.

Po instalacji Włącz wtyczkę. Gotowe.

Można też przez FTP: proszę rozpakować wtyczkę i wgrać folder do wp-content/plugins.

Wtyczka w ramach motywu premium

Większość motywów premium zawiera Slider Revolution w pakiecie. Dokładna procedura znajduje się w dokumentacji konkretnego motywu, ale ogólna logika jest taka sama.

Po aktywacji motywu pojawi się powiadomienie o zalecanych wtyczkach. Proszę je kliknąć.

Trafią Państwo na stronę powiązanych wtyczek, proszę zainstalować i aktywować Slider Revolution.

Niektóre motywy (na przykład Total) proponują instalację wtyczki bezpośrednio w trakcie importu danych demonstracyjnych.

Proszę wybrać opcję „Import Sliders" podczas importu demo, a motyw sam pobierze wszystkie niestandardowe slidery z zestawu demonstracyjnego.

Pierwsze uruchomienie: konfiguracja i licencja

Po aktywacji w głównym menu panelu administracyjnego pojawia się pozycja Slider Revolution.

Stąd zarządza się tworzeniem i edycją modułów, importem szablonów oraz aktywacją klucza licencyjnego.

Aktywacja licencji

Jeśli kupili Państwo wtyczkę samodzielnie na sliderrevolution.com, proszę aktywować licencję w panelu administracyjnym, aby odblokować wszystkie funkcje, szablony premium i dodatki.

Klucz znajduje się na koncie użytkownika na sliderrevolution.com. Należy go skopiować i wkleić w panelu administracyjnym WordPress.

W panelu administracyjnym: sekcja Slider Revolution → ikona dzwonka → pole na klucz.

Ważny niuans: jeśli wtyczka została dostarczona w pakiecie z motywem, aktywacja nie jest wymagana. Za aktualizacje odpowiada twórca motywu, a nie ThemePunch. Wtyczka zaktualizuje się razem z motywem, czasem z opóźnieniem, ale z gwarantowaną kompatybilnością. Minusem jest to, że biblioteka szablonów premium ThemePunch i dodatki (add-ons) są niedostępne.

Ustawienia globalne

Przed utworzeniem pierwszego slidera proszę wejść w podmenu Global Settings.

Istotne są tutaj dwa parametry.

Uprawnienia (Permission). Proszę ograniczyć dostęp do wtyczki tylko do administratorów. Jest to przydatne, gdy na stronie pracują zaproszeni autorzy, slidery nie zostaną przypadkowo uszkodzone.

Punkty graniczne siatki. Szerokość w pikselach dla responsywnego układu pod urządzenia. Domyślne wartości zazwyczaj są odpowiednie, ale jeśli siatka strony jest niestandardowa, należy je dostosować.

Pozostałe opcje, takie jak niestandardowe czcionki, leniwe ładowanie, wymuszone tworzenie bazy danych (w razie problemów z tabelami), proszę zmieniać w razie potrzeby. Proszę zapisać ustawienia.

Import gotowego szablonu

Najszybszym startem jest skorzystanie z szablonu z biblioteki.

Na sliderrevolution.com proszę pobrać plik modułu. W panelu administracyjnym: Slider Revolution → Import Slider → proszę wybrać plik → zaimportować. Moduł wraz ze slajdami, warstwami i ustawieniami pojawi się w bibliotece, można go edytować według własnych potrzeb.

Posiadacze licencji bezpośredniej widzą bibliotekę z ponad 200 gotowymi szablonami. Proszę najechać kursorem na makietę: ikona oka służy do podglądu, plus do instalacji. Użytkownicy kopii pakietowych (w ramach motywu) tej biblioteki nie widzą, ale autorzy motywów często dodają własne szablony do importera wersji demonstracyjnej.

Tworzenie slidera od podstaw

Trzy punkty startowe: czysty arkusz, darmowy eksport z przykładów na stronie Slider Revolution oraz szablony wbudowane w motyw. Omówimy ścieżkę od zera, przyda się ona również podczas edycji zaimportowanego szablonu.

Proszę wybrać New Blank Module.

Pojawi się okno powitalne z krótkim przewodnikiem, proszę kliknąć „rozpocznij" i wykonywać kolejne kroki.

Krok pierwszy, typ modułu. Slider, klasyczny zestaw animowanych slajdów. Scene, pojedynczy slajd działający jak wiersz konstruktora (do sekcji Hero). Carousel, kilka slajdów widocznych jednocześnie.

Krok drugi, układ. Auto rozciągnie moduł do szerokości kontenera treści motywu (wysokość ustalają Państwo samodzielnie). Full Width, na całą szerokość ekranu od krawędzi do krawędzi. Full Screen, wypełnia całe okno przeglądarki niezależnie od rozmiaru urządzenia.

Krok trzeci, responsywność. Classic (Linear) Resizing, proporcjonalne skalowanie (szerokość i wysokość zmniejszają się razem z kontenerem, czcionki i obrazy skalują się synchronicznie). Smart Inherit automatycznie tworzy cztery rozmiary pod urządzenia na podstawie ustawień desktopowych, z możliwością edycji każdego z nich. Custom (Manual), precyzyjne piksele pod każdą rozdzielczość.

Po wybraniu podstawowych ustawień trafiają Państwo do konstruktora, tutaj buduje się slajdy.

Ustawienia ogólne modułu

Definiujemy cztery rzeczy:

• Title i Alias, nazwa systemowa slidera (Alias jest potrzebny do shortcode’u).
• Layout, szerokość i wysokość obszaru desktopowego. Na testowej stronie dopasowywaliśmy do szerokości strefy treści.
• Default duration, czas wyświetlania slajdu. 5000 ms (5 sekund) na początek; potem proszę dostosować do tempa treści.
• Spinner, preloader (15 wariantów do wyboru).

Nawigacja

Proszę wybrać, w jaki sposób odwiedzający będzie przewijał slajdy. W przykładzie wybrano styl Uran, proste strzałki. Dostępne są: znaczniki (kropki, 14 stylów), zakładki (miniatura i tytuł, dla modułów opartych na wpisach), obrazy podglądu (5 stylów), nawigacja dotykowa, klawiatura, mysz z efektem karuzeli. Każdy element można skonfigurować: położenie, rozmiar, widoczność, styl.

Slajdy i tło

Zaraz po utworzeniu modułu są już Państwo na slajdzie nr 1, można go wypełniać.

Tło: przezroczyste, kolor (z gradientem), obraz, obraz zewnętrzny lub wideo z YouTube, Vimeo, HTML5.

Dla wideo: proszę podać źródło, włączyć Force Cover Mode (rozciągnąć na cały slider) oraz Rewind at Start (odtwarzać od początku przy każdym wyświetleniu). Proszę nie zapomnieć o miniaturze, do nawigacji i panelu administracyjnego.

Dla obrazu, wgrywanie z biblioteki mediów. Tryb Cover (rozciągnąć z przycięciem do granic) lub Contain (dopasować bez przycinania). Cover, standard dla większości scenariuszy.

Animacja przejścia, do wyboru z dziesiątek wariantów. Filtry (22 presety), bardziej do slajdów z obrazem tła, kwestia gustu. Czas wyświetlania i pauza są konfigurowane indywidualnie. Reguły publikacji są wygodne dla slajdów sezonowych i promocyjnych: przygotowali Państwo wcześniej, opublikowali w odpowiednim dniu.

Warstwy, główny mechanizm

Przycisk + Add Layer w górnej części ekranu otwiera menu z ponad 8 typami warstw.

Tekst. Nagłówki, opisy, linki. Czcionka, rozmiar, kolor, wyrównanie, wszystko edytuje się bezpośrednio na płótnie, a nie w panelu bocznym.

Obrazy. Logo, warstwy paralaksy dla uzyskania głębi, zestawy „przed/po" oraz dodatkowe zdjęcia.

Przyciski. Rozmiar, promień obramowania, kolor, tło, stan po najechaniu, wszystko można dostosować. Predefiniowane style dla mediów społecznościowych, animowanych ikon przewijania, menu hamburgerowego, przycisków Play/Pause.

Kształty. Dodają wizualny akcent: pulsowanie za przyciskiem, wyróżnienie fragmentu tekstu, kolorowe tło. Ustawienia: tło, kolor i rozmiar obrysu, promień zaokrąglenia (0, kwadrat, 100, koło), odstępy.

Audio i wideo. Proszę przesłać plik z biblioteki mediów lub wkleić link (YouTube, Vimeo, SoundCloud). Parametry: zapętlanie, automatyczne odtwarzanie, przejście do następnego slajdu po zakończeniu, głośność, segment (początek/koniec). Świetnie sprawdza się przy opiniach klientów i filmach wprowadzających.

Ikony / SVG. Wbudowane ikony lub własne pliki SVG, skalowalne razem z modułem bez utraty jakości.

Wiersze. Podobnie jak w kreatorze stron: kolumny wewnątrz slajdu. Organizują warstwy według siatki.

Grupa. Łączy kilka warstw, które są przesuwane i konfigurowane razem.

Biblioteka i import warstw. Gotowe zasoby ThemePunch (tylko z licencją) oraz kopiowanie warstw z innych modułów biblioteki.

Pozostałe ustawienia: krótki przewodnik

Poniżej znajdują się sekcje, które nie trafiły do przykładu krok po kroku, ale przydadzą się w codziennej pracy.

General. Automatyczne obracanie, zatrzymanie po najechaniu, zapętlanie, pierwszy slajd. Tutaj również ukrywanie modułu na urządzeniach mobilnych lub przy zadanej szerokości ekranu.

On Scroll. Paralaksa, głębia 3D, skala czasu, zanikanie, rozmycie, odcienie szarości. Konfiguruje się prędkość i przesunięcie. Wskazówka: niech Pan/Pani nie próbuje ogarnąć wszystkiego naraz, proszę wziąć gotowy szablon z efektami przewijania i przeanalizować, jak jest zbudowany.

Spinner. 15 wariantów preloadera z konfigurowalnymi kolorami.

Advanced. Opóźnione ładowanie, obraz zastępczy, uproszczony moduł dla starszych przeglądarek.

CSS / jQuery. Własny kod dla modułu, ale bez znajomości języków lepiej tego nie ruszać.

Modal. Slider jako wyskakujące okienko lub lightbox: pozycja, kolor nakładki, shortcode (różni się od podstawowego, dodaje atrybut użycia).

Skin. Predefiniowany styl warstw tekstowych. Proszę skonfigurować raz pod markę i stosować do wszystkich warstw.

Add-ons. Dostępne tylko z bezpośrednią licencją, nie są częścią wersji dołączanych do motywów.

Nawigacja, szczegółowo. Postęp (wskaźnik lub koło na osi czasu), strzałki (13 stylów), znaczniki-kropki (14 stylów), zakładki (dla modułów z wpisów, miniatura i tytuł), podgląd (5 stylów miniatur), nawigacja dotykowa, klawiatura, mysz (karuzela), edytor nawigacji do ręcznego kodowania.

Parametry slajdu. Tło (przezroczyste, kolor z gradientem, obraz, wideo), miniatura (panel administracyjny i nawigacja), animacja przejścia, filtry (22 predefiniowane style), postęp (czas trwania, pauza, widoczność), reguły publikacji, tagi i linki (własna klasa/id, link na cały slajd), parametry (do 10 dowolnych do wykorzystania w warstwach i nawigacji), warstwy pętli i efekty przewijania na poziomie pojedynczego slajdu.

Wideo: interfejs w działaniu

Proszę zobaczyć, jak to wszystko wygląda w rzeczywistym edytorze, na filmie z oficjalnego kanału Slider Revolution:

⁉️🤔 Często zadawane pytania

Czym Slider Revolution różni się od darmowych sliderów?

Darmowe wtyczki (MetaSlider, Smart Slider 3 Free) oferują podstawową funkcjonalność: wgrywa Pan/Pani obrazy, konfiguruje strzałki i gotowe. Slider Revolution to wizualne środowisko z warstwami, animacją, efektami WebGL i dynamicznymi źródłami treści. Darmowe odpowiedniki nie potrafią budować sekcji Hero, karuzel produktowych ani jednostronicowych witryn z paralaksą. Jeśli strona potrzebuje po prostu slidera „trzy obrazki i jadą", darmowe rozwiązanie wystarczy. Do wszystkiego innego, Revolution.

Czy trzeba aktywować licencję, jeśli wtyczka była dołączona do szablonu?

Nie. Kopie w pakiecie działają bez klucza licencyjnego, za aktualizacje i kompatybilność odpowiada autor szablonu. Minus: szablony premium ThemePunch i dodatki (add-ons) są niedostępne, a aktualizacje pojawiają się z opóźnieniem, dopóki twórca szablonu ich nie przetestuje. Jeśli potrzebny jest dostęp do całej biblioteki i natychmiastowe aktualizacje, lepiej kupić osobną licencję.

Czy wtyczka mocno obciąża stronę?

Przy prawidłowej konfiguracji, nie. W ustawieniach globalnych proszę włączyć leniwe ładowanie (lazy load), nie umieszczać bez potrzeby więcej niż 3-4 slajdów na moduł i stosować zoptymalizowane obrazy (WebP/AVIF). Na testowej stronie z trzema slajdami i paroma warstwami w każdym to dodatkowe 250-400 KB, co mieści się w normie dla treści medialnych. Głównym pożeraczem prędkości jest pełnoekranowe wideo w każdym slajdzie. Jeśli wideo jest krytyczne, proszę ustawić leniwe ładowanie i wyłączyć autoodtwarzanie na urządzeniach mobilnych.

Czy można używać na kilku stronach z jedną licencją?

Zależy od planu. Plan Starter, 1 strona (€45/rok). Enthusiast obejmuje 3 strony (€89/rok). Scale jest przeznaczony dla agencji i freelancerów, do 250 stron klienckich za €209/rok, aktualne ceny na stronie Slider Revolution. Cena za stronę w Scale spada poniżej €1 rocznie, to najkorzystniejsza opcja dla webdeveloperów.

Czy trudno opanować od zera?

Podstawowy slider z obrazami i podpisami, 15-20 minut. Opanowanie warstw, animacji i efektów przewijania, 2-3 wieczory praktyki. Główna bariera nie tkwi w złożoności, lecz w liczbie ustawień: gdy otwiera się edytor po raz pierwszy, oczy rozbiegają się. Rada: proszę zacząć od importu szablonu i przeanalizować, jak został zbudowany, to szybsze niż czytanie dokumentacji.

Co się stało z licencją jednorazową na CodeCanyon?

ThemePunch usunął wtyczkę z CodeCanyon i zrezygnował z modelu „kup raz, korzystaj wiecznie". Powód jest prosty: wersja 7 była pisana od zera przez trzy lata, a jednorazowe płatności nie pokrywają takiego nakładu prac. Stare klucze nadal działają na już aktywowanych stronach, ale do nowych instalacji i aktualizacji do wersji 7 wymagana jest roczna subskrypcja.

Co wybrać w 2026 roku: werdykt

Slider Revolution to wtyczka nie dla każdego. Jeśli potrzebny jest prosty slider z trzema obrazami, proszę wziąć darmowy MetaSlider i nie przepłacać. Revolution pokazuje pełnię możliwości, gdy strona potrzebuje sekcji Hero z paralaksą, karuzeli produktów lub jednostronicowego landing page’a zbudowanego na warstwach i efektach WebGL.

Praktyka pokazuje: ci, którzy instalują Revolution „żeby było", wykorzystują niewielką część możliwości i niepotrzebnie opłacają subskrypcję. Ci, którzy naprawdę pracują z warstwami i dynamiczną treścią, nie wracają do innych sliderów. Wtyczka nie jest tania (roczna subskrypcja od €45), ale w projektach komercyjnych i na stronach klienckich zwraca się już przy pierwszym sliderze, którego nie wstyd pokazać.

Proszę wypróbować demo na stronie Slider Revolution, od razu stanie się jasne, czy to narzędzie dla Pana/Pani, czy nie.