Jak stworzyć moduł wstępnego ładowania Elementora na WordPress

Muneeb Biznes Jan 24, 2022

Preloader to coś, co możesz chcieć dodać do swojej witryny WordPress. Jest to animacja, która pokazuje, ile czasu zajmie wczytanie strony w tle. Preloadery informują użytkowników, że witryna ładuje stronę, aby zobaczyć, co się dzieje. Może to poprawić wrażenia użytkownika i zmniejszyć liczbę osób, które odchodzą.

Elementor udostępnił teraz nową opcję wstępnego ładowania. Załóżmy, że potrzebujesz najlepszej optymalizacji i nie chcesz, aby cała witryna WordPress zwalniała tylko po to, by obsłużyć moduł wstępnego ładowania. W takim przypadku powinieneś postępować zgodnie z tym samouczkiem, aby dowiedzieć się, jak utworzyć moduł ładujący Elementor na WordPress.

Jak stworzyć moduł wstępnego ładowania Elementora

Na początek wybierz plik SVG lub GIF, który Ci się podoba, najlepiej taki, który ma mały rozmiar. Preloadery to wspaniałe miejsce do wyszukiwania darmowych i podstawowych programów ładujących SVG.

Create an Elementor Preloader  - No Plugins Needed

Aby dołączyć moduł wstępnego ładowania Elementora, utwórz nową sekcję na samej górze strony. Ustaw opcję Bez przerwy dla tej sekcji. Możesz utworzyć nową sekcję w szablonie nagłówka , aby dołączyć moduł wstępnego ładowania na każdej stronie witryny.

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Na koniec dodaj następujący kod do elementu HTML w tej sekcji.

Upewnij się, że zmieniłeś adres URL modułu ładującego na adres URL Twojej witryny.

>div class="vanilla-preloader" /divscript/scriptstyle/style

To prawie tyle! Jednak dzięki podanemu komentarzowi wraz z kodem możesz wprowadzić dalsze zmiany, aby preloader wyglądał dokładnie tak, jak chcesz. I będziesz mieć moduł wstępnego ładowania Elementor dla swojej witryny.

W ten sposób możesz zatrzymać odwiedzających swoją witrynę, dodając preloader. Pozwala to użytkownikom myśleć, że witryna działa i pomaga im pozostać na Twojej stronie. W przypadku Elementora tworzenie modułu wstępnego ładowania polega na tych prostych poprawkach. Dołącz do nas na Facebooku i Twitterze , aby być na bieżąco.

Divi WordPress Theme