Lightboxy są techniką JavaScript używaną do wyświetlania treści w polach. Jestem pewien, że widziałeś je już wiele razy na stronach internetowych. W świecie WordPressa są one powszechnie kojarzone z galeriami. Gdy użytkownik kliknie obraz galerii, obraz pojawi się w wyskakującym okienku, a reszta strony przyciemni się, dzięki czemu obraz jest podświetlony.
Lightboxy są używane również na innych typach stron internetowych. Na przykład wiele sklepów internetowych korzysta z techniki Lightbox, aby wyróżnić obrazy produktów.
Lightboxy są przyjazne dla użytkowników do przeglądania treści. W przypadku podstawowych galerii obrazów, takich jak Galeria WordPress wbudowana w WordPress, użytkownik musi kliknąć obraz, aby zobaczyć obraz w całości, a następnie kliknąć przycisk Wstecz, aby powrócić do galerii, a następnie kliknąć następny obraz. Lightboxy umożliwiają przeglądanie treści, po prostu klikając w lewo i prawo na galerii.
Dzisiaj chciałbym porozmawiać o świetnej wtyczce lightbox premium dla WordPressa o nazwie Foobox. Wtyczka pozwala używać lightboxów dla obrazów,filmów, HTML i innych.
Pobierz Foobox
Piękne Responsywne Lightboxy
Foobox to jedna z najbardziej zaawansowanych wtyczek lightbox. Jest to wiele przydatnych funkcji i responsywny projekt, który świetnie wygląda na komputerach stacjonarnych, tabletach i telefonach komórkowych. Użytkownicy mogą również przesuwać palcem z boku na bok, aby poruszać się po zawartości.
Każdy przesłany obraz otrzymuje unikalny adres URL. Dzięki temu odwiedzający mogą udostępniać Twoje zdjęcia w popularnych serwisach społecznościowych, takich jak Facebook i Twitter.
Wtyczka ma natywne wsparcie dla wbudowanej galerii WordPress. Posiada również wsparcie dla popularnych wtyczek WordPress, image Grid, Jetpack i NextGen Gallery.
Jak już wcześniej wspomniałem, Foobox nie zajmuje się tylko obrazami. Wtyczka może być również używana z filmami i HTML. Na przykład możesz go użyć do wyświetlania filmów z YouTube w bardziej widocznym miejscu lub wyświetlania pola rejestracji do newslettera.
Umożliwia również wyświetlanie treści za pomocą ramek iFrame. Możesz użyć tej funkcji, aby wyświetlić pełną witrynę w obszarze lightbox, co jest przydatne, jeśli nie chcesz, aby odwiedzający opuszczali stronę.
Aby lepiej zrozumieć, co foobox może zrobić, przyjrzyjmy się bliżej obszarowi ustawień Foobox.
Konfigurowanie Fooboksa
Twoja licencja Foobox jest wymagana, aby otrzymywać automatyczne aktualizacje wtyczek i aktywować zakładkę Pomoc techniczna. Wtyczka jest zgodna z powszechną licencją publiczną, dlatego licencja nie jest wymagana do działania wtyczki.
Karta Ustawienia Ogólne określa rodzaje obrazów używanych w Fooboxie. Można go włączyć dla galerii WordPress, obrazów załączników i obrazów z podpisami. Możesz również włączyć Foobox automatycznie dla wszystkich typów obrazów.
Wtyczka zawiera dwie skórki: Rounded i Metro. Jest również wyposażony w pięć schematów kolorów, dwanaście zestawów ikon i jedenaście ikon do załadowania.
Podpisy nie są czymś, na co zwykle zwracam dużą uwagę; jednak Foobox oferuje wiele opcji dostosowywania napisów. Możesz wybrać, czy napisy są wyświetlane na obrazach, filmach, HTML i ramkach iFrame.
Tytuł i opis podpisu można również zastąpić tytułem zakotwiczenia lub tytułem alt obrazu. Istnieje również funkcja, która pobiera nazwę pliku obrazu i konwertuje go na coś czytelnego. Na przykład obraz przesłany jako „day-at-beach-456” zostanie przemianowany na „Day at Beach”.
Strona ustawienia funkcji ma wiele różnych opcji, takich jak ukrywanie pasków przewijania i przycisków nawigacyjnych. Możesz także wyłączyć unikalny adres URL, którego Foobox używa dla obrazów.
Inne opcje obejmują przycisk pełnoekranowy, wstępne ładowanie obrazów w celu poprawy szybkości przeglądania, ochronę obrazu, licznik statystyk i pokaz slajdów.
Ikony udostępniania w mediach społecznościowych mogą być wyświetlane na każdym typie lightboxa. Ikony można umieszczać nad lub pod obszarem zawartości. Można je również wyrównać do lewej, środka lub prawej strony.
Dziesięć serwisów społecznościowych może być wyświetlanych użytkownikom. Możesz również wyświetlić link e-mail i opcję pobrania obrazu. Każda usługa mediów społecznościowych musi być włączona, aby wyświetlana była odpowiednia ikona społecznościowa.
Dodatkowe opcje konfiguracyjne są dostępne dla protokołu Open Graph, Facebooka i Twittera.
Po włączeniu wybranych sieci społecznościowych Pasek udostępniania zostanie wyświetlony w lightbox. Będzie to wyglądać mniej więcej tak:
Inne różne funkcje są umieszczone w zakładce Zaawansowane. Istnieje możliwość zintegrowania adresu URL partnera Foobox Z lightbox i zarobienia dodatkowej gotówki.
Inne opcje obejmują wyłączanie innych lightboxów, ładowanie plików Javascript w stopce i włączanie trybu debugowania.
Foobox pozwala również modyfikować lightboxy, dodając niestandardowe CSS i Javascript. Jest to głównie dla programistów, którzy chcą rozszerzyć funkcjonalność Fooboksa.
Nie musisz zmieniać swoich postów i stron, aby zobaczyć, jak wyglądają twoje lightboxy. Po wprowadzeniu zmian w ustawieniach, takich jak schemat kolorów lub opcje udostępniania w mediach społecznościowych, po prostu przejdź do karty demo i zobacz, jak wygląda lightbox z różnymi obrazami, filmami i ramkami iFrame.
Przegląd
Foobox to jeden z najlepszych sposobów wyświetlania treści na twojej stronie za pomocą lightboxów. Wtyczka sprzedaje się w cenie 27 za licencję osobistą, 67 za licencję multisite i 97 za licencję biznesową.
Ważne jest, aby pamiętać, że Foobox jest wtyczką, która zwiększa aktualną funkcjonalność galerii, zamiast ją zastępować. W związku z tym brakuje funkcji, które można zobaczyć w galeriach wtyczek, takich jak Galeria Envira.
Dzięki obsłudze wideo, HTML i ramek iframes, Foobox jest wszechstronną wtyczką, która może być używana na wiele sposobów. Odwiedź oficjalną stronę Foobox i dowiedz się więcej o wtyczce 🙂
Jeśli podobał Ci się ten artykuł, zachęcam do subskrybowania WPExplorer w celu przyszłych aktualizacji za pośrednictwem RSS, Facebook, Twitter lub Google+. Możesz również otrzymywać aktualizacje dostarczane bezpośrednio do skrzynki odbiorczej za darmo, zapisując się do naszego cotygodniowego newslettera.
Jak zawsze, jeśli masz jakieś pytania dotyczące wtyczki, zostaw komentarz, a ja Dołożę wszelkich starań, aby na nie odpowiedzieć.
Kevin
