Spraw, aby WordPress Media były przyjazne dla urządzeń mobilnych za pomocą responsywnej wtyczki Lightbox

Niezależnie od tego, czy prowadzisz bloga, firmę czy sklep internetowy , obrazy w Twojej witrynie odgrywają kluczową rolę w zwiększaniu atrakcyjności treści. Kilka lat temu przeglądanie Internetu za pomocą urządzeń mobilnych wzrosło w porównaniu z urządzeniami stacjonarnymi. Biorąc pod uwagę ten wzrost wykorzystania urządzeń mobilnych, każda strona internetowa powinna być responsywna, a obrazy pięknie wyświetlane.

Jeśli posiadasz witrynę WordPress lub sklep e-commerce korzystający z WooCommerce, użyj wtyczki WordPress Lightbox, która sprawi, że Twoje obrazy, filmy i widżety będą responsywne, dzięki czemu odwiedzający mobilni nie będą mieli trudności z przeglądaniem treści.

Czym jest Responsywny WordPress Lightbox?

Responsive Lightbox firmy dFactory umożliwia użytkownikom tworzenie większych wersji obrazów i galerii z efektem nakładki lightbox, zoptymalizowanych pod kątem urządzeń mobilnych. Podstawowa wtyczka jest dostępna za darmo i zawiera wszystkie niezbędne funkcje, których potrzebujesz, aby zacząć. A jeśli chcesz go podnieść, możesz uzyskać dostęp do zaawansowanych funkcji, łącząc go z dodatkami premium.

Wtyczka Responsive Lightbox pozwala wybrać jeden z siedmiu skryptów lightbox i dodać je do galerii obrazów, linków do obrazów, filmów, widżetów i komentarzy. Co więcej, wtyczka jest kompatybilna z WooCommerce, co oznacza, że ​​możesz dodawać skrypty Responsive Lightbox do swoich galerii produktów.

Responsywne funkcje lightbox

Responsive Lightbox to bogata w funkcje wtyczka, która od razu po wyjęciu z pudełka zawiera szeroką gamę zaawansowanych funkcji. Przyjrzyjmy się bliżej jego wyróżniającym cechom.

1. Wiele Lightboxów

Wtyczka Responsive Lightbox pozwala skonfigurować wiele lightboxów, w tym SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox, Image Lightbox, TosRUs (zoptymalizowane pod kątem dotyku suwaki „R” Us) i Featherlight. Każdy skrypt lightbox wnosi coś nowego do stołu.

Na przykład, jeśli chcesz, aby obraz się rozjaśnił, miał zdefiniowaną ramkę i przyciemnił tło, możesz wybrać skrypt prettyPhoto lightbox .

Z drugiej strony, jeśli szukasz czegoś prostszego, w którym obraz wyskakuje i rzuca nakładkę na tło, możesz wybrać skrypt Nivo Lightbox .

2. Lightbox dla obrazów

Po zainstalowaniu wtyczki Responsive Lightbox w witrynie WordPress możesz zacząć dodawać lightboxy do linków do obrazów. W rzeczywistości wtyczka pozwala również skonfigurować ustawienia, aby automatycznie dodawać wybrany lightbox do wszystkich obrazów opublikowanych w witrynie i wszystkich przyszłych obrazów, które do niej dodasz.

Dodatkowo możesz również wybrać wyświetlanie tytułu, podpisu, tekstu alternatywnego i opisu obrazu jako jego tytułu. Tytuł obrazu pojawi się wraz z obrazem, gdy użytkownik otworzy go w lightbox. Jeśli jednak nie chcesz mieć żadnego tytułu obrazu, możesz go również usunąć.

3. Lightbox dla galerii

Podobnie jak linki do zdjęć, Responsive Lightbox umożliwia również dodawanie skryptów lightbox do galerii obrazów. Zamiast dodawać skrypt lightbox do każdego elementu galerii, wtyczka umożliwia dodanie go do całej galerii . Za każdym razem, gdy utworzysz galerię w swojej Bibliotece mediów i opublikujesz ją na swojej stronie, galeria otworzy się w wybranym przez Ciebie skrypcie lightbox.

Wtyczka umożliwia skonfigurowanie rozmiaru obrazu galerii (miniaturka, średnia, duża i pełnowymiarowa) i użycie metadanych każdego elementu galerii jako tytułu .

4. Lightbox dla filmów

