Comment ajouter un préchargeur élégant au site Web Divi

Le plug – in disponible sur le marché Divi le préchargeur Divi est disponible sur le marché Divi! Cela signifie qu’il a réussi notre examen et qu’il est conforme à nos normes de qualité. Vous pouvez accéder à Divi Professional sur le marché pour voir tous ses produits disponibles. Les produits achetés sur le marché Divi ont un accès illimité au site et une garantie de remboursement de 30 jours (comme Divi). Acheté sur le marché Divi, il est ennuyeux de regarder le chargement de l’écran. Si nous ne savons pas ce qui s’est passé, cela peut aussi être inquiétant. Lorsque nous cliquons sur quelque chose, nous voulons voir une sorte de rétroaction. Nous voulons savoir que l’ordinateur a accepté nos clics et répond à nos exigences. Par conséquent, l’écran de chargement peut bénéficier du préchargeur.
Un préchargeur est une image animée qui apparaît à l’écran lorsque la page est chargée. Le préchargeur est un excellent moyen d’afficher certains des signaux visuels que la page charge, et même de divertir les invités pendant que vous êtes là. Dans ce tutoriel, nous verrons comment ajouter un préchargeur à Divi en utilisant un plug – in appelé DP preload. Il est facile à utiliser et vous pouvez même personnaliser le préchargeur pour en faire votre préchargeur. Voyons voir. J’utilise la page d’atterrissage du kit de mise en page de réparation de vélo. J’ai également utilisé une version personnalisée du titre dans le paquet de mise en page # 4 Theme Builder. J’a i choisi un préchargeur qui fonctionne bien avec les éléments du site et l’ai conçu pour s’adapter à la page d’atterrissage. C’est un préchargeur sur l’écran de bureau.
C’est l’apparence du préchargeur sur le téléphone. Vous pouvez le voir ou non sur votre téléphone, ou même définir un point d’arrêt pour déterminer la taille de l’écran dans lequel il apparaîtra. J’ai activé le téléphone pour qu’on puisse voir comment il fonctionne.
N la largeur de l’appareil est égale ou inférieure à vos spécifications. Affichage du préchargeur sur le site: activer les paramètres d’image du préchargeur DP Le préchargeur DP nous permet de sélectionner les couleurs de l’icône et de la superposition de fond plein écran. Avant de voir mes paramètres, je veux montrer où j’ai eu mes idées de design. Pour les paramètres d’image, j’utilise la couleur de la mise en page. La page d’atterrissage du Service de vélo a un fond blanc et des reflets rouges. Je vais utiliser le rouge, qui est l’icône pour découvrir toute la mise en page et l’arrière – plan blanc.
Rouge – # ea3900 blanc – # FFFFFF Lorsque je sélectionne le préchargeur, je peux voir plusieurs files d’attente de conception dans la mise en page. J’accorde une attention particulière aux icônes pour voir leur forme, leur couleur et leur taille. Il y a beaucoup de roues et d’engrenages dans la disposition. Et quelques outils. Comme de nombreux préchargeurs ont la forme d’outils similaires, ils sont également des candidats à l’idée de conception. Mais je vais maintenant me concentrer sur les roues et les engrenages. Il y a 55 programmes de précharge à choisir. J’ai choisi celui qui me rappelle l’engin. Certains préchargeurs ont des couleurs par défaut, mais nous pouvons ajuster la couleur de chaque préchargeur dans la section suivante, donc nous n’avons pas à choisir une couleur en fonction de la couleur. Le préchargeur suivant est un autre ensemble d’options que vous pouvez télécharger un préchargeur personnalisé en GIF. Vous pouvez également ajuster sa largeur et sa hauteur. Parce que j’utilise un préchargeur intégré, je n’a i pas besoin de changer de taille. Ceux – ci resteront par défaut, mais je veux les afficher au cas où vous voudriez charger le préchargeur. DP preload Color Settings Vous pouvez contrôler la couleur et l’opacité du préchargeur et de la couleur de fond. Pour le préchargeur, sélectionnez le point de couleur et saisissez le code hexadécimal dans le champ, ou utilisez le sélecteur pour sélectionner votre couleur
Re:. Faites de même pour la couleur de fond. La couleur de fond est déjà la couleur que je veux, donc je garde la couleur de fond par défaut.
Rouge – # ea3900 blanc – # FFFFFF DP preload animation Settings Pour les paramètres d’animation, vous pouvez contrôler les deux effets à afficher (fade ou slide), la vitesse de sortie fade, le temps de retard et l’opacité de l’hôte. J’ai changé l’effet en diapositive, j’ai choisi une faible vitesse de mise en jachère pour rendre le préchargeur plus visible, et j’ai ajouté 2000 MS (2 secondes) au délai pour que le préchargeur reste plus longtemps à l’écran, par exemple. Effet de précharge – vitesse d’atténuation du préchargeur de diapositives – délai de précharge lent – 2350 résultats
Voici l’apparence du préchargeur sur le Bureau. Il fonctionne exactement comme prévu et correspond parfaitement à ma disposition. Il semble appartenir à mon site, ce qui est important pour la cohérence de la marque. C’est l’apparence du préchargeur sur le téléphone. J’ai décidé d’essayer une option d’inversion avec fond rouge et blanc comme précharge. Le seul changement que j’ai apporté à la couleur était d’ajouter 75% d’opacité à l’arrière – plan afin que la page puisse être vue pendant le chargement. J’ai aussi choisi un préchargeur différent pour que nous puissions voir quelque chose de différent, et j’ai changé l’effet du préchargeur en fade. C’est une vue de bureau.
C’est la vue du téléphone. C’est ainsi que nous ajoutons un élégant préchargeur pour le site Divi. L’ajout d’un préchargeur au site Divi aide à informer les utilisateurs que quelque chose se passe en arrière – plan. Le préchargeur DP est excellent à cet égard. C’est facile à utiliser. Vous avez de nombreux programmes de précharge à choisir et vous pouvez contrôler la couleur des programmes de précharge et de l’arrière – plan. Si vous souhaitez le personnaliser davantage, vous pouvez télécharger GIF et l’utiliser comme préchargeur
– Oui. Vous pouvez maintenant facilement ajouter un préchargeur personnalisé au site Divi! Nous aimerions avoir votre avis. Avez – vous ajouté un préchargeur au site Divi? Veuillez nous le faire savoir dans les commentaires ci – dessous. Prenez des photos en vedette avec fastmotion \/ shutterstock. Com