W artykule:
Chcesz pokazać zdjęcia przed i po na swojej stronie? Zdjęcie przed i po może być przydatne do wyświetlania obok siebie porównania dwóch identycznych obrazów z niewielkimi różnicami. W tym artykule podzielimy się, jak łatwo pokazać zdjęcie przed i po WordPress.
Jak działa efekt zdjęcia przed i po?
Zwykle ludzie używają programu Photoshop do tworzenia obrazu przed i po. Jest to pojedyncze zdjęcie, które pokazuje efekty przed / PO i możesz dodać je jako statyczny obraz na swojej stronie WordPress.
Funkcjonalny suwak zdjęć to interaktywny sposób na pokazanie 2 różnych wersji podobnego obrazu w pełnym rozmiarze. Możesz przesunąć uchwyt suwaka, aby porównać oba obrazy obok siebie.
Rzućmy okiem na to, jak łatwo pokazać zdjęcie przed i po w WordPress.
Video Tutorial
Jeśli nie chcesz oglądać samouczka wideo, możesz kontynuować czytanie wersji tekstowej poniżej:
Wyświetlanie zdjęcia przed i po WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Twenty20 Image Before-After. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz utworzyć lub edytować stronę/post w obszarze administracyjnym WordPress, w którym chcesz pokazać obraz przed i po. Teraz kliknij na Dodaj Twenty20 przycisk nad edytorem tekstu.
Otworzy bibliotekę multimediów WordPress w wyskakującym okienku. Stąd musisz wybrać dwa obrazy dla suwaka przed i po.
Po wybraniu zdjęć kliknij na Insert guzik.
Następnie wyświetli pola tekstowe, aby dodać zawartość na zdjęciach przed i po. Można również dodać szerokość suwaka, wartość przesunięcia, kierunek suwaka i wiele innych.
Następnie kliknij na Wstaw Shortcode przycisk, aby dodać zdjęcie przed i po na stronie WordPress.
Możesz również użyć widżetu obrazu Twenty20, aby wyświetlić zdjęcie przed i po na pasku bocznym WordPress. Po prostu przejdź do Wygląd ” Widgety sekcja w panelu administracyjnym WordPress, a następnie Przeciągnij widżet suwaka Twenty20 w obszarze widżetów paska bocznego.
Widżet suwaka Twenty20 ma podobne ustawienia dla zdjęcia przed i po, jak udostępniliśmy powyżej w tym przewodniku. Możesz wybrać 2 zdjęcia jeden po drugim w Ustawieniach widżetu, aby utworzyć suwak zdjęć przed i po.
Teraz możesz odwiedzić swoją stronę internetową, aby zobaczyć zdjęcie przed i po w akcji.
Gdy użytkownicy przesuwają uchwyt w kierunku każdego obrazu, drugi obraz staje się widoczny. Użytkownicy mogą przesunąć suwak w prawo lub w lewo, aby zobaczyć pełny obraz przed i po. Gdy użytkownicy przesuwają etykiety przed i po, automatycznie znikają.
Ta wtyczka działa świetnie z popularnymi kreatorami stron WordPress, takimi jak Beaver Builder i Elementor, aby szybko pokazać zdjęcie przed i po na stronach witryny bez użycia skrótów.
Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się pokazywać zdjęcia przed i po WordPress. Możesz również zobaczyć nasz przewodnik, Jak dodać powiększenie powiększające dla obrazów w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
