Een Elementor-preloader maken op WordPress

De preloader is iets dat u misschien aan uw WordPress-site wilt toevoegen. Het is een animatie die laat zien hoe lang het duurt voordat een pagina op de achtergrond is geladen. Preloaders laten mensen weten dat de website bezig is met het laden van de pagina om te zien wat er aan de hand is. Dit kan de gebruikerservaring verbeteren en het aantal mensen dat vertrekt verminderen.

Elementor heeft nu zijn nieuwe preloader-optie uitgebracht. Stel dat u de beste optimalisatie wilt en niet wilt dat uw hele WordPress-site trager wordt alleen om uw preloader te verwerken. In dat geval moet je deze tutorial volgen om te leren hoe je een Elementor Preloader op WordPress maakt.

Een Elementor-preloader maken

Kies om te beginnen een SVG of GIF die je leuk vindt, idealiter een die klein is. Preloaders is een geweldige plek om te zoeken naar gratis en eenvoudige SVG-laders.

Om de Elementor-preloader op te nemen, bouwt u een nieuwe sectie helemaal bovenaan de pagina. Stel de optie Geen tussenruimte in voor deze sectie. U kunt een nieuwe sectie in de kopsjabloon maken om een preloader op elke pagina van uw website op te nemen.

Voeg ten slotte de volgende code toe aan een HTML-element in deze sectie.

Zorg ervoor dat u de URL voor de lader wijzigt met de URL voor uw website.

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

Dat is het eigenlijk wel! Met het gegeven commentaar naast de code kunt u echter verdere wijzigingen aanbrengen om de preloader er precies zo uit te laten zien als u wilt. En je hebt de Elementor Preloader voor je website.

Zo kun je de bezoekers op je website vasthouden door een preloader toe te voegen. Hierdoor kunnen de gebruikers denken dat de website werkt en kunnen ze op uw website blijven. Bij Elementor draait het bij het maken van een preloader om deze eenvoudige aanpassingen. Zorg ervoor dat u zich bij ons voegt op onze Facebook  en Twitter om op de hoogte te blijven.