WordPress
time_read19mn de lecture

Comment mettre en place l’infinite scroll sur WordPress ?

03 octobre 2023

Comment mettre en place l'infinite scroll sur WordPress ?

La navigation fluide et continue est devenue une tendance incontournable sur le web. 🔄 Avec l’infinite scroll, la magie opère : plus besoin de cliquer sur la page suivante, le contenu se charge automatiquement à mesure que l’utilisateur descend la page. 🚀 Dans cet article, nous allons explorer comment mettre en œuvre cette fonctionnalité sur votre site WordPress. Que vous souhaitiez améliorer l’engagement de vos visiteurs ou optimiser la navigation, l’infinite scroll pourrait être la clé. 🗝️✨

Objectif

L’objectif principal de cet article 👇est de vous guider à travers les étapes cruciales pour intégrer l’infinite scroll sur votre site WordPress. 😎 Que vous soyez un débutant ou un développeur WordPress aguerri, ces instructions détaillées vous aideront à améliorer considérablement l’interaction des visiteurs avec votre site.🙂 Nous détaillerons le choix du plugin adéquat, le processus d’installation, la configuration nécessaire, et enfin, comment tester et personnaliser la fonctionnalité pour qu’elle corresponde parfaitement à vos attentes.🤭

Prérequis

Les utilisateurs souhaitant mettre en place la fonctionnalité de défilement infini sur WordPress doivent avoir accès à l’espace d’administration de leurs sites avec les privilèges d’administrateur. Vous devez également avoir les notions sur l’installation d’un plugin WordPress.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Qu’est-ce que l’infinite scroll WordPress ?

Qu'est-ce que l'infinite scroll WordPress ?L’infinite scroll est appelé en français défilement infini. C’est une technique de design web où, au lieu de charger une nouvelle page entière, lorsqu’un utilisateur atteint la fin d’une liste ou d’une série de contenus, le système charge automatiquement et affiche davantage de contenus.

Dans le contexte de WordPress, le défilement infini est souvent utilisé pour des blogs ou des sites d’actualités, permettant aux visiteurs de continuer à lire sans interruption. Pour faciliter cette fonctionnalité, il existe des plugins WordPress tels que Jetpack ou Ajax Load More qui peuvent ajouter cette fonctionnalité sans nécessiter de codage complexe.

Sur le plan technique, le défilement infini fonctionne principalement grâce à JavaScript et AJAX. Ces scripts détectent quand un utilisateur atteint le bas de la page et font alors appel au serveur pour obtenir et afficher le contenu suivant.

L’infinite scroll : quelques points à prendre en compte

L'infinite scroll : quelques points à prendre en compteMalgré les avantages en termes d’expérience utilisateur, il y a des points à considérer. Sur le plan de la performance, le chargement constant de nouveaux contenus peut parfois ralentir un site, en particulier si de grandes quantités de données sont récupérées à chaque fois.

D’un point de vue SEO le défilement infini peut poser des défis. Les moteurs de recherche peuvent avoir du mal à indexer tout le contenu, car ils ne voient pas toujours les articles ou les éléments qui ne sont chargés que lors d’un défilement. Il est donc essentiel de s’assurer que le contenu reste accessible et indexable.

Une autre préoccupation concerne la navigation. Étant donné que le contenu est constamment ajouté, les utilisateurs peuvent avoir du mal à atteindre le pied de page ou d’autres éléments de navigation qui se trouvent normalement au bas d’une page.

De ce qui précède, l’utilisation de l’infinite scroll doit être bien réfléchie pour éviter des éventuelles complications.

Comment mettre en place l’infinite scroll sur WordPress ?

La méthode la plus rapide et la plus efficace pour intégrer l’infinite scroll consiste à utiliser un plugin dédié. Dans le référentiel de plugins WordPress, il existe de modules gratuits et payants. Et parmi les options les plus connues, il existe entre autres : Jetpack, Ajax Load More, WP Infinite Scroll Posts et Infinite Scroll and AJAX Pagination.

Pour les besoins de cet article, nous allons utiliser l’extension Ajax Load More.  Accédez à la section « Extensions › ajouter ».Accès à la bibliothèque de plugins WordPress Rendez-vous dans la bibliothèque de WordPress et installez le plugin Ajax Load More.Installation du plugin Ajax Load More Après l’installation de l’extension, rendez-vous dans la section « Ajax Load More › Settings ».Configuration du plugin Ajax Load More sur WordPress

Une nouvelle interface vous sera présentée, rendez-vous dans l’onglet « Templates ».Ajax Load More Templates Dans les modèles, repérez la fonction the_excerpt().WordPress Fonction the_excerpt() Remplacez-la par la fonction the_content() comme ceci. Une fois que vous avez terminé, cliquez sur le bouton « Save template ».Remplacer la fonction the_excerpt() par the_content()

Le plugin Ajax Load More dispose d’une multitude d’options que vous pouvez utiliser pour personnaliser la fonctionnalité de défilement infini. Faites comme bon vous semble et générez le code d’intégration dans la partie à droite. Code d'intégration du défilement infiniLe code d’affichage vous permet d’intégrer des articles en défilement infini sur n’importe quelle page de votre site. Vous pouvez le coller dans l’éditeur classique ou utiliser le bloc Code court de Gutenberg. Mettre en place l'infinite scroll sur WordPress via le bloc Code court GutenbergUne fois que le code est ajouté dans la page, faites une prévisualisation pour vous assurer que les articles se chargent comme prévu.Chargement des articles en défilement infini sur WordPress

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Conclusion

La mise en œuvre 👨‍💻de l’Infinite Scroll est une stratégie éprouvée pour engager davantage les visiteurs et enrichir l’expérience utilisateur. 🤔 À travers les étapes discutées, vous êtes désormais armé pour transformer la navigation sur votre site, la rendant agréable et sans effort. 🤗En adoptant l’Infinite Scroll, vous ne fournissez pas seulement un contenu continu, mais vous créez une interaction sans fin avec votre audience,😊 ce qui est crucial pour la réussite en ligne dans le paysage digital concurrentiel d’aujourd’hui.

Et si vous avez des questions ou des préoccupations en rapport avec la configuration de l’infinite scroll sur WordPress, n’hésitez pas à nous écrire dans la section Commentaires.

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.