Preloader, znany również jako moduł ładujący, to prosta lub złożona animacja lub GIF, który działa na stronie podczas wczytywania innej zawartości strony.
Bardzo ważne jest, aby zapewnić rozrywkę użytkownikom przez krótki czas, jaki zajmuje Twoja witryna w celu załadowania treści. Nie tylko pomaga zatrzymać wielu użytkowników, ale także pozwala na trwałą obecność w ich umysłach. W tym samouczku zrozumiemy, jak tworzyć preloadery za pomocą Elementora .
Jak stworzyć preloader za pomocą Elementora
Elementor jest wypełniony opcjami, które pozwalają reprezentować Twoją witrynę na zupełnie odrębnym poziomie. Podobnie, pozwala również tworzyć Preloadery, za pomocą których możesz złapać użytkowników, którzy szybko odbijają się od Twojej witryny.
Na początek upewnij się, że tworzysz moduły wstępnego ładowania tylko dla stron, które faktycznie potrzebują kilku chwil na załadowanie treści i są ważnym aspektem Twojej witryny.
Twórz niesamowite strony internetowe
Z najlepszym darmowym kreatorem stron Elementor
Zacząć terazGdy już zdecydujesz, na której stronie chcesz umieścić Preloader, znajdź plik SVG lub GIF, który pasuje do Twojej witryny i tej konkretnej strony. Icons8 to naprawdę znane źródło animacji Preloaderów.
Jeśli nie wiesz, jak zaimportować pliki w formacie SVG do Elementora, zapoznaj się z naszym samouczkiem .
Następnie istnieją dwa sposoby wykorzystania modułów wstępnego ładowania w witrynie: użycie ich dla określonej strony lub użycie go dla całej witryny.
- Jeśli chcesz użyć modułu wstępnego ładowania dla całej witryny, utwórz nową sekcję w szablonie nagłówka .
- Jeśli chcesz użyć modułu wstępnego ładowania dla określonej strony, utwórz nową sekcję u góry strony .
W obu tych przypadkach pamiętaj o zmianie ustawień sekcji na Bez luk .
W sumie, kiedy skończysz z ustawieniami, przejdź do zakładki Elementy po lewej stronie ekranu i wybierz HTML .
W polu HTML dodaj następujący kod, upewniając się, że zmieniłeś adres URL modułu wstępnego ładowania na własny.
>div class="loader" /divscript/scriptstyle/styleKodowanie zawiera komentarz wyjaśniający dla początkujących, aby wprowadzić pewne zmiany, jeśli zajdzie taka potrzeba.
Na koniec opublikuj swój Preloader i sprawdź, czy działa idealnie. W ten sposób możesz utworzyć Preloader z Elementorem na swojej stronie WordPress.
Mamy nadzieję, że ten samouczek pomoże Ci zatrzymać użytkowników Twojej witryny, a także sprawi, że będzie wyglądała bardziej profesjonalnie. To wszystko od nas w tym samouczku. Dołącz do nas na Twitterze i Facebooku, aby być na bieżąco z naszymi treściami.
