Chcesz dowiedzieć się, jak otworzyć film z YouTube w wyskakującym okienku na WordPressie?

La Lightbox lub okno modalne (pop-up) jest bardzo powszechną funkcją w sieci. Jest jednak zwykle używany do wyświetlania obrazów, formularzy przechwytywania wiadomości e-mail, promocji, a nawet formularzy rejestracyjnych. 

Ale czy wiesz, że można go również używać do wyświetlania filmów WordPress ? Nie 

Bez obaw, w tym samouczku pokażę Ci, jak wyświetlić wideo (YouTube – Vimeo – itd.)Lightbox.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Powody, dla których warto użyć lightbox, aby wyświetlić swoje filmy 

Wykonanie odcisków ucha jest konieczne, abyśmy mogli stworzyć Twoje monitory Lightbox są oknami modalnymi, jednak nie wiesz, że nie wszystkie wyświetlane w nich obrazy są ładowane podczas « Chargement«  strony. 

Le nawigator opłata les zdjęcia kiedy Lightbox otwiera się, dotyczy to również filmów. Krótko mówiąc, jest to funkcja umożliwi szybsze otwieranie stron, Pozwoli to również zmniejszyć rozmiar (dłużyzna) Twojej stronyponieważ część zawartości tej strony będzie dostępna w tym oknie modalnym.

Zawieszenie rozmów, przejdźmy do rzeczy.

Jak zainstalować i skonfigurować wtyczka WP Video Lightbox

WP Video Lightbox to wtyczka dostępne na WordPress.org. Co oznacza, że ​​możesz go zainstalować bezpośrednio z pulpitu nawigacyjnego WordPress lub pobierz to jako plik .zip.

Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka, przejdź do strony ustawień z tej lokalizacji „ ustawienia >> Vidéo Lightbox ".

Pójdziemy bezpośrednio do „ ładne zdjęcia ".

W rzeczywistości to wtyczka użyj innego wtyczka, który jest przeznaczony przede wszystkim do wyświetlania galerii zdjęć. Możesz jednak zmienić niektóre informacje, które zostaną zastosowane do filmów.

W tym celu wyjaśnię kilka opcji (Wymagane)Dlatego, że jest to jak chcesz.

Już księgarnia ładne zdjęcia musi być aktywowany (sprawdź « umożliwiać ładne zdjęcia »)Aby powiadomić użytkowników, że znajdują się na tej samej stronie, możesz ustawić przezroczystość okna (określić wartość od 0 do 1. Wartości przecinków są akceptowane).

Odkrywaj Charakterystyka skutecznego wyskakującego okienka dla WordPress 

Wszystkie Twoje lightboksy mogą mieć tytuł, który można wyświetlić (Pokazać tytuł). Czasami w przypadku dużych okien modalnych należy zezwolić na zmianę rozmiaru (Dopuszczać rozmiar). W przypadku dłuższych filmów użytkownicy będą mogli je powiększyć (Dopuszczać Rozszerzać), aby lepiej ich obserwować.

Dla szerokości i wysokości Lightbox, możesz edytować pola „ domyślnym szerokość "A" domyślnym wysokość ". 

Aby wybrać motyw Lightbox, zmień menu rozwijane motyw ”. Możliwe jest również aktywowanie autoodtwarzania (zaznacz pole „ Autoplay »).

otwórz film z YouTube w wyskakującym okienku - define-les-regalges

Jak wyświetlić Lightbox w artykule

Le wtyczka proponuje listę shortcodes które pozwolą Ci wyświetlić Lightbox w artykułach. Zapomniałem ci powiedzieć, że możesz również oglądać filmy dostępne na Vimeo.

Aby obejrzeć wideo YouTube ou Vimeomusisz użyć shortcodes Suivant:

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

Każdy z nich shortcodes akceptuje parametry, które pozwolą ci:

  • Zdefiniuj identyfikator (video_id) filmu wideo, zwykle w tym formacie ” YzqKMmQ_3Sg ". Przykłady [video_lightbox_youtub video_id = "YzqKMmQ_3Sg"]
  • Ustaw wysokość wideo (wysokość)
  • Ustaw szerokość wideo (szerokość)
  • Dodaj opis (opis)
  • Dodaj kotwicę HTML (kotwica) lub tekst linku, który otworzy okno
  • Dodaj miniaturę (auto_thumb)

