Musisz utworzyć galerię obrazów z zakładkami w Elementor ?

Jak ciągle mówimy, Elementor to coś więcej niż wtyczka do tworzenia stron. Jest to wszechstronna wtyczka, która może zastąpić wiele typów WordPress wtyczki na czas. Jedna z wtyczek, którą można zastąpić Elementor to wtyczka galerii obrazów.

Elementor, nie musisz instalować żadnej dodatkowej wtyczki, aby utwórz galerię obrazów image w Twojej witrynie WordPress. Elementor oferuje dwa widżety do tworzenia galerii obrazów: Basic Gallery i Gallery.

Widżet Basic Gallery — dostępny w Elementor Free — umożliwia tworzenie podstawowej galerii obrazów, a widżet Galeria umożliwia tworzenie bardziej zaawansowanej galerii obrazów, w tym galerii obrazów z zakładkami.

Jest to świetne, jeśli chcesz stworzyć galerię na stronie internetowej poświęconej fotografii. W tym artykule pokażemy, jak utworzyć galerię obrazów z zakładkami w Elementorze.

Jak utworzyć galerię obrazów z zakładkami w Elementorze

Widżet Galeria jest dostępny w wersji pro Elementora. Więc upewnij się, że zaktualizowałeś swój Elementor do wersji pro, jeśli tego nie zrobiłeś. Istnieje wiele korzyści, które uzyskasz, korzystając z Elementor Pro, w tym możliwość tworzenia WordPress bez kodowania.

Czytaj także: Jak utworzyć galerię obrazów z zakładkami w Elementorze

W tym przykładzie stworzymy galerię zdjęć w orientacji poziomej. Zdjęcia są podzielone na trzy rodzaje: górskie, morskie i wodospadowe. Zamierzamy stworzyć trzy zakładki do przechowywania każdego rodzaju krajobrazu oraz zakładkę do wyświetlania wszystkich zdjęć.

Aby rozpocząć, utwórz nową stronę i edytuj ją za pomocą Elementora. Możesz także edytować istniejącą stronę. Dodaj sekcję i przeciągnij do niej widżet Galeria.

Jak utworzyć galerię obrazów z zakładkami w Elementorze

Pod blokiem Ustawienia pod zakładką Zawartość, ustaw opcję Rodzaj Nieruchomości sur Wielokrotność.

Domyślnie Twoja galeria zawiera tylko jedną kartę. Aby dodać nową kartę, po prostu kliknij przycisk DODAJ ELEMENT.

Zobacz także: Jak utworzyć pasek postępu gradientu w Elementorze

Otwórz jeden z elementów (zakładek). Zdefiniuj etykietę zakładki w polu Tytuł. Kliknij przycisk plus, aby wybrać obrazy, które chcesz dodać do karty.

Wybierz obrazy z biblioteki multimediów WordPress. Jeśli go nie masz, po prostu je pobierz. Kliknij przycisk Utwórz nową galerię -> Wstaw galerię aby dodać galerię do zakładki.

Jak utworzyć galerię obrazów z zakładkami w Elementorze

Otwórz pozostałe elementy (karty) i powtórz powyższe kroki, aby ustawić etykietę karty i dodać obrazy.

Dostosuj galerię

Po dodaniu zdjęć do każdej karty możesz dostosować swoją galerię. W bloku Ustawienia, możesz ustawić układ, wysokość wiersza, odstęp między obrazami i rozmiar obrazu. Istnieje również możliwość aktywacji funkcji Lazy Load.

Otwórz blok Pasek filtrów aby zdefiniować etykietę zakładki głównej (zakładka "Wszystkie"), wskaźnik i animację.

Otwórz blok Overlay aby aktywować nakładkę. Możesz wyświetlić tytuł i opis obrazu po najechaniu kursorem na obraz, ustawiając miano i opis.

Jeśli chcesz wyświetlić tytuł i opis po najechaniu kursorem myszy, musisz edytować pojedynczy obraz w galerii i dodać zdefiniowane przez siebie ustawienie (tekst alternatywny, tytuł, podpis lub opis).

Otwórz zakładkę Styl aby dostosować swoją galerię. Dostępne są 4 bloki, które możesz otworzyć: obraz, nakładka, zawartość i pasek filtrów.

Obraz

Ten blok pozwala ustawić kolor obramowania obrazu, kolor obramowania wskazującego, szerokość obramowania, promień obramowania, filtr CSS i animację wskazującą.

Jak utworzyć galerię obrazów z zakładkami w Elementorze

Overlay

Ten blok umożliwia ustawienie koloru nakładki, koloru nakładki po najechaniu kursorem, trybu mieszania i animacji po najechaniu kursorem.

Treść

Ten blok pozwala dostosować zawartość obrazu. Treść odnosi się do tytułu i opisu obrazu. Można ustawić wyrównanie, położenie w pionie, wypełnienie, kolor tekstu i typografię (styl czcionki, rodzinę czcionek i rozmiar czcionki).

Pasek filtrów

Ten blok pozwala dostosować filtr. Możesz ustawić wyrównanie, normalny kolor, kolor wskazujący, aktywny kolor, kolor tekstu, odstępy między zakładkami i typografię.

Możesz manipulować tymi ustawieniami, aż będziesz zadowolony z wyniku. Po zakończeniu kliknij przycisk OPUBLIKUJ / AKTUALIZUJ na dole w lewym panelu, aby opublikować lub zaktualizować swoją stronę.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To tyle w tym artykule, który pokazuje, jak utworzyć galerię obrazów z zakładkami w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze 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.

...