Comment l'ajouter à votre site Web
Publié: 2022-10-27Vous voulez ajouter un défilement infini dans WordPress ?
Le défilement infini garantit que vos pages chargent automatiquement un nouveau contenu chaque fois qu'un visiteur atteint le bas d'une page. De cette façon, vous pouvez garder vos visiteurs engagés et réduire les taux de rebond de votre site.
Nous allons vous montrer comment ajouter un défilement infini à votre site WordPress . Mais d'abord, nous aborderons quelques éléments de base que vous devez savoir à ce sujet. Le plan de ce poste est le suivant :
Commençons.
Avec le défilement infini, votre site charge un nouveau contenu lorsqu'un utilisateur défile vers le bas, plutôt que de l'obliger à cliquer manuellement sur un lien pour ouvrir une nouvelle page.
Sur WordPress, un exemple courant serait de charger automatiquement les nouveaux articles sur votre page de blog une fois que le visiteur atteint le bas, plutôt que de s'appuyer sur d'autres techniques telles que la pagination.
La technique est souvent utilisée sur les plateformes de médias sociaux comme Facebook et Twitter pour offrir aux utilisateurs une expérience de navigation sans entrave.
Et la même technique peut être utilisée sur les sites Web pour garder les visiteurs engagés avec eux.
Devez-vous ajouter un défilement infini sur votre site ? Avantages et inconvénients
Malgré l'impact positif qu'il peut avoir sur l'engagement des utilisateurs et l'expérience de navigation, le défilement infini n'est pas pour tout le monde.
Examinons les avantages et les inconvénients pour décider si vous devez implémenter la technique sur votre site Web WordPress.
Avantages de l'utilisation du défilement infini
Les avantages d'utiliser le défilement infini sur votre site sont :
Inconvénients de l'utilisation du défilement infini
Les inconvénients de l'utilisation du scroll infini sur votre site sont :
- Il peut être déroutant de naviguer sur votre site car le contenu change de manière transparente et il est difficile de savoir sur quelle page vous vous trouvez.
- L'affichage continu de contenu, en particulier de texte, peut être accablant pour certains visiteurs et ils peuvent choisir de quitter votre site et de rechercher un site concurrent.
- Le pied de page de votre site deviendra redondant car le visiteur ne pourra jamais l'atteindre.
- Un défilement rapide peut submerger vos serveurs Web, provoquant le blocage et le blocage de votre site.
- Certains outils peuvent avoir du mal à suivre les mesures par page, car le défilement infini peut donner à votre site Web l'apparence d'une grande page.
- Et si votre site est considéré comme une page continue, cela peut avoir un impact négatif sur le référencement et le classement de recherche du site . Un défilement infini correctement mis en œuvre peut cependant éviter cela en donnant toujours à chaque page sa propre URL unique.
Ce sont les avantages et les inconvénients de la mise en œuvre du défilement infini sur votre site Web. Après avoir pris en compte ces éléments, si vous souhaitez toujours ajouter un défilement infini à votre site WordPress, lisez la suite.
Il existe deux manières différentes d'ajouter un défilement infini à votre site WordPress :
- Utilisez un thème WordPress prenant en charge le défilement infini
- Utiliser un plugin de défilement infini
Plongeons-nous dans chaque méthode et vous pourrez implémenter celle qui vous convient.
Mais avant de commencer, effectuez une sauvegarde de l'intégralité de votre site Web, car la mise en œuvre du défilement infini vous obligera à modifier votre thème et à installer un nouveau plugin sur votre site. La réalisation de ces étapes implique un certain risque et vous pouvez trouver votre site cassé en raison d'un seul faux pas. Dans de tels cas, la sauvegarde sera votre filet de sécurité, alors faites une sauvegarde.
1. Ajouter un défilement infini en utilisant le thème WordPress (Neve)
Neve est l'un des rares thèmes WordPress gratuits à proposer la fonction de défilement infini. C'est une solution idéale si vous souhaitez activer le défilement infini uniquement sur la page de votre blog (ou sur d'autres pages d'archives).
Activer le défilement infini à l'aide de Neve est super facile.
Installez et activez le thème sur votre site WordPress.
Allez ensuite dans Apparence → Personnaliser → Mise en page → Blog / Archive .
Faites défiler jusqu'à l'option Commande et contenu et sélectionnez Défilement infini sous Pagination des articles .
Appuyez sur le bouton Publier pour enregistrer votre paramètre.
Cependant, si vous souhaitez activer le défilement infini sur vos publications ou pages individuelles, vous devez utiliser un plugin. Autrement dit, lorsque quelqu'un ouvre la page complète d'un article de blog et fait défiler vers le bas, vous souhaitez que votre site charge un autre article complet.
Dans les deux sections suivantes, nous vous montrerons comment utiliser des plugins pour implémenter le défilement infini.
2. Utilisez un plugin de défilement infini WordPress
Il existe un certain nombre de plugins qui vous aideront à activer le défilement infini sur votre site Web, mais les plus populaires sont :
- Attraper le défilement infini
- Défilement infini YITH
- Ajax Charger plus
Jetons un coup d'œil à chaque plugin avant de vous montrer comment les utiliser.
Attraper le défilement infini
Catch Infinite Scroll est un plugin de défilement infini simple et gratuit qui vous permet d'afficher le contenu de votre site horizontalement sur une seule page.
Si vous modifiez le déclencheur pour cliquer au lieu de faire défiler, cela ajoutera un bouton Charger plus sur votre site.
La personnalisation est possible et vous pouvez choisir de modifier l'image de chargement et la couleur, la taille de la police et la famille de polices sur le bouton Charger plus, entre autres.
La version gratuite vous permet d'activer le défilement infini sur votre site Web. Cependant, pour pouvoir changer la couleur, la famille de polices et la taille de la police, vous devez obtenir la version premium moyennant des frais annuels de 24,99 $.
Pour utiliser le plugin gratuit, il vous suffit d' installer et d'activer le plugin sur votre site et vous êtes prêt à partir.
En allant sur Catch Infinite Scroll sur votre tableau de bord WordPress, vous pouvez télécharger une nouvelle image de chargement et modifier le texte Charger plus et le texte qui apparaîtrait lorsqu'il n'y a plus de contenu à afficher.
Défilement infini YITH
YITH Infinite Scrolling est un plugin gratuit et comme le plugin précédent, YITH Infinite Scrolling offre également des options pour choisir votre type de pagination - défilement infini ou charger plus de bouton.
Vous êtes autorisé à modifier le texte du bouton Charger plus, à ajouter des classes supplémentaires au bouton et même à utiliser des animations (comme un fondu, un glissement) pour charger un nouveau contenu.
Il existe un certain nombre d'images de chargement parmi lesquelles choisir, ainsi que la possibilité de télécharger la vôtre.
Deux de nos fonctionnalités préférées sont la possibilité d'activer ou de désactiver le défilement infini sur les appareils mobiles et de modifier l'URL d'une page chaque fois que de nouveaux éléments sont chargés ( important pour le référencement ).
Avec la version gratuite du plugin, vous n'êtes autorisé à faire que deux choses :
- Téléchargez une image de chargement personnalisée.
- Activez le défilement infini uniquement sur votre message.
Pour activer le défilement infini sur toutes vos pages d'archives et accéder à toutes les fonctionnalités du plugin, vous avez besoin de la version premium du plugin qui coûte 59,99 $ par an.
Utiliser YITH Infinite Scrolling est assez simple. Installez et activez simplement le plugin gratuit sur votre site, et il permettra un défilement infini sur vos publications.
Vous pouvez naviguer vers YITH → Infinite Scrolling pour personnaliser la configuration du plugin, mais les paramètres par défaut fonctionnent très bien.
Ajax Charger plus
Ajax Load More est un plugin complexe qui vous permet d'activer le défilement infini avec des options telles que le filtrage AJAX, les modèles de répéteur, le générateur de shortcode, les demandes personnalisées, etc.
Comparé aux plugins précédents, Ajax Load More est un peu plus compliqué à mettre en place. Bien que vous n'ayez pas besoin d'être un développeur pour l'utiliser, les débutants voudront peut-être s'en tenir à un plugin différent car vous devrez gérer des termes tels que "paramètres de requête" et "modèles de répéteur".
Cependant, l'avantage de cette complexité supplémentaire est que vous disposez d'une tonne d'options pour configurer et personnaliser le comportement de défilement infini sur votre site.
Donc, si vous voulez pouvoir tout faire défiler à l'infini sur votre site, des publications aux pages, aux commentaires, etc., cela pourrait être une bonne option à examiner.
Commencez avec le défilement infini de WordPress
L'ajout d'un défilement infini sur votre site Web WordPress présente de nombreux avantages ainsi que des inconvénients. Par exemple, cela peut améliorer le taux de rebond et le classement de votre site, mais peut également affecter négativement l'expérience utilisateur dans certaines situations.
Le défilement infini peut être activé sur votre site en utilisant le thème Neve ou des plugins dédiés comme Catch Infinite Scroll et YITH Infinite Scrolling. Assurez-vous simplement d'avoir une sauvegarde comme filet de sécurité avant de mettre en œuvre l'une des méthodes.
Pour d'autres façons d'améliorer votre site, consultez nos sept conseils pour améliorer l'expérience utilisateur.
C'est tout pour celui-ci ! Si vous avez des questions sur la façon d'ajouter un défilement infini sur un site WordPress, faites-le nous savoir dans les commentaires ci-dessous.