Widżet Galerii Wideo

ElementsKit to kompletny dodatek do Elementora zawierający setki elementów i funkcji pomagających zbudować w pełni funkcjonalną stronę internetową. Obejmuje to widżet Galeria wideo.

Dzięki ElementsKit możesz stworzyć wyrafinowaną galerię wideo bez wpływu na szybkość strony. Korzystając z widżetu Galeria wideo ElementsKit Elementor, możesz wyświetlać filmy wideo bez konieczności przesyłania lub osadzania filmów w witrynie internetowej. Wystarczy wpisać adres URL YouTube lub Vimeo i wyświetlać filmy za pomocą elementów sterujących odtwarzacza. Przeczytaj tę dokumentację, aby korzystać z widżetu Galeria wideo pakietu ElementsKit.

Krok 1: Włącz widżet #

Aby skorzystać z ElementsKit Widget Galerii wideo Elementor, musisz włączyć widget z panelu WordPress. Aby włączyć widżet,

  • Iść do ElementsKit > Widżety z panelu WordPress.
  • Znaleźć Galeria wideo z listy i włącz widget.
  • Kliknij na ZAPISZ ZMIANY.
Włącz widżet Galerii wideo ElementsKit Elementor

Krok 2: Skonfiguruj widżet Galeria wideo ElementsKit #

Na karcie Treść możesz skonfigurować galerię wideo ElementsKit Elementor. Postępuj zgodnie z poniższą instrukcją, aby skonfigurować widżet.

2.1 Dodaj zawartość do galerii wideo #

w Treść sekcji, możesz dodać treść wideo. Aby dodać filmy do galerii:

  • Kliknij „+ DODAJ ELEMENT” w sekcji treści.
Dodaj zawartość do widżetu Galeria wideo ElementsKit
  • Wybierz Typ wideo między "Youtube" I "Vimeo”.
  • Wprowadź a URL wideo link w polu adresu URL.
  • Dodać Kategoria dla filmów. Dodanie kategorii pomoże Ci filtrować filmy.
  • Dodać Niestandardowy obraz (miniatura), jeśli chcesz.
dodaj adres URL wideo do widżetu Galerii wideo ElementsKit Elementor

W ten sposób możesz nadal dodawać elementy do galerii filmów.

2.2 Konfiguracja układu #

Ty wybierasz, jak będzie wyglądać układ galerii wideo Elementora. Aby skonfigurować układ:

  • Wybierz Układ Styl. Możesz wybrać styl siatki, muru lub karuzeli.
  • W przypadku dźwigarów i murów można wybrać opcję Kolumny numer.
Dostosuj widżet Galerii wideo ElementsKit Elementor

2.3 Ustawienia #

Opcje ustawień zmieniają się w zależności od wybranego układu. Ustawienia układu Siatka i Mur są takie same. Istnieją jednak różne zestawy opcji ustawień układu karuzeli.

Ustawienia układu siatki i muru:

  • Wybierz sposób odtwarzania wideo w formacie Kliknij Akcja. Jeśli wybierzesz „Odtwórz w wyskakującym okienku”, wideo będzie odtwarzane w wyskakującym okienku. Natomiast w przypadku opcji „Play Inline” wideo będzie odtwarzane w oknie wideo.
Ustawienie Galerii wideo ElementsKit
  • Następnie możesz wybrać Ikona przycisku odtwarzania.
  • Zdecyduj, czy to zrobić Pokaż filtr albo nie.
  • I zdecyduj, czy pokazać Przycisk odtwarzania po najechaniu myszką lub spraw, aby był zawsze widoczny.
Ustawienie Galerii wideo ElementsKit

Ustawienie układu karuzeli:

