Dzięki ElementsKit możesz wprowadzić członków swojego zespołu do swojej witryny internetowej za pomocą stylowej przesuwanej karuzeli. Korzystając z widżetu Suwak karuzeli zespołu Elementor, możesz wyświetlać karty członków zespołu ze zdjęciami, imionami i nazwiskami, oznaczeniami, opisami, linkami do profili społecznościowych i nie tylko.

Przeczytaj tę dokumentację, aby dowiedzieć się, jak używać widżetu Elementor Team Carousel Slider w ElementsKit.

Wymagane wtyczki: #

• Elementora: Pobierz wtyczkę.
• ElementsKit Lite: Pobierz wtyczkę.
• ElementsKit Pro: Pobierz wtyczkę.

Krok 1: Włącz widżet suwaka karuzeli zespołu #

Po pierwsze, musisz włączyć widget z poziomu panelu WordPress. Aby włączyć widżet Suwak karuzeli zespołu:

1. Nawigować do ElementsKit > Widżety.
2. Znaleźć Suwak zespołu z listy i włączać widżet.
3. Kliknij na ZAPISZ ZMIANY.

Krok 2: Przeciągnij i upuść widżet #

Następnie przeciągnij i upuść widżet Suwak karuzeli zespołu ElementsKit do edytora Elementor.

Krok 3: Skonfiguruj widżet karuzeli zespołu Elementor #

Karta Treść umożliwia skonfigurowanie zawartości członków zespołu i ustawień suwaka karuzeli zespołu.

3.1 Treść zespołu #

Widżet suwaka zespołu ma następujące funkcje:

1. Styl: Widżet zawiera 12 różnych stylów, w tym domyślny, nakładka, najechanie kursorem w mediach społecznościowych, nakładka ze szczegółami i tak dalej. 

Notatka: Różne style mają indywidualne opcje i ustawienia. Opcje omówione w dalszej części tej dokumentacji.

2. Włącz wyskakujące okienko: Szczegóły członka zespołu pojawią się w wyskakującym okienku po kliknięciu jego nazwy.
3. Wyświetl profile społecznościowe: Aby powiązać profil w mediach społecznościowych z danymi członka zespołu.
4. Opis wyświetlacza: Aby pokazać krótki opis członka zespołu.
5. Przycisk wyświetlacza: Aby dodać przycisk, który może prowadzić do profilu lub portfolio członka.

Dane członka zespołu #

Możesz dodać członków zespołu do suwaka, klikając przycisk DODAJ PRZEDMIOT i usuń istniejącego członka za pomocą ✖ przycisk. Może także skopiować dane członka zespołu.

W obszarze Treść członka:

1. Wybierz obraz członka: Dodaj zdjęcie członka zespołu.
2. Nazwa członka: Wpisz imię i nazwisko członka zespołu.
3. Stanowisko członkowskie: Wspomnij o wyznaczeniu członka zespołu.
4. O członku: Dodaj krótki opis członka zespołu.

Zawartość przycisku:

1. Ikona: Zdecyduj, czy wyświetlać ikonę przycisku i wybierz ikonę.
2. Pozycja ikony: Ustaw pozycję ikony przed lub po tekście.
3. Tekst: Wprowadź tekst przycisku.
4. Adres URL linku: Dodaj adres URL, aby połączyć przycisk ze stroną.

Treść wyskakującego okienka:

W wyskakującej treści możesz dodać plik Numer telefonu I E-mail członka zespołu.

W ramach treści społecznościowych:

Możesz połączyć maksymalnie 5 kont w mediach społecznościowych. Do każdego profilu społecznościowego możesz dodać URL profilui użyj indywidualnych Ikony dla każdego medium społecznościowego.

3.2 Ustawienia suwaka #

Następujące opcje są dostępne w Ustawieniach suwaka widżetu Karuzela zespołu Elementor:

