So erstellen Sie einen Elementor-Preloader auf WordPress

Muneeb Geschäft Jan 24, 2022

Der Preloader ist etwas, das Sie vielleicht zu Ihrer WordPress-Site hinzufügen möchten. Es ist eine Animation, die zeigt, wie lange es dauert, bis eine Seite im Hintergrund geladen wird. Preloader lassen die Leute wissen, dass die Website daran arbeitet, die Seite zu laden, um zu sehen, was vor sich geht. Dies kann die Benutzererfahrung verbessern und die Anzahl der Abgänge verringern.

Elementor hat jetzt seine neue Preloader-Option veröffentlicht. Angenommen, Sie möchten die beste Optimierung und nicht, dass Ihre gesamte WordPress-Site langsamer wird, nur um Ihren Preloader zu handhaben. In diesem Fall sollten Sie diesem Tutorial folgen, um zu erfahren, wie Sie einen Elementor Preloader auf WordPress erstellen.

So erstellen Sie einen Elementor-Preloader

Wählen Sie zunächst ein SVG oder GIF aus, das Ihnen gefällt, idealerweise eines, das klein ist. Preloaders ist ein wunderbarer Ort, um nach kostenlosen und einfachen SVG-Loadern zu suchen.

Create an Elementor Preloader  - No Plugins Needed

Um den Elementor-Preloader einzubinden, erstellen Sie ganz oben auf der Seite einen neuen Abschnitt . Legen Sie für diesen Abschnitt die Option „ Keine Lücke “ fest. Sie können einen neuen Abschnitt in der Kopfzeilenvorlage erstellen, um einen Preloader auf jeder Seite Ihrer Website einzufügen.

Erstellen Sie erstaunliche Websites

Mit dem besten kostenlosen Seite Builder Elementor

Jetzt anfangen

Fügen Sie abschließend den folgenden Code zu einem HTML-Element in diesem Abschnitt hinzu.

Stellen Sie sicher, dass Sie die URL für den Loader durch die URL für Ihre Website ersetzen.

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

Das wars so ziemlich! Mit dem gegebenen Kommentar neben dem Code können Sie jedoch weitere Änderungen vornehmen, damit der Preloader genau so aussieht, wie Sie es möchten. Und Sie haben den Elementor Preloader für Ihre Website.

So können Sie die Besucher Ihrer Website binden, indem Sie einen Preloader hinzufügen. Dies ermöglicht den Benutzern zu glauben, dass die Website funktioniert, und hilft ihnen, auf Ihrer Website zu bleiben. Bei Elementor dreht sich beim Erstellen eines Preloaders alles um diese einfachen Optimierungen. Besuchen Sie uns auf Facebook und Twitter , um auf dem Laufenden zu bleiben.

Divi WordPress Theme