Barre de progression de lecture
Commencez déjà à lire un long article et demandez-vous combien il reste ? aussi vos visiteurs La barre de progression de lecture par Master Addons corrige-t-elle cela C'est une barre fine et intelligente qui se remplit lorsque vous faites défiler la page Vous pouvez l'ajouter à n'importe quelle page ou publication en quelques secondes depuis la droite à l'intérieur des paramètres de page d'Elementor Personnalisez ses couleurs, sa position et sa vitesse pour correspondre parfaitement à votre site C'est une petite touche qui rend votre contenu plus engageant et plus facile à naviguer Laissez vos lecteurs voir leur progression et rester jusqu'à la toute fin.
Allumez-le et placez-le là où vous le souhaitez
Pas de codage, pas de chichi Il suffit de retourner la “Enable Reading Progress Bar” switch dans les paramètres de votre page Ensuite décider où il doit vivre liveport est le spot classique, mais c'est votre choix Il détecte automatiquement la hauteur de la page complète et commence à remplir le moment où un visiteur commence à défiler.
- Activation à un commutateur : recherchez le paramètre directement dans le panneau Paramètres de page sous “General Settings” et activez-le globalement ou sur une seule page.
- Haut ou bas : Choisissez Position pour verrouiller la barre en haut ou en bas de l'écran afin qu'elle soit toujours visible.
- Suivi automatique : la barre calcule intelligemment la longueur totale de la page et met à jour le remplissage en temps réel au fur et à mesure que l'utilisateur défile.
Faites-le ressembler à une partie de votre marque
Une barre bleue par défaut pourrait ne pas convenir à votre site C'est pourquoi vous obtenez un contrôle total sur son apparence Associez les couleurs de votre marque, ajustez l'épaisseur et contrôlez la douceur de son animation Faites-la subtile ou faites-la ressortir-cela dépend entièrement de vous et de votre design.
- Couleurs personnalisées : définissez deux couleurs : la couleur d'arrière-plan pour la piste vide et la couleur de remplissage pour la progression en mouvement.
- Ajustez l'épaisseur : utilisez le champ Hauteur (comme 5 px ou 10 px) pour rendre la barre fine et discrète ou épaisse et audacieuse.
- Réglez l'animation : contrôlez la vitesse d'animation afin que la barre se remplisse en douceur et se sente naturelle, ni nerveuse ni lente.
Questions fréquemment posées pour la lecture de la barre de progression
La barre de progression fonctionne-t-elle sur les téléphones mobiles ?
Oui, c'est sûr ! la barre est entièrement réactive Elle apparaîtra en haut (ou en bas) de l'écran sur les téléphones et les tablettes, ajustant sa taille et son comportement pour fonctionner parfaitement sur des écrans plus petits.
Puis-je ajouter ceci à certaines pages mais pas à d'autres ?
Absolument, Puisqu'il est contrôlé à partir des Paramètres de Page pour chaque page ou publication individuelle que vous créez avec Elementor, vous avez un contrôle total Activez-le sur vos longs articles de blog et tutoriels, et laissez-le hors de votre courte page de contact C'est une décision par page.
Est-ce que cela va ralentir mon site web ?
Pas du tout C'est une fonctionnalité très légère qui utilise des ressources minimales C'est juste un peu de CSS et JavaScript pour calculer la position de défilement Vous ne remarquerez aucun impact sur votre vitesse de chargement de page.
Et si la couleur de la barre entre en conflit avec mon menu d'en-tête ?
C'est la meilleure partie : vous pouvez corriger cela en quelques secondes. Allez simplement dans les paramètres et changez la couleur d'arrière-plan et la couleur de remplissage en tout ce que vous voulez. Choisissez des couleurs qui contrastent bien avec votre en-tête afin que la barre soit toujours visible mais ne se heurte jamais.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