1. Rozstaw: Dostosuj odstęp między każdym slajdem.
2. Slajdy do pokazania: Ustaw liczbę slajdów wyświetlanych w jednej rzutni.
3. Slajdy do przewijania: Zdecyduj, ile slajdów ma być przewijanych jednocześnie.
4. Automatyczne odtwarzanie: Włącz opcję Autoodtwarzania, aby automatycznie przewijać slajdy.
5. Prędkość: Gdy włączona jest funkcja Autoodtwarzania, ustaw prędkość przewijania w milisekundach (ms).
6. Wstrzymaj po najechaniu: Autoodtwarzanie zostanie wstrzymane, gdy użytkownik najedzie kursorem na suwak.

7. Pokaż strzałkę: Aby włączyć nawigację strzałkową dla suwaka.
8. Pokaż strzałkę po najechaniu myszką: Strzałki są widoczne tylko po najechaniu kursorem.
9. Typ strzałki: Wybierz typ strzałki z podanych opcji – Strzałka, Tekst i Tekst ze strzałką.
10. Ikona strzałki w lewo: Możesz wybrać ikonę dla lewej strzałki z biblioteki ikon.
11. Ikona strzałki w prawo: Możesz wybrać ikonę dla lewej strzałki z biblioteki ikon.
12. Pokaż kropki: Aby włączyć nawigację kropkową dla suwaka.

• Prędkość I Wstrzymaj najechanie opcje pojawiają się tylko wtedy, gdy włączona jest funkcja Autoodtwarzania.
• Pokaż Arros po najechaniu kursorem, Typ strzałki, Ikona strzałki w lewo, I Ikona strzałki w prawo opcje pojawiają się tylko wtedy, gdy „Pokaż strzałkę" jest włączony.

Krok 4: Dostosuj style widżetów karuzelowych zespołu Elementor #

Możesz dostosować każdy aspekt suwaka karuzeli zespołu i stworzyć styl pasujący do Twojej marki.

4.1 Treść #

Aby dostosować obszar zawartości suwaka:

• Wybierz Typ tła I Kolor tła dla stanu „Normalny” i „Zawis”.
• Wybierz Animacja zawisu z podanych opcji.
• Ustaw Wyrównanie dla treści po lewej, prawej lub środkowej stronie.
• Poprawić Wyściółka, Dopełnienie treści, I Promień granicy dla obszaru treści.

4.2 Obraz #

Aby dostosować style obrazu na suwaku karuzeli zespołu Elementor,

1. Ustaw Rozmiar obrazu do wyświetlenia.
2. Poprawić Wysokość i szerokość obrazu.
3. Ustaw Pudełko Cień dla wyświetlanego obrazu.
4. Ustaw cień ramki dla obrazu w wyskakującym okienku.
5. Regulować Promień granicy, Wyściółka, I Margines dla wizerunku członka zespołu.
6. Zmienić Typ tła I Kolor tła.

4.3 Imię #

Możesz zmieniać style imion członków zespołu.

1. Ustaw Typografia imienia.
2. Wybierać Zabarwienie dla stanu „Normalny” i „Zawis”.
3. Poprawić Margines górny i margines dolny dla nazwy członka.

4.4 Oznaczenie #

Możesz zmienić style wyznaczania członków zespołu.

1. Ustaw Typografia oznaczenia.
2. Wybierać Zabarwienie dla stanu „Normalny” i „Zawis”.
3. Poprawić Margines dolny.

4.5 Opis #

Możesz dostosować style opisów członków zespołu.

1. Ustaw Typografia opisu.
2. Wybierać Zabarwienie dla stanu „Normalny” i „Zawis”.
3. Poprawić Margines wokół opisu.

4.6 Przycisk #

Aby dostosować style przycisków,

1. Ustaw Typografia tekstu przycisku.
2. Wybierz przycisk Kolor tekstu.
3. Wybierać Typ tła I Kolor tła.
4. Wybierz Typ obramowania dla przycisku.
5. Ustaw Promień obramowania, wyściółka, I Margines dla przycisku.

Możesz ustawić indywidualne kolory tekstu, kolory tła i kolory obramowania dla stanu „Normalny” i „Najechany”.

4.7 Ikona przycisku #

Jeśli używasz ikony przycisku, możesz dostosować jej style,

1. Wybierz Kolor dla ikony przycisku.
2. Wybierz Kolor najechania dla ikony przycisku.
3. Dostosuj ikonę Rozmiar.
4. Ustawić Margines wokół ikony przycisku.