Jeśli wybierzesz układ karuzeli, Ustawienia karuzeli będzie dostępna w sekcji ustawień.

  • Dostosuj odstęp między elementami za pomocą Odstępy Lewy Prawy opcja.
  • Ustaw liczbę Slajdy do pokazania na ekranie jednocześnie.
  • Zdecyduj, ile Slajdy do przewijania na czas.
  • Włącz Automatyczne odtwarzanie i ustaw autoodtwarzanie Prędkość w (milisekundach).
  • Włączać Wstrzymaj przy najechaniu myszką, dzięki czemu automatyczne odtwarzanie slajdu zostanie wstrzymane po najechaniu kursorem.
Ustawienie karuzeli Galerii wideo ElementsKit
  • Zdecyduj, czy do Pokaż strzałkę.
  • Jeśli zdecydujesz się pokazać strzałki, wybierz opcję Ikona strzałki w lewo i Ikona strzałki w prawo indywidualnie.
  • Zdecyduj, czy to zrobić Pokaż kropki.
  • Włącz pętlę aby slajdy przewijały się w pętli.

Krok 3: Dostosuj styl Galerii wideo ElementsKit Elementor #

Pod zakładka Styl, możesz dostosować styl galerii wideo, w tym styl elementu, obrazu, ikony wideo, filtra i strzałki.

3.1 Pozycja #

W sekcji Przedmiot

  • Poprawić Wysokość elementów galerii.
  • Wybierz Typ tła dla filmów. [Uwaga: zmieni to tło wideo, a nie całe tło galerii.]
  • Ustaw Wyściółka.
  • Wybierać Typ obramowania.
  • Ustawić Promień granicy.

3.2 Obraz #

Aby dostosować obraz miniatury,

  • Ustaw Wyściółka dla obrazów.
  • Wybierać Typ obramowania. Następnie ustaw Obramowanie Szerokość i Granica Kolor.
  • Ustaw także Promień granicy dla obrazów.

3.3 Ikona wideo #

Aby dostosować ikonę odtwarzania wideo,

  • Poprawić Rozmiar czcionki ikony przycisku odtwarzania wideo.
  • Wybierz typ tła i wybierz kolor tła dla ikony. Możesz także dodać obraz jako tło ikony.
  • Również ustawione Wyściółka, Typ obramowania, I Promień granicy dla ikony przycisku odtwarzania wideo.

3.5 Strzałki #

Strzałki pojawiają się tylko wtedy, gdy wybierzesz układ karuzeli dla galerii i włączysz opcję „Pokaż strzałkę” w Ustawieniach.

Aby dostosować strzałki,

  • Poprawić Strzałka rozmiar.
  • Ustaw Wyściółka dla strzałek.
  • Wybierać Typ obramowania. Następnie ustaw Obramowanie Szerokość, Granica Kolor, I Promień granicy.
  • Regulować Pozycja strzałki w lewo I Pozycja strzałki w prawo.
  • Ustawić Kolor strzałki I Strzałkowaty tło Kolor.
  • Ustaw osobno unosić się kolory dla Koloru strzałki i koloru tła strzałki.

3,6 kropki #

Kropki pojawiają się tylko wtedy, gdy wybierzesz układ karuzeli dla galerii i włączysz opcję „Pokaż kropkę” w Ustawieniach.

Aby dostosować styl kropek, 

  • Wybierać Styl kropki z podanych opcji: Domyślny, Kropkowany, Przerywany, Paginacja.
  • Dostosuj odstęp między kropkami za pomocą Odstępy Lewy Prawy.
  • Dostosuj odstęp między galerią wideo a kropkami za pomocą Odstępy od góry do dołu.
  • Dostosuj kropki Szerokość I Wysokość.
  • Ustawić Promień granicy.
  • Dostosuj Aktywny kropki, wybierając Typ tła I Kolor tła.
  • Poprawić Wysokość z kropek.

Wreszcie proces jest zakończony. możesz dodać wyrafinowaną galerię wideo, korzystając z widżetu Galerii wideo Elementor w ElementsKit.

Jakie są Twoje uczucia?
Zaktualizowano 26 lipca 2023 r