Przejdź do głównej treści

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

Divi: najłatwiejszy w użyciu motyw WordPress

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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

Jak ciągle mówimy, Elementor to coś więcej niż tylko wtyczka do tworzenia stron. Jest to wszechstronna wtyczka, która może jednocześnie zastąpić wiele typów wtyczek WordPress. Jedną z wtyczek, które można zastąpić Elementorem, jest 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ś. Korzystanie z Elementor Pro zapewnia wiele korzyści, w tym możliwość tworzenia motywu 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 sur Wielokrotność.

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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ę.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
0 akcji
udział
ćwierkanie
Enregistrer