Le défilement infini sur un site web est apparu il y a quelques temps, gagnant en popularité avec des sites tels que Facebook, Twitter ou encore des galeries d’images. Cela permet aux visiteurs de ne pas avoir à cliquer sur les liens de navigation paginés, grâce à un chargement automatiquement du contenu de la page suivante au fur et à mesure que l’on descend sur la page. C’et une technique qui peut permettre d’augmenter le temps de visite moyen, en réduisant les actions à effectuer de vos visiteurs pour consulter votre contenu. Si vous souhaitez mettre en place ce système sur votre site WordPress, une extension existe : Infinite Scroll.
Quelques considérations avant de se lancer
L’utilisation de ce genre de système, et spécifiquement de cette extension, est en effet sujette à un certains nombres de choses à prendre en compte, notamment :
- Cela ne fonctionne que sur la page d’accueil de votre site
- Il n’est pas possible d’empêcher ce comportement à volonté
- C’est une solution consommatrice en ressources, autant du côté du navigateur que du serveur
- Les systèmes d’analyse de visites (comme Google Analytics) ne captureront plus l’évènement
Utilisation de Infinite Scroll
La première chose à faire est d’installer et activer l’extension Infinite Scroll
Après activation, vous pourrez la configurer depuis le panneau d’options accessible via le sous-menu disponible dans Réglages. Celui-ci propose 3 onglets : le premier pour la configuration générale de l’extension, le second pour la configuration des sélecteurs CSS pour que le défilement infini fonctionne, et le dernier pour la gestion des sélecteurs prédéfinis.
Infinite Scroll - configuration générale
La configuration générale est assez simple, elle permet entre autre d’activer le défilement pour les administrateurs, les visiteurs ou tout le monde, de définir l’image de chargement et les textes, ainsi que le texte à afficher lorsqu’il n’y a plus de page suivante.
Infinite Scroll - configuration des sélecteurs
Le second onglet va vous permettre de définir les 4 éléments indispensables au fonctionnement de l’extension. Celle-ci doit pouvoir cibler le conteneur principal de votre contenu, le conteneur d’un article, le conteneur de la navigation par pages, et le lien vers la page des articles précédents. Pour les trouver, deux solutions : fouiller dans le template correspondant à votre page d’accueil (en général index.php, potentiellement home.php ou front-page.php), ou utiliser les informations données dans le “preset manager”.
Infinite Scroll - gestionnaire des sélecteurs prédéfinis
Comme vous pouvez le voir, l’extension possède un accès à une base de données avec des réglages prédéfinis pour certains thèmes. Mais vous pouvez également définir vos propres réglages prédéfinis correspondant au thème que vous utilisez, pour l’ajouter à la base de données.
Infinite Scroll est donc une extension simple à configurer et pratique, qui propose une consultation de votre site originale, mais à mon avis, elle doit être réservée à des utilisations bien spécifiques pour donner toute sa valeur.
One Response to “Défilement infini sur WordPress avec Infinite Scroll”
Trackbacks/Pingbacks
- Concentré du Web #77 - [...] Défilement infini sur WordPress avec Infinite Scroll [...]
Loading ...
Il y a quand même un gros problème pour des blogs classiques: impossible pour le visiteur de mettre en favori une page issue d’une pagination – par exemple lorsqu’il est nouveau et qu’il découvre le site, parcourant tout l’historique. À mon avis, c’est à utiliser avec précaution suivant l’orientation du blog.