Jeśli ustawisz kotwicę HTML, miniatura zostanie zignorowana. W przeciwnym razie auto_thumb przyjmuje wartość „ 1 ".

Idź dalej, odkrywając również Jak używać i zarządzać shortcodes WordPress

Demo użycia

Dzięki temu, co właśnie dostarczyłem informacji, możesz wyświetlić wideo przy użyciu kodu podobnego do tego:

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480anchor="Une simple vidéo" description="Par Dr WP"]

Dla podobnego wyniku

prezentacja-for-wyników

Możesz wyświetlić miniaturę, jak pokazano powyżej, z kodem podobnym do tego.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0width="640height="480auto_thumb="1description="Par Dr WP"]

Dla wyniku identycznego z tym

miniaturowe wydma-video

przed opuszczeniem

Należy zauważyć, że niektóre parametry w shortcodes nadpisze zdefiniowane w ustawieniach.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. FileBird

FileBird

Czy kiedykolwiek miałeś trudności z zarządzaniem tysiącami plików graficznych, wideo lub dokumentów przesłanych na Twój serwer FTP WordPress? tak lub nie, to nie ma znaczenia, ważne jest, aby wiedzieć, że WordPress Plugin FileBird pomoże Ci z łatwością zarządzać plikami multimedialnymi i wniesie więcej mocy do Twojej biblioteki.

Bezproblemowy interfejs użytkownika i menu kontekstowe pozwalają użytkownikom przeciągać i upuszczać pliki do folderów lub mieć niezbędne uprawnienia do szybkiego tworzenia, zmieniania nazw lub usuwania folderów w taki sam sposób, jak na komputerze. Dzięki tej wtyczce Twoje pliki multimedialne będą systematycznie uporządkowane i możesz łatwo wybrać obraz do wstawienia na stronę lub opublikowania go.

Odkryj także nasze 6 wtyczek WordPress, które tchną nowe życie w Twoje artykuły

Ponadto ta wtyczka jest w pełni kompatybilna z najpopularniejszymi wtyczkami, zwłaszcza z WooCommerce , a także obsługuje dużą liczbę języków. Jeśli więc chcesz przyspieszyć zarządzanie biblioteką multimediów, WordPress Plugin FileBird może być twoją tajną bronią.

PobierzDemo hosting

2. Udostępnianie społecznościowe i Locker Pro

Rozszerzenie Social Share & Locker Pro zostało zaprojektowane, aby Twoja witryna była bardziej widoczna w sieciach społecznościowych. Za pomocą kilku kliknięć możesz ustawić położenie ikon społecznościowych lub zablokować zawartość, wymagając udostępniania w jednej z oferowanych przez Ciebie sieci społecznościowych.

Wtyczka Social Share Locker Pro WordPress

Masz 10 szablonów, które powinny uwzględniać najczęstsze życzenia. Wszystkie jej modele są doskonałe i działają cudownie. Ponadto dzięki Social Share & Locker Pro będziesz mógł wyświetlać pełną nazwę sieci społecznościowych lub tylko ikonę. Zależy to od Twojego projektu, dostępnej przestrzeni lub Twojego gustu.

Pobierz | Demo | hosting

3. Formularz kontaktowy 7 Tooltips

To Wtyczka WordPressa wtyczki Contact Form 7 zapewnia łatwą funkcjonalność podpowiedzi do wtyczki Contact Form 7. Jej podpowiedzi będą wyświetlane po najechaniu na element docelowy. Na urządzeniach mobilnych podpowiedzi wskazują, kiedy element docelowy jest zaangażowany.

Formularz kontaktowy Podpowiedzi 7

Jego główne cechy to: łatwość obsługi, obsługa wszystkich wersji Formularza Kontaktowego 7, dostosowanie koloru tła podpowiedzi, obsługa kodu HTML, pełny układ responsywny i nie tylko.

Pobierz | Demo | hosting

Inne zalecane zasoby

Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.

Wnioski

Nie! To wszystko w przypadku tego samouczka, mam nadzieję, że pomoże ci to wyświetlić filmy z YouTube lub Vimeo w formacie lightbox na twojej stronie WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Ale w międzyczasie opowiedz nam o swoim commentaires i sugestie w dedykowanej sekcji.

...