Jeśli masz kilka filmów opublikowanych na swojej stronie, możesz sprawić, by wyglądały jeszcze lepiej, dodając do nich skrypt lightbox. Responsywny Lightbox umożliwia automatyczne dodawanie skryptów lightbox do Twoich filmów, a jednocześnie masz pewność, że ruch mobilny będzie mógł szybko wyświetlić je na swoich urządzeniach.

Wtyczka pozwala dodawać skrypty lightbox do filmów z YouTube i Vimeo zaraz po wyjęciu z pudełka, po prostu włączając opcję na ekranie ustawień.

5. Opcje konfiguracji

Responsive Lightbox ma mnóstwo opcji konfiguracji, które pozwalają w pełni dostosować sposób wyświetlania lightboxa w interfejsie użytkownika. Jak wspomnieliśmy powyżej, możesz wybrać jeden z siedmiu skryptów lightbox z darmową, podstawową wtyczką. Oprócz tego możesz też dodać lightboxy do treści widżetów i komentarzy .

A jeśli jesteś technicznie zorientowany, możesz również skonfigurować wtyczkę, aby włączyć wyzwalanie skryptów lightbox w niestandardowych zdarzeniach jQuery. Najlepsze jest to, że wtyczka została zaprojektowana tak, aby nie wpłynąć negatywnie na czas wczytywania strony w Twojej witrynie . W związku z tym programiści dodali ciekawą funkcję, która ładuje skrypty i style lightbox tylko wtedy, gdy użytkownik uzyskuje dostęp do strony zawierającej obraz, galerię lub wideo.

Rozszerzanie responsywnego lightboxa

Wtyczka Responsive Lightbox zawiera wiele rozszerzeń premium, które możesz zainstalować, aby uzyskać dostęp do zaawansowanych funkcji.

• Lightcase Lightbox zapewnia dostęp do dostosowywanych wyświetlaczy i mnóstwa efektów przejścia.
• Photo Swipe Lightbox pozwala ulepszyć nawigację w witrynach mobilnych.
• Light Gallery Lightbox obsługuje pełnoekranowe lightboxy i zawiera ponad 20 wbudowanych animacji.
• Fancybox Pro to mobilny i dotykowy lightbox.
• Strip Lightbox sprawia, że ​​Twoje zdjęcia przesuwają się na krawędzi ekranu.
• Justified Gallery umożliwia tworzenie dynamicznych siatek zdjęć obrazów.
• Galeria obrazów murarskich ułatwia konwersję galerii do zestawu zdjęć podobnego do Pinteresta/Tumblra.
• Slider Gallery przekształca Twoją galerię w responsywny suwak.
• Expander Gallery udostępnia galerię siatkową inspirowaną Wyszukiwarką Grafiki Google.
• Ukryta Galeria uruchamia galerię z nakładką lightbox, gdy użytkownik kliknie łącze lub obraz.

Pakiet Photo & Art zawiera wszystkie dziesięć rozszerzeń premium Responsive Lightbox, które są tańsze niż poszczególne wtyczki.

Dobrze udokumentowane i obsługiwane

Wtyczka Responsive Lightbox zawiera szczegółową dokumentację dla programistów. Jego dokumentacja obejmuje prawie wszystko, w tym instalację wtyczki i rozszerzeń, opis ogólnych ustawień i dogłębne spojrzenie na różne lightboxy.

Jeśli jesteś programistą WordPress i chcesz zagłębić się w dostosowywanie Responsive Lightbox do swojej witryny, możesz skorzystać z sekcji dokumentacji dotyczącej ręcznego użytkowania, aby dowiedzieć się więcej na ten temat.

Oprócz tego programiści oferują również obszerną stronę rozwiązywania problemów, która wyjaśnia możliwe przyczyny napotkania konkretnego problemu i co możesz zrobić, aby go rozwiązać – wraz z fragmentami kodu!

Jeśli chodzi o wsparcie dla Responsive Lightbox, programiści z dFactory oferują wsparcie za pośrednictwem swojej oficjalnej strony internetowej i strony wtyczki w Katalogu wtyczek WordPress. Możesz także obejrzeć samouczek wideo, który pomoże Ci rozpocząć.

Jeśli szukasz kompletnego rozwiązania lightbox dla swojej witryny WordPress, warto spróbować Responsive Lightbox.

Ta podstawowa wtyczka jest dostępna do pobrania bezpłatnie, a za każdym razem, gdy chcesz uzyskać dostęp do zaawansowanych funkcji, możesz zainstalować dowolne z dziesięciu rozszerzeń premium. Zachęcamy do zainstalowania Responsive Lightbox i wypróbowania go na własną rękę i podzielenia się swoimi doświadczeniami w sekcji komentarzy poniżej.