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 600.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. Jednak zwykle służy do wyświetlania zdjęć, formularzy do przechwytywania wiadomości e-mail, promocji lub formularzy rejestracyjnych.

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

Bez obaw, w tym samouczku pokażę, jak opublikować film (Youtube - Vimeo - itp.) w 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ą modalne okna, jednak nie wiesz, że nie wszystkie obrazy, które są na nim wyświetlane, 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, która pozwoli szybciej otwierać strony, 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ępny na WordPress.org. Co oznacza, że ​​możesz zainstalować go bezpośrednio z pulpitu nawigacyjnego WordPress lub pobierz to jako plik .zip.

Aby uzyskać więcej informacji, sprawdź nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

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

Przejdziemy bezpośrednio do zakładki „ ł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 użytkownicy wiedzieli, że znajdują się na tej samej stronie, możesz uczynić okno przezroczystym (określić wartość od 0 do 1. Wartości przecinków są akceptowane).

Odkrywaj Charakterystyka efektywnego 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 musisz 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 automatycznego odczytu (zaznacz pole „ Autoplay »).

określenie-the-regalges

Jak wyświetlić Lightbox w artykule

Le wtyczka proponuje listę shortcodes który pozwoli ci wyświetlić Lightbox w artykułach. Zapomniałem powiedzieć, że możesz także 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) 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 link do tekstu, 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 zastosowania

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 i rel = 0"  szerokość = "640"  wysokość = „480"  anchor = "One proste wideo ” opis = "Przez Dr. WP "]

Dla podobnego wyniku

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]

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 i rel = 0"  szerokość = "640"  wysokość = „480"  auto_thumb = "1"  opis = "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, filmów lub dokumentów przesłanych na FTP WordPress? tak lub nie, cokolwiek, ważne jest, aby wiedzieć, że wtyczka FileBird WordPress pomoże ci z łatwością zarządzać plikami multimedialnymi i zwiększy moc 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 Wtyczki 6 WordPress, aby tchnąć nowe życie w swoje 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ą.

Pobierz | Demo | hosting

2. Social Share & Locker Pro

Rozszerzenie Social Share & Locker Pro zostało zaprojektowane, aby Twoja witryna była lepiej widoczna w sieciach społecznościowych. Wystarczy kilka kliknięć, aby ustawić pozycję ikon społecznościowych lub zablokować zawartość, wymagając udostępniania w jednej z proponowanych przez Ciebie sieci społecznościowych.

Wtyczka Social Share Locker Pro WordPress

Masz szablony 10, które powinny spełniać najczęstsze życzenia. Wszystkie modele są idealne i działają cuda. Ponadto, dzięki Social Share & Locker Pro, będziesz mógł zobaczyć pełną nazwę sieci społecznościowych lub tylko ikonę. Będzie to zależeć od twojego projektu, dostępnej przestrzeni lub twoich upodobań.

Pobierz | Demo | hosting

3. Formularz kontaktowy 7 Tooltips

To rozszerzenie WordPress wtyczki Formularz kontaktowy 7 zapewnia funkcję łatwego dodawania podpowiedzi do wtyczki Formularz kontaktowy 7. Podpowiedzi będą wyświetlane, gdy element docelowy zostanie przelatany. Na urządzeniach mobilnych podpowiedzi wskazują, kiedy element docelowy jest zaangażowany.Formularz kontaktowy Podpowiedzi 7

Jego główne cechy to: łatwość użycia, obsługa wszystkich wersji formularza kontaktowego 7, dostosowywanie koloru tła podpowiedzi, obsługa HTML, pełny układ strony responsywne i wiele więcej.

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 tym samouczku, mam nadzieję, że pomoże ci pokazać filmy z Youtube lub Vimeo w lightbox na twojej stronie WordPress. Nie wahaj się podziel się wskazówkami 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 tymczasem 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 zbudowany samouczek, chciałem się dowiedzieć, czy można dodawać filmy z innych platform niż You Tube i Vimeo (np. Openload) lub, jeśli byłby limit.

    Witamy

Zostaw komentarz

Twój adres e-mail nie zostanie 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