Przewodnik krok po kroku dotyczący tworzenia przewijanej galerii w WordPress

Teraz bardziej niż kiedykolwiek zapewnienie wyjątkowego doświadczenia użytkownika (UX) odwiedzającym Twoją witrynę powinno być najwyższym priorytetem. Ludzie mają niską tolerancję dla nieporęcznych, powolnych stron internetowych. Lata temu mogłeś się od tego uwolnić.

W dzisiejszym świecie? Bez szans.

Oferowanie przewijanej galerii prezentującej Twoje prace może wydawać się skomplikowane i może spowolnić Twoją witrynę. Daleko stąd; w rzeczywistości (dzięki Moduli) nie tylko łatwo jest zaoferować przewijaną galerię, ale Twoi goście nie będą cierpieć z powodu wolno ładującej się strony internetowej!

Niezależnie od tego, czy wolisz przewijaną galerię w poziomie, czy w pionie, potężne i łatwe w użyciu funkcje Moduli sprawią, że proces będzie prosty i przyjemny.

Więc bez zbędnych ceregieli przejdźmy do rzeczy i dowiedzmy się, jak stworzyć oszałamiającą przewijaną galerię dla Twojej witryny WordPress.

Co to jest przewijana galeria i dlaczego warto ją rozważyć

Galeria przewijania to rodzaj galerii obrazów, w której wyświetlany jest zestaw obrazów lub innych multimediów w formacie przewijania. Oznacza to, że obrazy są wyświetlane jeden po drugim, a użytkownik może je przewijać w poziomie lub w pionie za pomocą myszy, touchpada lub innych urządzeń wejściowych.

Przewijane galerie stają się coraz bardziej popularne, ponieważ oferują kilka korzyści w porównaniu z tradycyjnymi galeriami obrazów. Oto tylko kilka powodów, dla których warto rozważyć użycie przewijanej galerii w swojej witrynie:

Lepsze wrażenia użytkownika : przewijane galerie zapewniają bardziej wciągającą i interaktywną obsługę niż tradycyjne galerie obrazów. Ponieważ użytkownik może przewijać obrazy, może poświęcić swój czas na obejrzenie każdego obrazu i przeglądanie galerii we własnym tempie.

Oszczędność miejsca : jako że przewijane galerie wyświetlają obrazy jeden po drugim, mogą stanowić oszczędzającą miejsce alternatywę dla tradycyjnych galerii obrazów. Może to być szczególnie przydatne, jeśli masz mało miejsca na swojej stronie internetowej lub chcesz wyświetlić wiele obrazów bez przytłaczania użytkownika.

Nowoczesny i stylowy wygląd : przewijane galerie mają nowoczesny i stylowy wygląd, dzięki czemu witryna wygląda bardziej profesjonalnie i nowocześnie. Są świetnym sposobem na zaprezentowanie zdjęć i można je dostosować, aby pasowały do ​​marki i stylu Twojej witryny.

Zwiększone zaangażowanie i konwersje : ta metoda galerii może zwiększyć zaangażowanie i konwersje w Twojej witrynie, zachęcając użytkowników do dokładniejszego przeglądania Twoich treści. Im więcej zbadają, tym więcej korzyści przyniesie właścicielowi witryny.

Konfiguracja Moduli

Aby zainstalować Modulę, przejdź do pulpitu nawigacyjnego WordPress i kliknij Wtyczki . Następnie kliknij Dodaj nowy i wyszukaj „Modula”.

Po znalezieniu wtyczki kliknij przycisk Zainstaluj teraz i poczekaj na zakończenie instalacji. Na koniec kliknij Aktywuj , aby aktywować wtyczkę.

Aby uzyskać bardziej szczegółowe wyjaśnienie instalacji i aktywacji Moduli, w tym zrzuty ekranu krok po kroku, zapoznaj się z naszą dokumentacją.

Tworzenie galerii

Po zainstalowaniu i aktywacji wtyczki możesz utworzyć nową galerię.

Aby to zrobić, przejdź do Panelu WordPress > Modula > Galerie i kliknij przycisk Dodaj nowy .

Modula jest bardzo łatwa w użyciu. (OK, więc tak byśmy powiedzieli!) Ale jesteśmy pewni, że ty też to pokochasz!

Możesz przesyłać swoje zdjęcia i układać je w dowolnej kolejności. A najlepsza część? Możesz także dostosować wygląd swojej galerii, wybierając rozmiar obrazów, dodając podpisy i wiele więcej.

Możesz rozpocząć dodawanie obrazów do swojej galerii z biblioteki WordPress lub bezpośrednio przesłać swoje zdjęcia .

Tworzenie poziomej galerii z przewijaniem za pomocą Modula

Galeria przewijana w poziomie to świetny sposób na zaprezentowanie serii obrazów przyciągających uwagę użytkownika. Dzięki Moduli możesz łatwo stworzyć galerię z przewijaniem w poziomie i dostosować ją do projektu swojej witryny

Aby rozpocząć, musisz włączyć funkcję pokazu slajdów w Modula. Ta funkcja jest dostępna w wersji Modula Pro. Pamiętaj, aby aktywować rozszerzenia Lightbox Slideshow i Slider .

Wybierz typ galerii Slider na karcie Ogólne w sekcji Ustawienia .

Następnie przejdź do zakładki Lightbox & Links i wybierz Open images in Lightbox z rozwijanego menu opcji Slider Lightbox & Links .

