Jak dodać animację ułożonych obrazów na WordPress za pomocą Elementora

Muneeb Poradniki WordPress Oct 20, 2021

Obrazy ułożone w stos w systemie WordPress to grupa uporządkowanych, ułożonych w stos obrazów, poruszających się podczas przewijania przez użytkownika. Tego typu obrazy świetnie nadają się do zwiększenia zaangażowania i lepszego wrażenia Twojej witryny.

Dobrze zbudowana strona internetowa zawsze ma większe szanse na przyciągnięcie ruchu niż ta zbudowana bez rzeczywistej personalizacji. W tym samouczku zrozumiemy, w jaki sposób możesz dodawać obrazy Motion-Stacked do swojej witryny WordPress za pomocą Elementora .

Przykład animacji ułożonych obrazów

Musiałeś zobaczyć na kilku stronach internetowych, że podczas przewijania w dół niektóre obrazy spływają w dół w stopniu zgodnym z przewijaniem. Te obrazy są uporządkowane, czasami trzy, a może cztery obrazy razem.

Możesz użyć obrazów ze stosem ruchu jako wizualnego ulepszenia swojej witryny lub ogólnie utrzymać zaangażowanie użytkowników i zwrócić ich uwagę, gdy przewijają się obok witryny.

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Jak dodać obrazy ułożone w ruchu za pomocą Elementora

Aby rozpocząć, musisz dodać sekcję wewnętrzną na swojej stronie, w której będziesz przeciągać widżety graficzne.

Następnie umieść kolumnę w wewnętrznej sekcji, którą właśnie utworzyłeś.

Przeciągnij widżet obrazu i upuść go w wewnętrznej kolumnie sekcji.

Zacznij dodawać obrazy warstwami, tzn. jeden nad drugim i umieść Margin Negative na drugiej i trzeciej warstwie z zakładki Zaawansowane , w tym samouczku będziemy używać trzech obrazów.

Użyj panelu Efekty ruchu , aby dodać efekty ruchu. Stamtąd możesz ustawić prędkość ruchu i wymiar (pionowy lub poziomy) ruchu.

Opublikuj to, co stworzyłeś, a następnie sprawdź, jak wygląda Twoja witryna. Zawsze możesz wrócić i dokonać niezbędnych zmian, aby wyglądała lepiej.

To wszystko w tym samouczku, daj nam znać w komentarzach na temat tworzenia obrazów Motion Stacked za pomocą Elementora . Dołącz do nas na Facebooku i Twitterze, aby być na bieżąco z naszymi samouczkami.

Divi WordPress Theme