Przejdź do głównej treści

Jak otworzyć film na YouTube w okienko na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

La Lightbox lub okno modalne (pop-up) jest bardzo powszechną funkcją w sieci. Zwykle jest jednak 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 - itp.)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 

las 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ć aktywny (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 

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 »).

określenie-the-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] (dla YouTube)
[video_lightbox_vimeo5] (W przypadku 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 = 0szerokość = "640wysokość = „480anchor = "One proste wideo ” opis = "Przez Dr. WP "]

Dla podobnego wyniku

prezentacja-for-wyników

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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

[video_lightbox_youtube video_id = "YzqKMmQ_3Sg & rel = 0szerokość = "640wysokość = „480auto_thumb = "1opis = "Przez 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 wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

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

1. FileBird

Czy kiedykolwiek miałeś problemy z zarządzaniem tysiącami plików graficznych, wideo lub dokumentów, które przesłałeś na FTP WordPress? tak lub nie, nieważne, ważne jest, aby wiedzieć, że wtyczka WordPress FileBird pomoże z łatwością zarządzać plikami multimedialnymi i wnieść więcej mocy do Twojej biblioteki.FileBird

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 organizowane i możesz łatwo wybrać obraz, który chcesz wstawić na stronę lub tam opublikować.

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 usprawnić zarządzanie biblioteką multimediów, wtyczka FileBird WordPress 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 rozszerzenie wtyczki Contact Form 7 do WordPressa umożliwia łatwe dodawanie podpowiedzi do wtyczki Formularz kontaktowy 7. Jego podpowiedzi będą wyświetlane po najechaniu kursorem na element docelowy. Na urządzeniach mobilnych etykiety narzędzi wskazują, kiedy element docelowy jest zajęty.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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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ę podziel się wskazówką ze znajomymi w 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.

...

Ten artykuł zawiera komentarze 7

  1. Witam,
    Szukam sposobu wyświetlania wideo popup po kliknięciu przycisku. Czy można to zrobić za pomocą WP Video?

    Dzięki,
    Z poważaniem,

  2. Witam,
    Bardzo dziękuję za ten dobrze skonstruowany samouczek, chciałem wiedzieć, czy można dodać filmy z innych platform innych niż You Tube i Vimeo (przykład Openload), czy też będzie limit.

    Witamy

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
7 akcji
udział5
ćwierkanie
Enregistrer2