Vous cherchez un moyen de contrôler la pagination de WordPress ?
Ajuster la pagination de votre site peut vous aider à créer un site web plus convivial et facile à naviguer. Cependant, de nombreux thèmes WordPress ne proposent pas d’options de pagination détaillées, ce qui signifie que vous êtes limité dans les modifications que vous pouvez apporter.
Heureusement, il existe quelques moyens faciles d’ajuster la pagination de WordPress. Les utilisateurs plus avancés peuvent s’appuyer sur un code personnalisé, tandis que les utilisateurs occasionnels peuvent trouver plusieurs extensions de pagination de haute qualité.
Dans cet article, nous allons couvrir tout ce que vous devez savoir sur la pagination WordPress.
Plongeons-y !
Consultez notre guide vidéo sur la pagination WordPress
Qu’est-ce que la pagination WordPress ?
La pagination WordPress est le processus qui consiste à diviser la liste des articles de blog ou autres contenus de votre site web en pages distinctes.
Par exemple, si vous avez 100 articles de blog, vous pourriez configurer vos réglages de pagination pour afficher 10 articles de blog sur chaque page, ce qui diviserait votre liste d’articles de blog en 10 pages avec 10 articles chacune.
Les visiteurs peuvent ensuite utiliser les boutons « Suivant » ou « Précédent » pour naviguer entre les pages qui listent vos articles. Ou, dans certains cas, les visiteurs verront une liste de pages numérotées afin qu’ils puissent sauter à une page spécifique. Par exemple, la pagination se présente de cette façon dans le thème par défaut Twenty Twenty-One:
Vous pouvez aussi diviser un seul article WordPress en plusieurs pages, ce qui peut être utile si vous publiez du contenu long format.
Avec certains extraits de code ou extensions, vous pouvez aussi avoir beaucoup plus de contrôle sur le fonctionnement de la pagination sur votre site, des sujets que nous aborderons plus tard dans cet article.
Pourquoi utiliser la pagination WordPress ?
Il y a 3 raisons principales pour lesquelles vous devriez vous préoccuper de la pagination WordPress :
- Navigation et expérience utilisateur améliorées
- Meilleures performances
- Amélioration de l’exploration des moteurs de recherche
Passons-les en revue.
Amélioration de la navigation et de l’expérience utilisateur
Le plus grand avantage de l’amélioration de la pagination WordPress est qu’elle permet à vos visiteurs de naviguer plus facilement sur votre site, ce qui crée une meilleure expérience pour eux.
De nombreux thèmes WordPress n’affichent que des options de pagination limitées, ce qui rend difficile pour les visiteurs de naviguer vers une autre page.
Par exemple, voici les options de pagination par défaut du thème Twenty Twenty-One lorsqu’un visiteur lit la première page d’articles.
Les visiteurs peuvent naviguer jusqu’à la dernière page(page 6 dans cet exemple) ou jusqu’à la page suivante(en cliquant sur « Older posts ») mais ils ne peuvent pas naviguer directement vers les pages 3, 4 ou 5.
Comparez cela au blog Kinsta, qui propose plusieurs liens de pagination pour aider les visiteurs à se rendre au bon endroit.
Les visiteurs ont encore plus d’options lorsqu’ils naviguent vers des pages plus profondes, ce qui les aide à sauter rapidement en avant ou en arrière vers différentes pages si nécessaire.
Meilleures performances
Utiliser la pagination peut aussi être une tactique pour améliorer les performances de votre site WordPress en limitant la quantité de données que votre site doit charger sur chaque page.
Par exemple, disons que vous avez 50 articles de blog. Si vous essayez de charger les 50 articles de blog sur la page principale de votre blog, votre page de blog risque de se charger lentement car cela représente beaucoup de données.
Cependant, si vous utilisez la pagination pour diviser la liste en 5 pages de 10 articles chacune, chaque page se chargera beaucoup plus rapidement car elle n’a besoin de charger qu’un cinquième des données.
Meilleure exploration SEO
L’utilisation de la pagination peut aussi faciliter l’exploration de votre site par les robots des moteurs de recherche comme Googlebot en fournissant à ces robots davantage de liens de navigation.
C’est une légère différence, mais toute modification que vous pouvez apporter pour améliorer la facilité d’exploration de votre site est toujours une bonne chose pour le référencement.
Comment contrôler manuellement la pagination de WordPress
Même si nous aborderons quelques extensions WordPress de pagination pratiques dans la prochaine section, vous disposez également de quelques fonctions intégrées pour travailler avec la pagination WordPress. Ou, en fonction de votre niveau de connaissances, vous pouvez aussi ajuster la pagination à l’aide d’un code personnalisé.
Parlons des options intégrées pour travailler avec la pagination, en utilisant le thème par défaut Twenty Twenty-One comme exemple.
Contrôler le nombre d’éléments de contenu à afficher par page
Par défaut, WordPress affiche 10 articles par page. Donc si vous avez 25 articles, vous aurez 3 pages au total. Les 2 premières pages afficheraient 10 articles chacune, et la dernière page afficherait les 5 articles restants.
Si vous voulez ajuster ce nombre, vous pouvez aller dans Réglages > Lecture et modifier la valeur Les pages du site doivent afficher au plus.
Décomposer un article ou une page WordPress en plusieurs pages
Jusqu’à présent, nous nous sommes principalement concentrés sur la division de la page d’inscription de votre blog en plusieurs pages. Cependant, WordPress vous permet également de diviser des articles ou des pages individuels en plusieurs pages, ce qui peut être utile dans certaines situations.
Si vous utilisez l’éditeur de blocs de WordPress (AKA Gutenberg), vous pouvez choisir où ajouter les sauts de page à l’aide du bloc Saut de page.
Si vous utilisez l’éditeur classique TinyMCE, vous pouvez choisir où ajouter les sauts de page en utilisant l’une des deux méthodes suivantes :
-
- Placez le curseur de votre souris à l’endroit où vous voulez ajouter le saut de page dans l’onglet Visuel de l’éditeur. Utilisez ensuite le raccourci clavier suivant : Alt + Maj + P.
- Placez manuellement le saut de page en collant l’extrait de code suivant dans l’onglet Texte de l’éditeur :
<!--nextpage-->.
Utiliser PHP et CSS pour ajuster le comportement de la pagination de WordPress
Si vous n’êtes pas une personne très technique, cette méthode n’est probablement pas pour vous. Vous voudrez peut-être passer directement aux extensions de pagination.
Cependant, si vous ne vous sentez pas à l’aise pour apporter des modifications mineures au code de votre site, vous pouvez ajuster la pagination de votre thème en utilisant PHP et CSS.
Comme vous allez modifier les fichiers de modèle de votre thème, vous devez utiliser un thème enfant WordPress. Sinon, vos modifications seront écrasées la prochaine fois que vous mettrez votre thème à jour. Nous avons un guide détaillé sur la façon de configurer un thème enfant.
Nous vous recommandons également de sauvegarder votre site avant de faire des modifications.
Si vous voulez ajouter manuellement la pagination à un thème WordPress, vous pouvez utiliser la fonction the_posts_pagination. Par exemple, le code suivant :
the_posts_pagination( array(
'mid_size' => 2,
'prev_text' => __( 'Previous Page', 'textdomain' ),
'next_text' => __( 'Next Page', 'textdomain' ),
) );Vous ajouterez ce code directement aux fichiers de modèle de votre thème enfant où vous voulez que la pagination apparaisse.
Ci-dessous, nous avons laissé la pagination par défaut de Twenty Twenty-One et ajouté notre propre pagination en utilisant l’extrait de code pour voir la différence. La pagination « Page 1 » est la pagination par défaut du thème, et la pagination « 1 », « 2 », « 3 » provient de notre code personnalisé.
Voici à quoi cela ressemble dans le code – vous pouvez voir la fonction de pagination originale et notre pagination personnalisée.
Vous voudrez remplacer la fonction de pagination existante par votre fonction personnalisée sur un site WordPress en production (Attention : Nous vous recommandons de le faire d’abord sur un site de staging. Ce n’est qu’un exemple !). Vous devrez peut-être modifier plusieurs fichiers en fonction de votre thème.
Vous trouverez peut-être plus pratique de vous connecter à votre serveur via un client FTP et d’utiliser un éditeur PHP dédié pour modifier les fichiers de votre thème.
Pour ajuster le style de la pagination de votre thème, vous devrez ajouter quelques CSS personnalisés.
Les sept meilleures extensions WordPress de pagination
Si vous voulez avoir plus de contrôle sur la pagination de votre site, vous préférerez peut-être utiliser une extension WordPress de pagination. Voici 7 des meilleures options disponibles.
1. WP-PageNavi
Active sur plus de 700.000 sites, WP-PageNavi est l’extension WordPress de pagination la plus populaire, et de loin. Elle est également 100 % gratuite, ce qui contribue à expliquer sa popularité.
Elle vous propose une zone de réglages simple où vous pouvez contrôler le comportement de la pagination de votre site. Vous pouvez ajuster le texte, le nombre de numéros de page à afficher, et plus encore.
Si vous voulez avoir plus de contrôle sur la conception de votre pagination, vous pouvez aussi envisager l’extension tierce Styles For WP Pagenavi Addon.
Comment ça marche
Vu que WP-PageNavi est si populaire, certains thèmes WordPress offrent une prise en charge intégrée de l’extension. Si votre thème le fait, tout ce que vous devez, c’est activer l’extension, configurer ses réglages et vous êtes prêt. Vous pouvez accéder aux réglages en allant dans Réglages > PageNavi.
Cependant, si votre thème n’inclut pas de support intégré, vous devrez modifier manuellement les fichiers de modèle de votre thème pour que l’extension fonctionne, ce qui peut être un peu compliqué si vous n’êtes pas une personne très technique.
Vous devez trouver le code par défaut que votre thème utilise pour la pagination et le remplacer par l’extrait de code personnalisé de WP-PageNavi. Le développeur explique comment faire sur la page WordPress.org de l’extension.
2. WP-Paginate
WP-Paginate est une autre extension populaire pour mettre en place une pagination personnalisée sur votre site WordPress. En plus de vous aider à paginer vos articles, vous pouvez aussi utiliser l’extension pour ajouter une pagination personnalisée à vos sections de commentaires, ce qui peut vous aider à accélérer vos commentaires.
Contrairement à l’extension WP-PageNavi ci-dessus, vous n’avez pas besoin de modifier directement les fichiers de modèle de votre thème, ce qui pourrait en faire une meilleure option si vous n’êtes pas une personne technique. Pour les utilisateurs plus avancés, vous avez toujours la possibilité d’utiliser PHP pour placer manuellement la pagination dans les fichiers de modèle de votre thème.
Avec l’extension, vous pourrez personnaliser tous les aspects de votre pagination, notamment les suivants :
- Libellés et boutons
- Placement
- Combien d’éléments de navigation à afficher
Il existe une version gratuite sur WordPress.org qui devrait fonctionner pour la plupart des sites. Il existe aussi une version premium à 19 $ qui ajoute plus de styles prédéfinis et d’options de style.
Comment ça marche
Pour configurer l’extension, vous pouvez aller dans Réglages → WP-Paginate pour contrôler les réglages de l’extension.
Si vous voulez afficher la pagination de l’extension sans modifier les fichiers de modèle de votre thème, vous voudrez faire les sélections suivantes dans les réglages d’emplacement et de position :
- Cochez la case Partout pour afficher votre nouvelle pagination partout où la pagination est nécessaire.
- Définissez la liste déroulante Position sur Sous le contenu.
- Cochez la case Masquer la pagination standard pour masquer la pagination existante de votre thème.
3. Pagination by BestWebSoft
Pagination by BestWebSoft est une autre extension de pagination qui vous permet d’ajouter un nouveau système de pagination à votre site sans avoir besoin de modifier les fichiers de modèle de votre thème.
Cependant, comme l’extension WP-Paginate ci-dessus, vous avez toujours la possibilité de modifier les fichiers de modèle de votre thème si vous voulez avoir plus de contrôle sur le placement.
Grâce aux réglages de l’extension, vous pourrez facilement ajuster l’emplacement, le style et le comportement de votre pagination.
La version gratuite devrait convenir à la plupart des sites, mais une version premium à 20 $ ajoute aussi plus de types de pagination et une compatibilité Divi intégrée.
Comment ça marche
Pour configurer l’extension, allez dans le nouvel onglet Pagination de votre tableau de bord.
Les réglages par défaut de l’extension masqueront automatiquement la pagination existante de votre thème et la remplaceront par la pagination personnalisée de l’extension. Tout ce que vous devez faire, c’est configurer les réglages pour le style et le comportement de votre nouvelle pagination.
4. Ajax Load More
Ajax Load More vous permet de créer des boutons qui chargent plus de contenu sans forcer l’utilisateur à charger une nouvelle page. Il vous donne plusieurs options pour contrôler la pagination, y compris la pagination « traditionnelle » et quelques options uniques.
Si vous êtes prêt à acheter des modules premium, vous pouvez ajouter de véritables boutons de pagination. Lorsque les utilisateurs passent à une nouvelle page, ils ne percevront pas la page comme se rechargeant, mais l’URL changera (ce qui est bon pour le SEO). Vous pouvez voir une démonstration ici.
Ajax Load More vous permet de remplacer votre pagination par un bouton « Charger la suite » avec la version gratuite. Au lieu d’ajouter des liens de pagination que les visiteurs peuvent utiliser pour naviguer vers une autre page, Ajax Load More vous permet d’ajouter un bouton « Charger la suite » pour afficher plus de messages sans recharger la page. Vous pouvez voir une démo de cette fonction ici.
Comment ça marche
Au lieu d’ajouter la pagination à votre liste d’articles existante, l’extension Ajax Load More fonctionne en créant une nouvelle liste d’articles qui inclut les réglages souhaités. Pour configurer cela, vous utiliserez la zone Ajax Load More dans votre tableau de bord WordPress.
Si vous voulez configurer une pagination traditionnelle, assurez-vous d’acheter et d’installer le module Paging.
5. Alphabetic Pagination
L’extension Alphabetic Pagination vous aide à mettre en œuvre un type de pagination différent sur votre site – une liste A-Z.
Plutôt que de paginer par numéros et de classer les articles par leurs dates de publication, Alphabetic Pagination vous permet de créer une option de pagination pour chaque lettre de l’alphabet. Ensuite, si un utilisateur clique sur une lettre spécifique, il verra tous les éléments de contenu qui commencent par cette lettre.
Comment ça marche
Pour utiliser l’extension, dirigez-vous vers Réglages > Alphabetic Pagination pour configurer ses réglages.
Dans l’onglet Général des réglages de l’extension, vous pouvez configurer l’endroit où afficher votre pagination alphabétique.
Utiliser l’implémentation automatique est l’option la plus simple. Cependant, vous pouvez aussi placer manuellement votre pagination alphabétique en utilisant les codes courts ou la fonction PHP dans l’onglet Codes courts.
Une fois que vous avez configuré le placement, vous pouvez contrôler le design de votre pagination alphabétique dans l’onglet Stylisation.
6. WP Show Posts
WP Show Posts est une extension utile qui vous permet de créer vos listes d’articles, avec une pagination personnalisée.
C’est le détail clé – vous n’ajoutez pas la pagination à la liste d’articles de votre blog existant. Au lieu de cela, vous créez une nouvelle liste d’articles de blog qui inclut vos propres réglages de pagination.
L’extension comprend aussi un constructeur de requêtes flexible pour que vous puissiez choisir exactement les articles à afficher (et donc les articles que vous voulez paginer).
Comment ça marche
Une fois que vous avez activé l’extension, vous pouvez aller dans WP Show Posts > Ajouter pour créer une nouvelle liste d’articles.
Nous vous recommandons d’explorer tous les réglages pour contrôler le contenu à afficher. Pour configurer la pagination, coche la case Pagination dans l’onglet Articles et règle le nombre d’articles par page.
Une fois que vous avez tout configuré, vous pouvez ajouter votre liste d’articles en utilisant son code court ou sa fonction PHP.
7. Pagination Styler for WooCommerce
Comme son nom l’indique, Pagination Styler for WooCommerce est une extension de pagination spécialement conçu pour les boutiques WooCommerce.
elle vous donne de nombreuses nouvelles options pour contrôler le positionnement et le style de la pagination des produits de votre boutique. Vous pouvez aussi choisir des mises en page complètement différentes, comme la pagination verticale au lieu de la pagination horizontale traditionnelle.
Comment ça marche
Pagination Styler for WooCommerce fonctionne en remplaçant votre pagination WooCommerce existante par la pagination de l’extension.
Pour configurer les réglages de l’extension, vous pouvez aller dans BeRocket > Pagination Styler dans votre tableau de bord WordPress :
Résumé
La pagination vous permet de diviser le contenu de votre site WordPress en plusieurs pages. Cela peut faciliter la navigation pour les humains et les moteurs de recherche, et cela peut aussi améliorer les performances en chargeant moins de données sur chaque page.
Tous les sites WordPress sont livrés avec une prise en charge de la pagination dès le départ. Cependant, le système de pagination par défaut de la plupart des thèmes est limité.
Pour améliorer la pagination WordPress, vous pouvez ajouter votre code personnalisé ou utiliser l’une des 7 extensions WordPress de pagination que nous avons détaillés ci-dessus.
Vous avez encore des questions sur la pagination WordPress ? Partagez vos réflexions dans les commentaires ci-dessous !
Laisser un commentaire