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 quamp;rsquoil a réussi notre examen et quamp;rsquoil 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 lamp;rsquoécran. nous ne savons pas ce qui samp;rsquoest 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 lamp;rsquoordinateur a accepté nos clics et répond à nos exigences. Par conséquent, lamp;rsquoécran de chargement peut bénéficier du préchargeur.
Un préchargeur est une image animée qui apparaît à lamp;rsquoécran lorsque la page est chargée. Le préchargeur est un excellent moyen damp;rsquoafficher certains des signaux visuels que la page charge, et même de divertir les invités pendant que ê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 pouvez même personnaliser le préchargeur pour en faire votre préchargeur. Voyons voir. Jamp;rsquoutilise la page damp;rsquoatterrissage du kit de mise en page de réparation de vélo. Jamp;rsquoai également utilisé une version personnalisée du titre dans le paquet de mise en page 4 Theme Builder. Jamp;rsquoa i choisi un préchargeur qui fonctionne bien avec les éléments du site et lamp;rsquoai conçu pour samp;rsquoadapter à la page damp;rsquoatterrissage. Camp;rsquoest un préchargeur sur lamp;rsquoécran de bureau.
Camp;rsquoest lamp;rsquoapparence 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 damp;rsquoarrêt pour déterminer la taille de lamp;rsquoécran dans lequel il apparaîtra. Jamp;rsquoai activé le téléphone pour quamp;rsquoon puisse voir comment il fonctionne.
N la largeur de lamp;rsquoappareil est égale ou inférieure à vos spécifications. Affichage du préchargeur sur le site: activer les paramètres damp;rsquoimage du préchargeur DP Le préchargeur DP nous permet de sélectionner les couleurs de lamp;rsquoicône et de la superposition de fond plein écran. Avant de voir mes paramètres, je veux montrer où jamp;rsquoai eu mes idées de design. Pour les paramètres damp;rsquoimage, jamp;rsquoutilise la couleur de la mise en page. La page damp;rsquoatterrissage du Service de vélo a un fond blanc et des reflets rouges. Je vais utiliser le rouge, qui est lamp;rsquoicône pour découvrir toute la mise en page et lamp;rsquoarrière plan blanc.
Rouge – ea3900 blanc – FFFFFF Lorsque je sélectionne le préchargeur, je peux voir plusieurs files damp;rsquoattente de conception dans la mise en page. Jamp;rsquoaccorde une attention particulière aux icônes pour voir leur forme, leur couleur et leur taille. Il y a beaucoup de roues et damp;rsquoengrenages dans la disposition. Et quelques outils. Comme de nombreux préchargeurs ont la forme damp;rsquooutils similaires, ils sont également des candidats à lamp;rsquoidée de conception. Mais je vais maintenant me concentrer sur les roues et les engrenages. Il y a 55 programmes de précharge à choisir. Jamp;rsquoai choisi celui qui me rappelle lamp;rsquoengin. 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 namp;rsquoavons pas à choisir une couleur en fonction de la couleur.
Le préchargeur suivant est un autre ensemble damp;rsquooptions que pouvez un préchargeur personnalisé en GIF. Vous pouvez également ajuster sa largeur et sa hauteur. Parce que jamp;rsquoutilise un préchargeur intégré, je namp;rsquoa i pas besoin de changer de taille. Ceux ci resteront par défaut, mais je veux les afficher au cas où voudriez charger le préchargeur. DP preload Color Settings Vous pouvez contrôler la couleur et lamp;rsquoopacité 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 damp;rsquoanimation, pouvez contrôler les deux effets à afficher (fade ou slide), la vitesse de sortie fade, le temps de retard et lamp;rsquoopacité de lamp;rsquohôte. Jamp;rsquoai changé lamp;rsquoeffet en diapositive, jamp;rsquoai choisi une faible vitesse de mise en jachère pour rendre le préchargeur plus visible, et jamp;rsquoai ajouté 2000 MS (2 secondes) au délai pour que le préchargeur reste plus longtemps à lamp;rsquoé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 lamp;rsquoapparence 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. Camp;rsquoest lamp;rsquoapparence du préchargeur sur le téléphone. Jamp;rsquoai décidé damp;rsquoessayer une option damp;rsquoinversion avec fond rouge et blanc comme précharge. Le seul changement que jamp;rsquoai apporté à la couleur était damp;rsquoajouter 75% damp;rsquoopacité à lamp;rsquoarrière plan afin que la page puisse être vue pendant le chargement. Jamp;rsquoai aussi choisi un préchargeur différent pour que nous puissions voir quelque chose de différent, et jamp;rsquoai changé lamp;rsquoeffet du préchargeur en fade. Camp;rsquoest une vue de bureau.
Camp;rsquoest la vue du téléphone. Camp;rsquoest ainsi que nous ajoutons un élégant préchargeur pour le site Divi. Lamp;rsquoajout damp;rsquoun 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. Camp;rsquoest facile à utiliser. Vous avez de nombreux programmes de précharge à choisir et pouvez contrôler la couleur des programmes de précharge et de lamp;rsquoarrière plan. souhaitez le personnaliser davantage, pouvez GIF et lamp;rsquoutiliser comme préchargeur
Oui. Vous pouvez maintenant facilement ajouter un préchargeur personnalisé au site Divi! Nous aimerions avoir votre avis. Avez 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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins