Czy potrzebowałeś kiedyś pokazać swoim odbiorcom dwa obrazki prezentujące efekt zmian? Odnawiasz meble? Sprzątasz mieszkania? Retuszujesz zdjęcia? Sprzedajesz filtry do Instagrama? Właśnie w tych przypadkach przydatny jest tytułowy slajder. W prosty i przyjemny sposób pozwala pokazać dwa zdjęcia wraz z suwakiem lewo/prawo. W tym wpisie pokażę Tobie, jak dodać slider z porównaniem obrazów przed/po.

Darmowe wtyczki do obrazów

Bez zbędnego owijania w bawełnę przejdę od razu do omówienia trzech darmowych wtyczek pozwalających uzyskać efekt jak na powyższym zdjęciu.

1. Before After Image Comparison

Całkowicie darmowa wtyczka natywnie współpracująca z domyślnym edytorem WordPress – Gutenbergiem. Before After Image Comparison pozwala na porównywanie zdjęć bezpośrednio z edytora. Nie trzeba używać żadnych shortcodów czy innych sposobów.

Widżet pozwala dodatkowo wstawić podpis, ustawić szerokość slidera, dodać ramkę wokół obrazka czy też ustawić kolory i kroje czcionek.

2. Before After Image Comparison Slider for Elementor

Wtyczka Before After Image Comparison Slider for Elementor jak sama nazwa wskazuje jest rozszerzeniem do Elementora. 

Widżet jest responsywny i reaguje na przesuwanie palcem w urządzeniach mobilnych. Pozwala dostosować dowolny rozmiar obrazka, nadpisywać style CSS a także na bieżąco podglądać efekt wprowadzanych zmian. Wtyczka występuje również w wersji płatnej, ale podstawowe funkcjonalności z pewnością Ci wystarczą.

3. Ultimate Before After Image Slider & Gallery

Bardzo dobra i rozbudowana wtyczka idealna do naszych potrzeb. Ultimate Before After Image Slider & Gallery pozwala tworzyć i edytować slidery w osobnym menu zaplecza WordPress a następnie osadzać je za pomocą shortcode w dowolnym miejscu na stronie.

Jest dzięki temu kompatybilna z Gutenbergiem, Elementorem, WP Bakery, Divi, Beaver Builder i praktycznie każdym innym edytorem. Na tej stronie możesz zobaczyć demo wszystkich możliwości.

Podstawowe funkcje wtyczki są darmowe, za opcje zaawansowane trzeba dopłacić w wersji Pro. Nie jest to jednak konieczność, bo wydaje mi się, że tak jak w przypadku poprzedniej wtyczki tak i tutaj, podstawowe opcje robią swoją robotę.

Podsumowanie

W tym wpisie wskazałem tylko trzy popularne wtyczki na slider z porównaniem obrazów przed/po, ale to zdecydowanie nie są wszystkie. Jest ich sporo więcej. Jeśli interesuje Cię ten temat, zachęcam do samodzielnego odkrywania wtyczek, testowania i podzielenia się swoja opinią. Jeśli masz pytania, daj znać w komentarzach. Jak zawsze – jestem do dyspozycji 🙂