Czy chcesz dodać Amazon jak powiększający zoom dla obrazów w WordPress? Powiększanie obrazów pozwala użytkownikom zobaczyć szczegóły, których nie zobaczyliby na obrazie o normalnej wielkości. W tym artykule pokażemy, jak łatwo dodać powiększenie powiększające dla obrazów w WordPress.

How to Add Magnifying Zoom for Images in WordPress

Dodawanie powiększenia dla obrazów WordPress

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WP Image Zoom. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić WP image Zoom strona w Twoim adminie WordPress. Tutaj możesz zarządzać ustawieniami powiększenia obrazów.

WP Image Zoom

W Ustawienia Ogólne karta, możesz włączyć funkcje takie jak zoom na obrazach produktów WooCommerce, miniaturach, urządzeniach mobilnych, stronach załączników, stronach kategorii i innych. Pozwala również usunąć lightbox, dzięki czemu użytkownicy mogą płynnie powiększać obrazy.

General Settings

Jeśli nie usuwasz lightboxa dla obrazów, możesz przewijać w dół, aby uzyskać dalsze ustawienia, takie jak włączanie powiększania wewnątrz lightboxa.

Uwaga: Możesz zobaczyć obsługiwane lightboxy, aby upewnić się, że zoom działa dobrze wewnątrz lightboxu.

Enable Lightbox Zoom

Po zakończeniu dostosowywania ustawień na tej stronie, nie zapomnij kliknąć na Zapisz Zmiany guzik.

Następnie musisz odwiedzić Ustawienia Powiększenia tab. Ma 4 proste kroki, aby dodać powiększenie powiększające dla obrazów.

Najpierw musisz wybrać kształt obiektywu, aby powiększyć obrazy. Możesz wybrać kształt soczewki w kształcie koła, kwadratu i powiększenia.

Select Zoom Lens Shape

Po wybraniu obiektywu przejdź do następnego kroku i przejrzyj obraz z wybranym obiektywem, aby zobaczyć, jak to działa. Wtyczka ma obraz podglądu, którego możesz użyć do przetestowania zmian.

Preview Zoom Image

Możesz wrócić i podgląd tego obrazu na żywo po wprowadzeniu zmian w poniższej konfiguracji.

W następnym kroku możesz wybrać typ kursora, ustawić efekt łagodzenia animacji, włączyć powiększenie po najechaniu myszą lub kliknięciu myszą i zdefiniować poziom powiększenia. Niektóre z tych funkcji są dostępne tylko dla wersji PRO wtyczki.

General Configuration

Teraz możesz przejść do Obiektyw zakładka konfiguracja zawiera ustawienia takie jak rozmiar obiektywu, kolor obiektywu, opcje obramowania obiektywu i inne. Te ustawienia są skuteczne tylko wtedy, gdy w Kroku 1 wybrano okrągły lub kwadratowy obiektyw.

Lens Configuration

Następnie możesz odwiedzić Okno Powiększenia zakładka konfiguracja. Ta zakładka jest włączona tylko po wybraniu Obiektyw Okna Zoom w Kroku 1.

W tym miejscu możesz zmienić szerokość i wysokość okna powiększenia, położenie, odległość od głównego obrazu, obramowania i wiele innych.

Zoom Window Configuration

Na koniec możesz dodać niestandardowy tekst do obrazu i wybrać rozmiar tekstu, kolor i wyrównanie.

Custom Text Configuration

Nie zapomnij kliknąć na Zapisz Zmiany przycisk do przechowywania ustawień. Zawsze możesz spojrzeć na obraz podglądu, aby zobaczyć, jak Lupa będzie działać na obrazach bloga z tymi ustawieniami.

Save Changes

Powyższe ustawienia umożliwią powiększenie obrazów produktów WooCommerce. Aby włączyć zoom dla obrazów na postach i stronach WordPress, musisz wykonać poniższe czynności.

Włączanie powiększania obrazów na postach i stronach

Domyślnie powiększenie powiększające nie jest włączone dla obrazów w postach i na stronach. Musisz to zrobić ręcznie po dodaniu obrazu do treści.

Po dodaniu obrazu do postu lub strony, po prostu kliknij, aby go wybrać, a następnie kliknij ikonę powiększającą na pasku narzędzi. Ta ikona zastosuje ustawienia powiększenia obrazu.

Add Zoom to Posts / Pages Images

Następnie przejdź do postu, aby zobaczyć funkcję powiększania dla wybranego obrazu. Musisz powtórzyć ten krok za każdym razem, gdy chcesz dodać efekt powiększenia do obrazu.

Apply Zoom Post / Page Images

Zalecamy używanie wysokiej jakości obrazów, aby funkcja zoom wyglądała świetnie. Obrazy wysokiej jakości są zwykle większe i ładowanie trwa dłużej, co wpływa na szybkość i wydajność witryny. Aby rozwiązać ten problem, musisz zoptymalizować swoje obrazy pod kątem Internetu przed przesłaniem ich do WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać powiększenie powiększające dla obrazów w WordPress. Możesz również zobaczyć nasz artykuł o tym, jak rozwiązać typowe problemy z obrazem 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.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…