Voulez-vous ajouter un défilement infini à votre blog WordPress?
Le défilement infini est une technique de conception Web qui charge automatiquement le contenu de votre page suivante lorsque les utilisateurs atteignent le bas d'une page. Il permet aux utilisateurs de voir plus de contenu sur votre blog sans cliquer sur la pagination ou sur le bouton "Charger plus".
Dans cet article, nous allons vous montrer comment ajouter facilement un défilement infini sur votre blog WordPress (étape par étape).
Qu'est-ce que Infinite Scroll?
Infinite Scroll est une tendance de conception Web qui utilise le chargement de page AJAX au lieu de la navigation de page numérique pour charger automatiquement le contenu de votre page suivante et l'afficher à la fin de la page en cours. Le défilement infini facilite la navigation dans davantage de contenu en faisant simplement défiler l'écran vers le bas. Il charge le contenu en continu et à l'infini au fur et à mesure du défilement des utilisateurs.
Traditionnellement, les utilisateurs devaient cliquer sur les boutons "Suivant", "Précédent" ou les numéros de page pour afficher les anciens articles de blog.
Lors de l’utilisation de AJAX pour Javascript et XML asynchrones, les pages Web peuvent communiquer avec le serveur sans recharger toute la page. Il permet aux applications Web de traiter les demandes des utilisateurs et de fournir des données sans actualisation.
Les meilleurs exemples de conception de défilement infini sont les sites de médias sociaux populaires tels que Facebook, Twitter, Instagram, Pinterest, etc. Si vous en utilisez, vous savez alors comment le contenu se charge sans fin sur votre calendrier des réseaux sociaux.
Infinite Scrolling convient-il à tous les sites Web?
De nombreux sites Web de contenu sur Internet utilisent la technique du défilement infini pour améliorer l'expérience de navigation et augmenter l'engagement. Cela amène de nombreux débutants à se poser les questions suivantes: est-ce que cela convient à tous les sites Web ou est-ce bon pour mon site?
Le défilement infini est excellent pour les sites qui présentent du contenu dans une chronologie ou un flux, comme les applications de médias sociaux. Il offre une expérience de navigation fantastique aux utilisateurs à la recherche de contenu temporel.
Ensuite, la conception du défilement infini est parfaite pour les appareils mobiles et tactiles. Pour les utilisateurs mobiles, le défilement est plus convivial que l'enregistrement sur des liens de page minuscules.
L'avantage le plus important de la technique du défilement infini est une expérience de navigation fluide. Les utilisateurs n’ont pas besoin de cliquer manuellement sur les liens de pagination. Le contenu se charge rapidement avec le défilement et maintient les utilisateurs engagés.
Mais d'un autre côté, cela peut également rendre la navigation sur votre site plus difficile. Avec le chargement continu, il est difficile de savoir où (sur quelle page) se trouve un article de blog. Certains utilisateurs trouvent même pénible de voir plusieurs articles en même temps.
Un autre inconvénient de la conception de défilement infini est que vous ne pouvez pas avoir de pied de page. Même si vous en avez, il sera caché sous des articles sans fin chargés en permanence. De nombreux sites ajoutent des liens essentiels sur le pied de page. Par conséquent, ne pas l'avoir peut décevoir certains utilisateurs.
Le problème le plus préoccupant avec le défilement infini est peut-être qu'il peut ralentir votre site Web ou même planter le serveur. Lorsque nous avons ajouté le défilement infini à l'un de nos plus petits blogs, nous avons rencontré un crash du serveur après le défilement inutile des utilisateurs, provoquant un épuisement de la mémoire sur un petit compte d'hébergement WordPress. Nous vous recommandons d’utiliser un hébergement WordPress géré si vous souhaitez essayer le défilement infini.
Maintenant que vous connaissez les avantages et les inconvénients de la conception de parchemins infinis, vous pouvez décider de l'ajouter ou non à votre blog.
Si vous avez décidé d'ajouter le défilement infini à votre blog WordPress, vous pouvez le faire facilement. Nous vous montrerons plusieurs plugins que vous pouvez utiliser afin que vous puissiez choisir celui qui correspond le mieux à vos besoins.
Ajouter Infinite Scroll à votre blog WordPress avec Catch Infinite Scroll
La première chose à faire est d’installer et d’activer le plugin Catch Infinite Scroll. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’un plugin WordPress.
Lors de l'activation, WordPress ajoute un nouvel élément de menu intitulé "Catch Infinite Scroll" à votre panneau d'administration WordPress. Vous devez cliquer dessus pour configurer les paramètres du plugin.
Tout d'abord, vous pouvez choisir une option de déclenchement pour le chargement des articles. Le plug-in vous permet de charger du contenu automatiquement lorsque les utilisateurs font défiler la page ou ajoutent un bouton "Charger plus".
Vous devez sélectionner l’option ‘Scroll’ pour activer le chargement automatique avec défilement. Vous pouvez également sélectionner l’option ‘Clic’ si vous souhaitez ajouter un bouton Charger plus.
Ensuite, vous pouvez voir le sélecteur de navigation, le sélecteur suivant, le sélecteur de contenu et le sélecteur d'élément. Il n'est pas nécessaire de modifier quoi que ce soit avec ces options car les options par défaut fonctionnent assez bien.
Après cela, il existe une option Image où vous pouvez ajouter une icône de chargeur de contenu. Par défaut, il possède une image GIF du chargeur. Si vous avez une meilleure image, vous pouvez la changer.
L’option «Terminer le texte» inclut le message qui sera affiché une fois que l’utilisateur aura fini de visualiser vos articles. Par défaut, le texte indique "Plus aucun élément à afficher". Vous pouvez facilement modifier ce texte si nécessaire.
Une fois cela fait, cliquez sur le bouton Enregistrer les modifications.
C'est tout! Le défilement infini est maintenant actif sur votre blog. Vous pouvez visiter votre blog et voir le défilement infini en action.
Plugins WordPress alternatifs pour ajouter un défilement infini dans WordPress
Catch Infinite Scroll fonctionne bien avec la plupart des thèmes WordPress; Cependant, certains thèmes peuvent échouer. Dans un tel scénario, vous pouvez utiliser l’un des plug-ins WordPress à défilement infini suivants.
1. Ajax Load More
Semblable à Catch infinite Scroll, le plugin Ajax Load More vous permet également d’ajouter des boutons de défilement infini et Load More sur votre site WordPress.
Le plugin offre davantage d'options de personnalisation, notamment de nombreux styles d'icônes de chargement de page, styles de boutons, etc. Pour un guide détaillé, vous pouvez voir notre tutoriel sur la création d'un bouton de chargement de messages supplémentaires dans WordPress à l'aide du plugin Ajax Load More.
Cependant, le plugin a une courbe d'apprentissage pour les débutants. Il possède une interface avancée avec de nombreuses options, y compris un modèle de répéteur, un constructeur de shortcode, des requêtes WordPress, etc.
Il faudra quelques compétences en codage pour appliquer le défilement infini avec ce plugin.
2. YITH Infinite Scrolling
YITH Infinite Scrolling est une alternative simple au plugin Ajax Load More ou Catch Infinite Scroll.
Semblable au plugin Catch Infinite Scroll, il dispose d'options minimales pour configurer une interaction Web à base de défilement sur votre site. Vous avez juste besoin d'installer et d'activer le plugin et d'activer le défilement infini.
N'importe qui, y compris les débutants, peut facilement configurer le défilement infini à l'aide de ce plugin. Cependant, il n’a pas d’option de bouton «Charger plus», qui est incluse dans les deux autres plugins mentionnés ci-dessus.
Nous espérons que cet article vous a aidé à apprendre à ajouter un design de défilement infini à votre blog WordPress. Vous voudrez peut-être aussi consulter notre guide sur la manière d’ajouter un suivi de profondeur de défilement dans WordPress.
Si vous avez aimé cet article, abonnez-vous à nos tutoriels vidéo sur la chaîne YouTube pour WordPress. Vous pouvez aussi nous trouver sur Gazouillement et Facebook.
Le message Comment ajouter une infinité Faites défiler votre site WordPress (étape par étape) est apparu en premier sur WPBeginner.
L’article Comment ajouter Infinite Scroll à votre site WordPress (étape par étape) est apparu en premier sur Themetotal.