Czy chcesz otworzyć wideo w Lightbox za pomocą Elementora?
Elementor jest dostarczany z widżetem wideo, który umożliwia łatwe dodawanie wideo do strony. Możesz nawet dodać dynamiczne wideo za pomocą funkcji dynamicznej treści Elementora (wymagana wersja pro).
Gdy dodasz film w Elementorze, możesz skonfigurować go tak, aby otwierał się w lightboxie, który nadal nazywa się Widz.
W tym artykule dowiesz się, jak to zrobić.
Ale najpierw dowiedzmy się Jak zainstalować Elementora na WordPressie
W Elementorze istnieją co najmniej dwa sposoby dodawania wideo do lightboxa. Możesz wybrać jeden w zależności od przypadku. Przede wszystkim możesz użyć widżetu wideo, jak właśnie wspomnieliśmy powyżej. Ta metoda działa w obu wersjach Elementora. Po drugie, możesz użyć funkcji dynamicznego linku. Wersja pro jest wymagana do korzystania z tej drugiej metody.
Jak otworzyć wideo w Lightbox w Elementorze za pomocą widżetu wideo?
Jak wspomniano wcześniej, Elementor zawiera widżet wideo, dzięki któremu możesz dodać wideo do strony lub szablonu. Widżet ma opcję ustawienia, aby otworzyć wideo w lightbox.
Najpierw dodaj widżet wideo do pola edycji.
Dodaj swój film, wklejając link w polu Lien.
Po zakończeniu dodawania wideo otwórz blok Nakładka obrazu do zakładka Treść z panelu ustawień i aktywuj Opcja nakładki obrazu. Po prostu aktywuj opcję Widz. To otworzy wideo w lightbox. Jeśli chcesz, możesz dodać nakładkę obrazu.
Jak otworzyć wideo w Lightbox w Elementorze za pomocą Dynamic Link
Jeśli używasz Elementor Pro, możesz również dodać wideo za pomocą funkcji dynamicznego linku. Możesz użyć dowolnego widżetu, który ma opcję dodania łącza, w tym widżetu obrazu, widżetu przycisku, widżetu tekstu itp.
Najpierw dodaj widżet (tj. Widżet przycisku) do pola edycji jak zwykle. W panelu ustawień kliknij dynamiczną ikonę w polu Zastaw i wybierz Lightbox.
Następnie kliknij ikonę klucza w polu Lightbox. Kliknij ikonę wideo i wklej adres URL filmu, który chcesz dodać.
Tutaj. Możesz kliknąć element i powinien wyświetlić wideo w lightbox w następujący sposób.
Dostosowywanie Lightbox
Jeśli domyślny wygląd lightboxa Elementora nie robi na Tobie wrażenia, możesz go dostosować. Aby to zrobić, możesz kliknąć ikonę hamburgera w lewym górnym rogu panelu ustawień i kliknąć Ustawienia strony.
Kliknij Lightbox w bloku REGULACJE.
Jak widać, istnieje kilka opcji ustawień, które można ustawić, w tym kolory.
- Kolor tła: Kolor tła przeglądarki
- Kolor interfejsu: Kolor przycisków (przycisk zamykania, przycisk pełnego ekranu, przycisk powiększania, przycisk udostępniania)
- Kolor najechania w interfejsie użytkownika: Kolor przycisków w trybie najechania
- Kolor tekstu: Kolor tekstu. Dotyczy obrazu lightbox
Możesz także ustawić rozmiar przycisku opcji Rozmiar ikony paska narzędzi a także rozmiar ikon nawigacji opcji Rozmiar ikon nawigacji. Po zakończeniu wprowadzania ustawień kliknij przycisk AKTUALIZACJA zastosować zmiany.
Pobierz Elementor Pro teraz!
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. Wszystko wokół
Wszystko wokół jest WordPress Plugin premium, jak sugeruje dobrze zaokrąglona nazwa. Oferuje przejrzysty i responsywny projekt, szereg predefiniowanych opcji stylu i obsługę dotyku.
Ten suwak WordPress to wszechstronne rozwiązanie typu „wszystko w jednym”, idealne dla każdej witryny. Jeśli to jest twój pierwszy WordPress Plugin i wtyczka suwaka, może być również ostatnią, której potrzebujesz.
Zobacz także nasz artykuł na temat Jak zarabiać na swoim blogu, gdy masz mały ruch
Jego funkcje to:na w pełni responsywnej stronie, Predefiniowane style 6, le filmy pomocnicze, dprzewijanie w pionie lub poziomie, strobsługa wielu suwaków na jednej stronie, npt więcej.
2. Najlepszy twórca formularzy
Ultimate Form Builder to WordPress Plugin premia, która pozwala tworzyć formularze nieograniczona responsywność. Posiada konstruktora formularze drag'n'drop, który może stworzyć dowolny typ formularza (kontakt, ankieta, oferta, informacja itp.).
Ta wtyczka jest łatwa w użyciu. Możesz tworzyć, dostosowywać i projektować piękne formularze, zastosuj szablony już istniejące formularze do projektowania i używaj ich w swojej witrynie w krótkim czasie.
Ty też możesz otrzymywać dane z formularza pocztą elektroniczną i przechowuj je w bazie danych; które można wyeksportować w formacie CSV do użycia za pośrednictwem tablica rozdzielcza Twojej witryny.
Wszystkie formularze zaprojektowane przez tę wtyczkę są dzięki niej bardzo bezpieczne system Captcha skuteczne.
3. Śledzenie wysyłki WooCommerce
WCST ułatwi Twoim klientom śledzenie ich zamówień. Każde zamówienie możesz powiązać z firmą transportową i numerem przesyłki.
WCST opublikuje informacje o śledzeniu (firmowy adres URL i kod śledzenia) bezpośrednio w wiadomości e-mail „Complete Order” i na stronie „View Order”.
Odkryj również naszą listę 50 WooCommerce wtyczki, aby poprawić swój sklep internetowy
Po prostu klikając link wygenerowany przez WCST, Twoi klienci będą mogli łatwo śledzić swoje zamówienia. Oprócz obliczania kosztów wysyłki towarów, to rozszerzenie WooCommerce umożliwia również dodanie i skonfigurowanie własnej firmy przewozowej.
Polecane zasoby
Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.
- Wtyczki 10 WooCommerce do obliczania kosztów wysyłki paczek
- Dlaczego powinieneś używać blokera treści w WordPress?
- Jak przetłumaczyć swojego bloga WordPress na kilka języków
- Jak stopniowo ładować komentarze na Facebooku i Disqus
Wnioski
Tutaj ! To tyle w tym samouczku, który pokazuje, jak otworzyć wideo w Lightbox za pomocą Elementora. Jeśli masz commentaires lub sugestie, nie wahaj się dać nam znać w zarezerwowanej sekcji.
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 lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
