![\"Diff\u00e9rence](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/default-numeric-navigation.png\" "\\"Diff\u00e9rence")
<\/p>\nUn de nos lecteurs nous a r\u00e9cemment demand\u00e9 comment ajouter la pagination num\u00e9rique sur la page du blog WPBeginner. Les th\u00e8mes par d\u00e9faut de WordPress et de nombreux autres th\u00e8mes affichent des liens de pagination en ajoutant d’anciens messages et des liens de messages plus r\u00e9cents au bas des pages d’archives WordPress. Cependant, il existe de nombreux sites WordPress qui utilisent la pagination des num\u00e9ros, comme WPBeginner. D’apr\u00e8s notre exp\u00e9rience, la pagination num\u00e9rique est plus facile \u00e0 utiliser, attrayante et SEO. Des cadres de th\u00e8mes WordPress plus avanc\u00e9s, comme Genesis, sont livr\u00e9s avec des fonctionnalit\u00e9s int\u00e9gr\u00e9es pour ajouter la pagination des num\u00e9ros. Dans cet article, nous vous montrerons comment ajouter une pagination num\u00e9rique dans votre th\u00e8me WordPress. L’objectif est de remplacer les liens de pagination par d\u00e9faut plus anciens et plus r\u00e9cents au bas des pages d’archives par des num\u00e9ros de page faciles \u00e0 naviguer.<\/p>\n
<\/p>\n
Il existe deux m\u00e9thodes pour ajouter une pagination num\u00e9rique \u00e0 votre th\u00e8me WordPress. La premi\u00e8re m\u00e9thode consiste \u00e0 ajouter manuellement la pagination num\u00e9rique sans compter sur un plug-in tiers. \u00c9tant donn\u00e9 que cet article est dans la cat\u00e9gorie th\u00e8me et est destin\u00e9 aux nouveaux concepteurs de th\u00e8mes, nous allons d’abord montrer la m\u00e9thode manuelle. La deuxi\u00e8me m\u00e9thode consiste \u00e0 utiliser un plug-in tiers existant pour ajouter la pagination des num\u00e9ros. Nous recommandons cette m\u00e9thode \u00e0 tous nos utilisateurs de bricolage.<\/p>\n
Tout d’abord, nous vous montrerons comment ajouter manuellement la pagination num\u00e9rique \u00e0 vos th\u00e8mes WordPress. Cela b\u00e9n\u00e9ficiera \u00e0 nos utilisateurs exp\u00e9riment\u00e9s et aux utilisateurs qui apprennent le d\u00e9veloppement de th\u00e8mes ou qui souhaitent le faire sans s’appuyer sur un plugin tiers. Commen\u00e7ons par ajouter le code suivant dans le fichier functions.php de votre th\u00e8me. <\/p>\n
Remarque: Ce code est d\u00e9riv\u00e9 du cadre Genesis que nous utilisons sur notre site. Si vous utilisez Genesis, vous n’avez pas besoin de ce code ou de ce plugin. <\/p>\n
\r\nfunction wpbeginner_numeric_posts_nav() {\r\n\r\n\tif( is_singular() )\r\n\t\treturn;\r\n\r\n\tglobal $wp_query;\r\n\r\n\t\/** Stop execution if there's only 1 page *\/\r\n\tif( $wp_query->max_num_pages max_num_pages );\r\n\r\n\t\/**\tAdd current page to the array *\/\r\n\tif ( $paged >= 1 )\r\n\t\t$links[] = $paged;\r\n\r\n\t\/**\tAdd the pages around the current page to the array *\/\r\n\tif ( $paged >= 3 ) {\r\n\t\t$links[] = $paged - 1;\r\n\t\t$links[] = $paged - 2;\r\n\t}\r\n\r\n\tif ( ( $paged + 2 ) <\/pre>\n\/ ** Lien article pr\u00e9c\u00e9dent * \/
\nif (get_previous_posts_link ())
\nprintf (‘<\/p>\n
‘. “n”, get_previous_posts_link ());<\/p>\n
\/ ** Lien vers la premi\u00e8re page, plus des ellipses si n\u00e9cessaire * \/
\nif (! in_array (1, $ links)) {
\n$ class = 1 == $ pagin\u00e9? ‘class = “active”‘: ”;<\/p>\n
printf (‘<\/p>\n
‘. “n”, $ class, esc_url (get_pagenum_link (1)), ‘1’);<\/p>\n
if (! in_array (2, $ links))
\nchass\u00e8rent ‘<\/p>\n
\u00bb
\n}<\/p>\n
\/ ** Lien vers la page actuelle, plus 2 pages dans les deux sens si n\u00e9cessaire * \/
\nsort ($ links);
\nforeach ((array) $ links as $ link) {
\n$ class = $ paged == $ link? ‘class = “active”‘: ”;
\nprintf (‘<\/p>\n
‘. “n”, $ class, esc_url (get_pagenum_link ($ link)), $ link);
\n}<\/p>\n
\/ ** Lien vers la derni\u00e8re page, plus des ellipses si n\u00e9cessaire * \/
\nif (! in_array ($ max, $ links)) {
\nif (! in_array ($ max – 1, $ links))
\nchass\u00e8rent ‘<\/p>\n
‘. “n”;<\/p>\n
$ class = $ paged == $ max? ‘class = “active”‘: ”;
\nprintf (‘<\/p>\n
‘. “n”, $ class, esc_url (get_pagenum_link ($ max)), $ max);
\n}<\/p>\n
\/ ** Lien suivant * \/
\nif (get_next_posts_link ())
\nprintf (‘<\/p>\n
‘. “n”, get_next_posts_link ());<\/p>\n
chass\u00e8rent ‘<\/ul>\n
‘. “n”;<\/p>\n
}<\/p>\n
Chez WPBeginner, nous utilisons ce m\u00eame code pour la pagination des num\u00e9ros sur nos pages d’archives (par exemple, notre blog ou la page de cat\u00e9gorie du didacticiel WordPress). Ce que fait ce code, c’est qu’il r\u00e9cup\u00e8re le nombre de pages et pr\u00e9pare une liste \u00e0 puces de liens num\u00e9rot\u00e9s. Pour l’ajouter \u00e0 vos mod\u00e8les, vous devrez ajouter la balise de mod\u00e8le suivante dans index.php, archive.php, category.php et tout autre mod\u00e8le de page d’archive pour votre th\u00e8me.<\/p>\n
![\"Ajouter](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/wp-numeric-pagination-code.png\" "\\"Ajouter")
<\/p>\n![\"Configurer](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/page-navigation-settings.png\" "\\"Configurer")
<\/p>\n![\"Vue](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/default-numeric-pagenavi.png\" "\\"Vue")
<\/p>\n![\"Copiez](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/wp-pagenavi-css.png\" "\\"Copiez")
<\/p>\n![\"PageNavi](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/05\/custom-pagenavi-css.png\" "\\"PageNavi")
<\/p>\n