Gdy to zrobisz, więcej opcji zostanie odblokowanych.

Przewiń w dół , aż znajdziesz nawigację za pomocą kółka myszy i włącz tę opcję. Umożliwi użytkownikom przewijanie obrazów lightbox za pomocą kółka myszy.

Możesz dodać efekt przewijania, aby galeria przewijania wyglądała jeszcze bardziej elegancko.

Przewiń do opcji Efekt przejścia i wybierz jeden z menu rozwijanego. Następnie możesz ustawić wartość szybkości przejścia. Będzie to w milisekundach, więc utrzymanie go poniżej 600 ms byłoby idealne, aby użytkownicy nie czuli, że przewijana galeria jest opóźniona.

Nikt nie lubi lagów!

Jeśli wszystko wygląda dobrze, możesz opublikować galerię na swojej stronie WordPress lub opublikować, kopiując i wklejając wygenerowany przez Modulę krótki kod.

Cóż, to było łatwe!

Tworzenie galerii z przewijaniem w pionie za pomocą Modula

Tworzenie przewijanej galerii w pionie za pomocą Moduli jest tak samo proste, jak tworzenie galerii poziomej. Pokażę ci, jak to się robi!

Uwaga: Aby utworzyć galerię z przewijaniem w pionie, potrzebujesz rozszerzenia Pagination z opcją nieskończonego przewijania planu Modula Pro Business.

W trybie edycji galerii przewiń w dół do sekcji Ustawienia . Na karcie Ogólne , aby lepiej zaprezentować galerię przewijaną w pionie, wybierz dowolny typ galerii Kreatywny, Niestandardowy lub Murowany.

Przewiń do końca i włącz opcję Włącz paginację . Gdy to zrobisz, pojawi się więcej opcji.

Śmiało i włącz również opcję Włącz nieskończone przewijanie .

Od tego momentu możesz dostosować swoją galerię do własnych upodobań.

Ulepszanie przewijanej galerii dzięki funkcjom modułu

Tworząc przewijaną galerię za pomocą Modula, możesz poprawić ogólne wrażenia użytkownika, korzystając z niektórych zaawansowanych funkcji wtyczki.

Przyjrzyjmy się funkcjom, które są najbardziej przydatne w tym przypadku użycia:

Leniwe ładowanie : Ta funkcja jest przydatna podczas tworzenia przewijanej w pionie galerii z wieloma obrazami. Pomaga skrócić czas ładowania strony, ładując wstępnie tylko obrazy widoczne na ekranie. Nie jest to jednak konieczne w przypadku poziomej galerii z przewijaniem.

Konfigurowalny Lightbox : Chociaż ta funkcja jest opcjonalna w przypadku galerii z przewijaniem w pionie, jest niezbędna w przypadku galerii z przewijaniem w poziomie. Pozwala dostosować wygląd i styl lightbox galerii, poprawiając wrażenia użytkownika.

Galeria wideo : Oprócz obrazów przewijana galeria może również zawierać filmy. Funkcja galerii wideo Moduli może uczynić Twoją galerię bardziej dynamiczną i interaktywną.

Poeksperymentuj z opcjami i zobacz, co najlepiej pasuje do Twojej witryny i marki. Pamiętaj, aby nacisnąć przycisk Publikuj lub Aktualizuj galerię, aby mieć pewność, że zmiany zostaną zapisane!

Modula wygeneruje krótki kod , którego możesz użyć, prezentując swoją galerię na interfejsie użytkownika. Skopiuj ten krótki kod i wyświetlmy Twoją oszałamiającą przewijaną galerię

Wyświetlanie podglądu i publikowanie przewijanej galerii

Po utworzeniu przewijanej galerii za pomocą Modula nadszedł czas, aby wyświetlić jej podgląd i opublikować ją na swojej stronie WordPress.

Aby to zrobić, przejdź do żądanej strony lub postu i wklej krótki kod bezpośrednio do edytora.

Alternatywnie możesz poszukać bloku Modula Galleries i wybrać żądaną galerię z rozwijanego menu.

Po dodaniu galerii do strony lub posta konieczne jest wyświetlenie jej podglądu, aby upewnić się, że wyświetla się poprawnie.

Gdy będziesz zadowolony ze wszystkiego, kliknij Publikuj lub Aktualizuj i obserwuj, jak dzieje się magia

Jeśli później będziesz musiał wprowadzić zmiany w swojej galerii, możesz ją łatwo zmodyfikować w sekcji Modula na pulpicie nawigacyjnym WordPress.

Po zapisaniu zmian Twoja galeria zostanie automatycznie zaktualizowana w Twojej witrynie bez aktualizowania krótkiego kodu.

Podsumowanie…

Tworzenie przewijanej galerii w pionie lub poziomie w WordPress może być świetnym sposobem na zaprezentowanie zdjęć i poprawę komfortu korzystania z witryny.

Dzięki przyjaznemu dla użytkownika interfejsowi, opcjom dostosowywania i wszechstronnym typom galerii, Modula to pozycja obowiązkowa dla każdego właściciela witryny, który chce zaprezentować swoje zdjęcia i zdobyć nowych klientów!

Więc na co czekasz? Pobierz Modula już dziś i przekonaj się, jak może zmienić galerie zdjęć w Twojej witrynie.