Czy chcesz dodać akordeon obrazów do strony Elementor ?

Jest to świetne, ponieważ akordeon obrazkowy pozwala na bardziej kreatywne wyświetlanie obrazów. Niestety, Elementor nie ma domyślnego widżetu, który pozwala na dodanie elementu harmonijki obrazków do strony lub szablonu.

Jeśli naprawdę chcesz dodać akordeon obrazkowy, możesz zainstalować dodatek lub dodatek dostarczany z widżetem akordeonu obrazkowego. Jednym z dodatków, które możesz zainstalować, jest JetTabs.

JetTabs to dodatek Elementor Członek rodziny JetPlugins, zestaw dodatków do Elementora opracowanych przez Crocoblock. JetTabs zawiera cztery widżety: Swicther, Tabs, Image Accordion i Classic Accordion.

Jak dodać akordeon obrazu w Elementorze za pomocą JetTabs

Zanim zaczniesz, upewnij się, że zainstalowałeś i aktywowałeś dodatek JetTabs. Możesz uzyskać ten dodatek za jedyne 23 USD rocznie. Alternatywnie możesz również uzyskać JetTabs z opcją jednorazowego zakupu za pośrednictwem pakietu motywów Jupiter X lub Monstroid2.

Czytaj także: Jak utworzyć jednostronicowe menu nawigacji w Elementorze

Gdy będziesz gotowy, utwórz nową stronę (Strony -> Dodaj nowy) lub nowy post (Wpisy -> Dodaj) i edytuj go za pomocą Elementora. Oczywiście możesz również edytować istniejącą stronę lub post.

W edytorze Elementor przeciągnij widżet Akordeon obrazu z panelu widżetów do obszaru edycji.

dodaj akordeon obrazu do strony Elementora

Po dodaniu widżetu Image Accordion przejdź do lewego panelu, aby go dostosować. Domyślnie akordeon składa się z trzech elementów. Aby dodać obraz do każdego elementu, po prostu otwórz element pod blokiem Elementy i kliknij selektor obrazów. Możesz także ustawić tytuł, opis i link do przycisku.

dodaj akordeon obrazu do strony Elementora

Powtórz powyższe kroki dla pozostałych elementów. Aby dodać nowy element do akordeonu, po prostu kliknij przycisk Dodaj element.

dodaj akordeon obrazu do strony Elementora

Otwórz blok Ustawienia pod zakładką Treść aby ustawić orientację (pionową lub poziomą), rozmiar aktywnego elementu, czas trwania animacji i styl efektu wygładzania.

Stylizacja na akordeon

Aby stylizować akordeon, możesz przejść do zakładki Styl w lewym panelu. Istnieje 7 bloków, które możesz otworzyć, aby stylizować akordeon. W pierwszym bloku (blok kontenera) możesz ustawić wysokość akordeonu, kolor tła, promień obramowania i cień.

dodaj akordeon obrazu do strony Elementora

W bloku Element możesz ustawić odstępy między elementami, kolor tła elementu, promień obramowania elementu oraz cień pola elementu.

dodaj akordeon obrazu do strony Elementora

Możesz bawić się pozostałymi 5 klockami, aby stworzyć inne opcje stylizacji. Kiedy skończysz, kliknij przycisk opublikować/zaktualizuj swoją stronę.

Voila.

Pobierz Elementor Pro teraz !!!

Wnioski

Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak dodaj akordeon obrazu do strony Elementora. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu 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.

...