Jak otworzyć wideo w wyskakującym lub wyskakującym oknie za pomocą Lightbox w Divi, klikając

WordPress to platforma wydawnicza zaprojektowana przez społeczność od samego początku, zapewniająca narzędzia do jej ulepszania. Dziś porozmawiamy otwórz wideo lub PopUp w wyskakującym okienku.

Dodawanie treści z innych witryn jest naprawdę łatwe, ponieważ dzięki kodowanie Twojej strony internetowej będzie po prostu zakotwicz link, do którego chcesz przekierować.

Jednak niektórzy użytkownicy (w tym Ty) chcą, aby to przekierowanie otwierało się w nowej karcie, aby czytelnik nie opuszczał strony.

Dzięki mieszkaniu gniazdo WordPress , jest to również możliwe nawet w różnych typach modeli, takich jak Divi, które zrewolucjonizowały projektowanie tych witryn.

Co to jest Divi i do czego służy?

Jak wspomniano powyżej, Divi to motyw WordPress, który pozwala użytkownikom projektować cokolwiek mogą sobie wyobrazić ten

Jego metoda pracy przechodzi przez producenta optycznego o nazwie Konstruktor Divi który nie wymaga od początku układu HTML i kodowania do stworzenia projektu, ponieważ pozwala na dodawanie elementów do strony metodą przeciągania i upuszczania. Divi robi to samo biblioteka predefiniowanych układów.

Nie wymaga instalacji, więc wszystko, co musisz zrobić, to uzyskać do niego dostęp.” Menu Znajdź z WordPressa Jedność wygląd zewnętrzny „I wejdź” Zagadnienia „Wtedy to po prostu przyszło nam do głowy.

Podobnie jego producent może być użyty z opcją ” Artykuły i strony „Wybierać guziki Użyj Divi Builder „Pod tytułem artykułu.

Dowiedz się, jak otworzyć wideo lub wyskakujące okienko w wyskakującym okienku za pomocą Divi!

Chociaż Divi charakteryzuje się tym, że jest wizualnym kreatorem, który pozwala zaprojektować dowolny rodzaj strony internetowej z elementami, które użytkownik może sobie wyobrazić, czasami trzeba użyć wtyczki lub napisać kod stwórz określone funkcje dla swojej witryny ten

Poniższy przykład to otwarcie wideo YouTube w wyskakującym oknie (zwanym również PopUp lub Lightbox) z po prostu naciśnij przycisk ten

Kod JQuery, który wykona funkcję pop-up

(funkcja ($) {

$ (dokument). już (funkcja () {

// $ (’#IDname a’) .addClass (’wyskakujące wideo’);

$ ((’wyskakujące wideo’). magnificPopup ({

wył.Wł.: 100,

typ: 'inframe’,

mainClass: 'mfp-fade’,

Czas wypłaty: 160,

wstępne ładowanie: fałszywe,

fixedContentPos: false

});

});

}) (jQuery)

Szopa zmień kolor tła w oknie, które pojawia się, gdy osoba naciśnie przycisk, używany jest następujący kod:

.mfp-bg {

Pudełko: # 673ab7;

}

Jeśli chcesz ustawić inny kolor, wystarczy wpisać kod, dla którego chcesz go zmienić i zapisać.

Korzyści z używania Divi w WordPressie

Poza tym, że pozwala nam otworzyć wideo lub wyskakujące okienko wyskakujące okno , ten kreator ma również wiele zalet, z których możesz skorzystać, gdy zaczniesz grać w swoje dzieła.

Jest to bardzo łatwy w użyciu producent, który dostosowuje się do wielojęzyczny i stylów projektowych, które można zintegrować ze społecznością WordPress.

Z kolei łączy w sobie styl elastyczny projekt dzięki czemu możesz włączyć elementy, które można oglądać tylko na komputerach lub urządzeniach.

Jego zawartość jest przetwarzana na żywo, więc nie musisz klikać guziki « Badania Możesz więc zobaczyć, jak wygląda strona po każdej modyfikacji.

Nie musisz również znać HTML i CSS, aby tworzyć style, a jeśli to zrobisz, możesz dostosować kod dla każdego elementu.

Każdy utworzony projekt można zapisać w ” Biblioteka „Bądź dostępny, gdy zechcesz użyć go ponownie na dowolnej innej stronie lub w poście.

Posiada również wiele narzędzi, które sprawią, że Twoja witryna będzie bardziej atrakcyjna i łatwiejsza w obsłudze dla czytelnika. To samo dotyczy prawdopodobieństwa zarejestruj się w BreadScrumbs, aby poprawić SEO , ograniczać Linia boczna aby poprawić czytanie czytelnika lub edytuj stopkę ten

Wreszcie, dzięki ciągłym aktualizacjom, będziesz w stanie zapewnić bezpieczeństwo swojej witryny i jej zawartości na platformie.

Dodaj komentarz