{"id":51328,"date":"2021-12-21T11:23:28","date_gmt":"2021-12-21T10:23:28","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=51328&preview=true&preview_id=51328"},"modified":"2024-09-20T09:56:40","modified_gmt":"2024-09-20T08:56:40","slug":"pagination-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/pagination-wordpress\/","title":{"rendered":"Pagination WordPress : Comment ajouter une pagination manuellement ou avec des extensions"},"content":{"rendered":"

Vous cherchez un moyen de contr\u00f4ler la pagination de WordPress ?<\/p>\n

Ajuster la pagination de votre site peut vous aider \u00e0 cr\u00e9er un site web plus convivial et facile \u00e0 naviguer. Cependant, de nombreux th\u00e8mes WordPress<\/a> ne proposent pas d’options de pagination d\u00e9taill\u00e9es, ce qui signifie que vous \u00eates limit\u00e9 dans les modifications que vous pouvez apporter.<\/p>\n

Heureusement, il existe quelques moyens faciles d’ajuster la pagination de WordPress. Les utilisateurs plus avanc\u00e9s peuvent s’appuyer sur un code personnalis\u00e9, tandis que les utilisateurs occasionnels peuvent trouver plusieurs extensions de pagination de haute qualit\u00e9.<\/p>\n

Dans cet article, nous allons couvrir tout ce que vous devez savoir sur la pagination WordPress.<\/p>\n

Plongeons-y !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Consultez notre guide vid\u00e9o<\/a> sur la pagination WordPress<\/h3>\n<\/kinsta-video>\n

Qu’est-ce que la pagination WordPress ?<\/h2>\n

La pagination WordPress est le processus qui consiste \u00e0 diviser la liste des articles de blog ou autres contenus de votre site web en pages distinctes.<\/p>\n

Par exemple, si vous avez 100 articles de blog, vous pourriez configurer vos r\u00e9glages 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.<\/p>\n

Les visiteurs peuvent ensuite utiliser les boutons \u00ab Suivant \u00bb ou \u00ab Pr\u00e9c\u00e9dent \u00bb pour naviguer entre les pages qui listent vos articles. Ou, dans certains cas, les visiteurs verront une liste de pages num\u00e9rot\u00e9es afin qu’ils puissent sauter \u00e0 une page sp\u00e9cifique. Par exemple, la pagination se pr\u00e9sente de cette fa\u00e7on dans le th\u00e8me par d\u00e9faut Twenty Twenty-One<\/a>:<\/p>\n

\"Exemple
Exemple de pagination WordPress dans le th\u00e8me par d\u00e9faut Twenty Twenty-One.<\/figcaption><\/figure>\n

Vous pouvez aussi diviser un seul article WordPress en plusieurs pages, ce qui peut \u00eatre utile si vous publiez du contenu long format<\/a>.<\/p>\n

Avec certains extraits de code ou extensions, vous pouvez aussi avoir beaucoup plus de contr\u00f4le sur le fonctionnement de la pagination sur votre site, des sujets que nous aborderons plus tard dans cet article.<\/p>\n\n

Pourquoi utiliser la pagination WordPress ?<\/h2>\n

Il y a 3 raisons principales pour lesquelles vous devriez vous pr\u00e9occuper de la pagination WordPress :<\/p>\n

    \n
  1. Navigation et exp\u00e9rience utilisateur am\u00e9lior\u00e9es<\/li>\n
  2. Meilleures performances<\/li>\n
  3. Am\u00e9lioration de l’exploration des moteurs de recherche<\/li>\n<\/ol>\n

    Passons-les en revue.<\/p>\n

    Am\u00e9lioration de la navigation et de l’exp\u00e9rience utilisateur<\/h3>\n

    Le plus grand avantage de l’am\u00e9lioration de la pagination WordPress est qu’elle permet \u00e0 vos visiteurs de naviguer plus facilement sur votre site<\/a>, ce qui cr\u00e9e une meilleure exp\u00e9rience<\/a> pour eux.<\/p>\n

    De nombreux th\u00e8mes WordPress n’affichent que des options de pagination limit\u00e9es, ce qui rend difficile pour les visiteurs de naviguer vers une autre page.<\/p>\n

    Par exemple, voici les options de pagination par d\u00e9faut du th\u00e8me Twenty Twenty-One lorsqu’un visiteur lit la premi\u00e8re page d’articles.<\/p>\n

    \"Le
    Le th\u00e8me Twenty Twenty-One propose des options de pagination limit\u00e9es sur la premi\u00e8re page.<\/figcaption><\/figure>\n

    Les visiteurs peuvent naviguer jusqu’\u00e0 la derni\u00e8re page(page 6 dans cet exemple<\/em>) ou jusqu’\u00e0 la page suivante(en cliquant sur \u00ab Older posts \u00bb)<\/em>\u00a0mais ils ne peuvent pas naviguer directement vers les pages 3, 4 ou 5.<\/p>\n

    Comparez cela au blog Kinsta<\/a>, qui propose plusieurs liens de pagination pour aider les visiteurs \u00e0 se rendre au bon endroit.<\/p>\n

    \"Le
    Le blog Kinsta propose plusieurs options de pagination pour faciliter la navigation.<\/figcaption><\/figure>\n

    Les visiteurs ont encore plus d’options lorsqu’ils naviguent vers des pages plus profondes, ce qui les aide \u00e0 sauter rapidement en avant ou en arri\u00e8re vers diff\u00e9rentes pages si n\u00e9cessaire.<\/p>\n

    \"Les
    Les utilisateurs ont plus d’options de pagination lorsqu’ils naviguent vers des pages plus profondes.<\/figcaption><\/figure>\n

    Meilleures performances<\/h3>\n

    Utiliser la pagination peut aussi \u00eatre une tactique pour am\u00e9liorer les performances de votre site WordPress<\/a> en limitant la quantit\u00e9 de donn\u00e9es que votre site doit charger sur chaque page.<\/p>\n

    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\u00e9sente beaucoup de donn\u00e9es.<\/p>\n

    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\u00e8me des donn\u00e9es.<\/p>\n

    Meilleure exploration SEO<\/h3>\n

    L’utilisation de la pagination peut aussi faciliter l’exploration de votre site<\/a> par les robots des moteurs de recherche comme Googlebot en fournissant \u00e0 ces robots davantage de liens de navigation.<\/p>\n

    C’est une l\u00e9g\u00e8re diff\u00e9rence, mais toute modification que vous pouvez apporter pour am\u00e9liorer la facilit\u00e9 d’exploration de votre site est toujours une bonne chose pour le r\u00e9f\u00e9rencement<\/a>.<\/p>\n

    Comment contr\u00f4ler manuellement la pagination de WordPress<\/h2>\n

    M\u00eame si nous aborderons quelques extensions WordPress de pagination pratiques dans la prochaine section, vous disposez \u00e9galement de quelques fonctions int\u00e9gr\u00e9es pour travailler avec la pagination WordPress. Ou, en fonction de votre niveau de connaissances, vous pouvez aussi ajuster la pagination \u00e0 l’aide d’un code personnalis\u00e9<\/a>.<\/p>\n

    Parlons des options int\u00e9gr\u00e9es pour travailler avec la pagination, en utilisant le th\u00e8me par d\u00e9faut Twenty Twenty-One comme exemple.<\/p>\n

    Contr\u00f4ler le nombre d’\u00e9l\u00e9ments de contenu \u00e0 afficher par page<\/h3>\n

    Par d\u00e9faut, WordPress affiche 10 articles par page. Donc si vous avez 25 articles, vous aurez 3 pages au total. Les 2 premi\u00e8res pages afficheraient 10 articles chacune, et la derni\u00e8re page afficherait les 5 articles restants.<\/p>\n

    Si vous voulez ajuster ce nombre, vous pouvez aller dans R\u00e9glages > Lecture<\/strong> et modifier la valeur Les pages du site doivent afficher au plus<\/strong>.<\/p>\n

    \"Comment
    Comment modifier le nombre d’articles que WordPress affiche par page.<\/figcaption><\/figure>\n

    D\u00e9composer un article ou une page WordPress en plusieurs pages<\/h3>\n

    Jusqu’\u00e0 pr\u00e9sent, nous nous sommes principalement concentr\u00e9s sur la division de la page d’inscription de votre blog en plusieurs pages. Cependant, WordPress vous permet \u00e9galement de diviser des articles ou des pages individuels en plusieurs pages, ce qui peut \u00eatre utile dans certaines situations.<\/p>\n

    Si vous utilisez l’\u00e9diteur de blocs de WordPress (AKA Gutenberg)<\/a>, vous pouvez choisir o\u00f9 ajouter les sauts de page \u00e0 l’aide du bloc Saut de page<\/strong>.<\/p>\n

    \"Comment
    Comment ajouter des sauts de page avec le bloc Saut de page.<\/figcaption><\/figure>\n

    Si vous utilisez l’\u00e9diteur classique TinyMCE<\/a>, vous pouvez choisir o\u00f9 ajouter les sauts de page en utilisant l’une des deux m\u00e9thodes suivantes :<\/p>\n

      \n
    1. \n
        \n
      1. Placez le curseur de votre souris \u00e0 l’endroit o\u00f9 vous voulez ajouter le saut de page dans l’onglet Visuel<\/strong> de l’\u00e9diteur. Utilisez ensuite le raccourci clavier suivant : Alt + Maj + P<\/strong>.<\/li>\n
      2. Placez manuellement le saut de page en collant l’extrait de code suivant dans l’onglet Texte<\/strong> de l’\u00e9diteur : <!--nextpage--><\/code>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        Utiliser PHP et CSS pour ajuster le comportement de la pagination de WordPress<\/h3>\n

        Si vous n’\u00eates pas une personne tr\u00e8s technique, cette m\u00e9thode n’est probablement pas pour vous. Vous voudrez peut-\u00eatre passer directement aux extensions de pagination.<\/p>\n

        Cependant, si vous ne vous sentez pas \u00e0 l’aise pour apporter des modifications mineures au code de votre site, vous pouvez ajuster la pagination de votre th\u00e8me en utilisant PHP et CSS.<\/p>\n

        Comme vous allez modifier les fichiers de mod\u00e8le de votre th\u00e8me<\/a>, vous devez utiliser un th\u00e8me enfant WordPress. Sinon, vos modifications seront \u00e9cras\u00e9es la prochaine fois que vous mettrez votre th\u00e8me \u00e0 jour. Nous avons un guide d\u00e9taill\u00e9 sur la fa\u00e7on de configurer un th\u00e8me enfant<\/a>.<\/p>\n

        Nous vous recommandons \u00e9galement de sauvegarder votre site<\/a> avant de faire des modifications.<\/p>\n

        Si vous voulez ajouter manuellement la pagination \u00e0 un th\u00e8me WordPress, vous pouvez utiliser la fonction the_posts_pagination<\/a>. Par exemple, le code suivant :<\/p>\n

        the_posts_pagination( array(\n'mid_size' => 2,\n'prev_text' => __( 'Previous Page', 'textdomain' ),\n'next_text' => __( 'Next Page', 'textdomain' ),\n) );<\/code><\/pre>\n
        Vous ajouterez ce code directement aux fichiers de mod\u00e8le de votre th\u00e8me enfant o\u00f9 vous voulez que la pagination apparaisse.<\/p>\n
        Ci-dessous, nous avons laiss\u00e9 la pagination par d\u00e9faut de Twenty Twenty-One et ajout\u00e9 notre propre pagination en utilisant l’extrait de code pour voir la diff\u00e9rence. La pagination \u00ab Page 1 \u00bb est la pagination par d\u00e9faut du th\u00e8me, et la pagination \u00ab 1 \u00bb, \u00ab 2 \u00bb, \u00ab 3 \u00bb provient de notre code personnalis\u00e9.<\/p>\n
        \"Un
        Un exemple de la pagination par d\u00e9faut ainsi que de la pagination personnalis\u00e9e.<\/figcaption><\/figure>\n
        Voici \u00e0 quoi cela ressemble dans le code – vous pouvez voir la fonction de pagination originale et notre pagination personnalis\u00e9e.<\/p>\n
        \"Le
        Le code r\u00e9el de l’exemple de capture d’\u00e9cran ci-dessus.<\/figcaption><\/figure>\n
        Vous voudrez remplacer la fonction de pagination existante par votre fonction personnalis\u00e9e sur un site WordPress en production (Attention : Nous vous recommandons de le faire d’abord sur un site de staging<\/a>. Ce n’est qu’un exemple !). Vous devrez peut-\u00eatre modifier plusieurs fichiers<\/a> en fonction de votre th\u00e8me.<\/p>\n
        Vous trouverez peut-\u00eatre plus pratique de vous connecter \u00e0 votre serveur via un client FTP<\/a> et d’utiliser un \u00e9diteur PHP d\u00e9di\u00e9<\/a> pour modifier les fichiers de votre th\u00e8me.<\/p>\n
        Pour ajuster le style de la pagination de votre th\u00e8me, vous devrez ajouter quelques CSS personnalis\u00e9s<\/a>.<\/p>\n
        Les sept meilleures extensions WordPress de pagination<\/h2>\n
        Si vous voulez avoir plus de contr\u00f4le sur la pagination de votre site, vous pr\u00e9f\u00e9rerez peut-\u00eatre utiliser une extension WordPress de pagination. Voici 7 des meilleures options disponibles.<\/p>\n
        1. WP-PageNavi<\/h3>\n
        \"Extension
        Extension WordPress WP-PageNavi.<\/figcaption><\/figure>\n
        Active sur plus de 700.000 sites, WP-PageNavi<\/a> est l’extension WordPress de pagination la plus populaire, et de loin. Elle est \u00e9galement 100 % gratuite, ce qui contribue \u00e0 expliquer sa popularit\u00e9.<\/p>\n
        Elle vous propose une zone de r\u00e9glages simple o\u00f9 vous pouvez contr\u00f4ler le comportement de la pagination de votre site. Vous pouvez ajuster le texte, le nombre de num\u00e9ros de page \u00e0 afficher, et plus encore.<\/p>\n
        Si vous voulez avoir plus de contr\u00f4le sur la conception de votre pagination, vous pouvez aussi envisager l’extension tierce\u00a0Styles For WP Pagenavi Addon<\/a>.<\/p>\n
        Comment \u00e7a marche<\/h4>\n
        Vu que WP-PageNavi est si populaire, certains th\u00e8mes WordPress<\/a> offrent une prise en charge int\u00e9gr\u00e9e de l’extension. Si votre th\u00e8me le fait, tout ce que vous devez, c’est activer l’extension, configurer ses r\u00e9glages et vous \u00eates pr\u00eat. Vous pouvez acc\u00e9der aux r\u00e9glages en allant dans R\u00e9glages > PageNavi<\/strong>.<\/p>\n
        \"La
        La zone des r\u00e9glages de WP-PageNavi.<\/figcaption><\/figure>\n
        Cependant, si votre th\u00e8me n’inclut pas de support int\u00e9gr\u00e9, vous devrez modifier manuellement les fichiers de mod\u00e8le de votre th\u00e8me<\/a> pour que l’extension fonctionne, ce qui peut \u00eatre un peu compliqu\u00e9 si vous n’\u00eates pas une personne tr\u00e8s technique.<\/p>\n
        Vous devez trouver le code par d\u00e9faut que votre th\u00e8me utilise pour la pagination et le remplacer par l’extrait de code personnalis\u00e9 de WP-PageNavi. Le d\u00e9veloppeur explique comment faire sur la page WordPress.org de l’extension.<\/p>\n
        2. WP-Paginate<\/h3>\n
        \"Extension
        Extension WordPress WP-Paginate.<\/figcaption><\/figure>\n
        WP-Paginate<\/a> est une autre extension populaire pour mettre en place une pagination personnalis\u00e9e sur votre site WordPress. En plus de vous aider \u00e0 paginer vos articles, vous pouvez aussi utiliser l’extension pour ajouter une pagination personnalis\u00e9e \u00e0 vos sections de commentaires<\/a>, ce qui peut vous aider \u00e0 acc\u00e9l\u00e9rer vos commentaires<\/a>.<\/p>\n
        Contrairement \u00e0 l’extension WP-PageNavi ci-dessus, vous n’avez pas<\/strong> besoin de modifier directement les fichiers de mod\u00e8le de votre th\u00e8me, ce qui pourrait en faire une meilleure option si vous n’\u00eates pas une personne technique. Pour les utilisateurs plus avanc\u00e9s, vous avez toujours la possibilit\u00e9 d’utiliser PHP pour placer manuellement la pagination dans les fichiers de mod\u00e8le de votre th\u00e8me.<\/p>\n
        Avec l’extension, vous pourrez personnaliser tous les aspects de votre pagination, notamment les suivants :<\/p>\n