4.8 Profil społecznościowyS #

Możesz dostosować ikony profili społecznościowych za pomocą widżetu karuzeli zespołu Elementor,

1. Zmienić Wyrównanie ikon społecznościowych.
2. Możesz wybrać Wyświetlacz układ ikon profili społecznościowych z podanych opcji: Blok wbudowany I Blok.
3. Dopasuj całość Rozmiar ikony.
4. Włącz Użyj opcji Wysokość Szerokość funkcja umożliwiająca indywidualne dostosowanie szerokości, wysokości i wysokości linii.
5. Możesz wybrać ikonę Kolor, Kolor tła, I Typ obramowania.
6. Ustaw Promień granicy, Wyściółka, I Margines dla ikon profili społecznościowych.

4.9 Sterowanie modalne #

Po włączeniu wyskakującego okienka dostępna jest ta opcja kontroli modalnych. Wraz z widżetem dostępne są następujące elementy sterujące modalne:

Narzuta:

1. Wybierz nakładkę Typ tła.
2. W zależności od typu tła wybierz Tło Kolor do nakładki.

Modalny:

1. Wybierz moduł Typ tła.
2. W zależności od typu tła wybierz Tło Kolor dla modalu.

Nazwa:

1. Wybierz kolor członka Nazwa.
2. Ustaw Typografia dla tekstu imienia.
3. Poprawić Dolny margines dla imienia.

Przeznaczenie:

1. Wybierz kolor dla członka Przeznaczenie.
2. Ustaw Typografia dla tekstu oznaczenia.
3. Poprawić Dolny margines za oznaczenie.

Opis:

1. Wybierz kolor dla Opis członka zespołu.
2. Ustaw Typografia dla tekstu opisu.
3. Poprawić Dolny margines za opis.

Telefon i e-mail:

1. Ustaw Typografia dla tekstu telefonu i e-maila.
2. Wybierz tekst Kolor na telefon i e-mail.
3. Dodać Kolor najechania na telefon i e-mail.

4.10 Ikona zamykania #

W przypadku wyskakującego okienka możesz dostosować ikonę Zamknij.

1. Wybierz Zamknij ikonę z biblioteki ikon Elementora.
2. Ustaw Zamknij wyrównanie ikon w prawo lub w lewo.
3. Możesz wybrać Kolor ikony, Kolor tła ikony, I Typ obramowania.
4. Ustaw także Promień granicy I Wyściółka dla ikony zamykania.

4.11 Strzałki #

Jeśli włączysz nawigację strzałkową, możesz dostosować jej style.

1. Poprawić Rozmiar Strzałek na karuzeli.
2. Możesz ustawić Pozycja strzałki. Pozycję strzałki w lewo i strzałki w prawo można regulować indywidualnie.

3. Wybierz Kolor strzałki.
4. Wybierz strzałkę Kolor tła.
5. Wybierz Typ obramowania za strzałki.
6. Ustaw Promień granicy za strzałki.
7. Poprawić Wyściółka.

4,12 kropek #

Jeśli kropki są włączone, możesz dostosować style kropek.

1. Poprawić Przestrzeń pomiędzy kropki.
2. Dopasuj kropki Odstępy od góry do dołu.
3. Możesz zmienić Nieprzezroczystość z kropek.
4. Ustaw Szerokość z kropek.
5. Ustaw Wysokość z kropek.
6. Dodać Promień granicy za kropki.
7. Wybierz Typ tła i kolor tła.

Aktywny:

Możesz osobno dostosować aktywną kropkę.

1. Wybierać Typ tła i Kolor dla aktywnej kropki.
2. Wybierz aktywną kropkę Kolor.
3. Regulować Skala (rozmiar) aktywnych kropek.
4. Poprawić Szerokość aktywnych kropek.
5. Poprawić Wysokość aktywnych kropek.
6. Wybierz Typ obramowania.

Wreszcie karuzela zespołu jest gotowa do wyświetlenia. Widget Elementor Team Carousel Slider jest dostarczany z ElementKits Pro. Pobierz wtyczkę, aby projektować zaawansowane strony internetowe z zaawansowanymi funkcjami, takimi jak Elementor Team Carousel Slider i nie tylko.