Comment créer un préchargeur Elementor sur WordPress

Muneeb Entreprise Jan 24, 2022

Le préchargeur est quelque chose que vous voudrez peut-être ajouter à votre site WordPress. Il s'agit d'une animation qui montre combien de temps il faudra pour qu'une page se charge en arrière-plan. Les préchargeurs permettent aux utilisateurs de savoir que le site Web travaille au chargement de la page pour voir ce qui se passe. Cela peut améliorer l'expérience utilisateur et réduire le nombre de personnes qui partent.

Elementor a maintenant publié sa nouvelle option de préchargement. Supposons que vous vouliez la meilleure optimisation et que vous ne vouliez pas que votre site WordPress entier ralentisse simplement pour gérer votre préchargeur. Dans ce cas, vous devriez suivre ce tutoriel pour apprendre à créer un Elementor Preloader sur WordPress.

Comment créer un préchargeur Elementor

Pour commencer, choisissez un SVG ou un GIF que vous aimez, idéalement de petite taille. Preloaders est un endroit merveilleux pour rechercher des chargeurs SVG gratuits et basiques.

Create an Elementor Preloader  - No Plugins Needed

Pour inclure le préchargeur Elementor, créez une nouvelle section tout en haut de la page. Définissez l'option Aucun espace pour cette section. Vous pouvez créer une nouvelle section dans le modèle d'en-tête pour inclure un préchargeur sur chaque page de votre site Web.

Créer des sites Web incroyables

Avec le meilleur constructeur de page Elementor

Commencer Maintenant

Enfin, ajoutez le code suivant à un élément HTML dans cette section.

Assurez-vous de changer l'URL du chargeur avec l'URL de votre site Web.

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

C'est à peu près tout ! Cependant, avec le commentaire donné à côté du code, vous pouvez apporter d'autres modifications pour que le préchargeur ressemble exactement à ce que vous voulez. Et vous aurez le Elementor Preloader pour votre site Web.

C'est ainsi que vous pouvez fidéliser les visiteurs de votre site Web en ajoutant un préchargeur. Cela permet aux utilisateurs de penser que le site Web fonctionne et les aide à rester sur votre site Web. Alors qu'avec Elementor , la création d'un préchargeur consiste en ces simples ajustements. Assurez-vous de nous rejoindre sur notre Facebook et Twitter pour rester à jour.

Divi WordPress Theme