One Page Scroll est une technique de conception de sites Web dans laquelle tout le contenu se trouve sur une seule et longue page Web.

Le plugin GutenKit a introduit un Module de défilement d'une page. Vous pouvez désormais facilement créer un défilement fluide avec cette fonctionnalité efficace et offrir aux visiteurs de votre site WordPress une expérience utilisateur agréable similaire à une application mobile.

Défilement d'une page avec GutenKit #

C'est un Module Pro. N'oubliez pas de l'obtenir auprès de ici.

Maintenant, ouvrez la page sur laquelle vous souhaitez activer le défilement d’une page à partir de votre tableau de bord WordPress, après cela –

• Cliquez sur l'option Paramètres de la page GutenKit
• Aller à Avancé
• Activer le bouton de défilement d'une page

Une fois que vous avez activé le bouton One Page Scroll, vous obtiendrez ces options :

• Vitesse de défilement - Ici, vous pouvez définir la vitesse de défilement de la page.
• Animation de défilement – Il existe de nombreuses options d'animation de défilement ici, telles que Linéaire, Ease In Back, Ease InOut Quad, Ease Out Expo, Ease Out Shine, etc.
• Afficher la navigation par points – Si vous le souhaitez, vous pouvez activer ces options pour afficher la navigation par points.
• Style de navigation – Si vous activez l'option Dot Navigation, à partir d'ici, vous pouvez choisir n'importe quel style de navigation.
• Position de navigation – Il vous permet de définir la position de navigation en haut, en bas, à gauche ou à droite.
• Position horizontale - Vous pouvez définir la position horizontale en contrôlant la barre.
• Position verticale - Cette barre vous permet de définir la position verticale.
• Espacement de navigation – Vous pouvez ajuster l'espacement de navigation à partir d'ici selon vos préférences.
• Couleur de navigation – Changez la couleur de navigation en utilisant l’option.

Désactiver le défilement d'une page pour n'importe quelle section #

Cependant, vous pouvez désactiver la fonction de défilement d'une page pour n'importe quelle section de la page.

1. Aller à l'aperçu du document
2. Sélectionnez la section pour laquelle vous souhaitez désactiver la fonction de défilement d'une page
3. Aller aux paramètres

Maintenant, passez à l’onglet Avancé et au module Rechercher un défilement d’une page. Ici, vous devez désactiver le bouton nommé Désactiver pour cette section.

Ajout d'une info-bulle #

Après avoir désactivé la fonction de défilement d'une page pour la section souhaitée, vous pouvez ajouter Texte de l'info-bulle là.

Les autres options de personnalisation de l'info-bulle sont : typographie, couleur, remplissage et rayon de bordure.

Résultat final #

Ici, nous avons modifié une page avec One Page Scroll de GutenKit –