Comment ajouter une pagination WordPress

Publié: 2020-10-24

Un de nos lecteurs nous a récemment demandé comment ajouter une pagination WordPress.

En insérant des liens anciens articles et nouveaux articles en bas des pages d'archives de votre WordPress vous affichez des liens de pagination. Cependant, la pagination numérique est utilisée par de nombreuses pages WordPress. Notre expérience montre que la pagination numérique est facile à utiliser, plus attrayante, facile et SEO Friendly.

Dans cet article, nous vous apprendrons quelques-unes des façons les plus simples d'activer la pagination WordPress et précisément la pagination numérique.

Masquer le contenu
1 Qu'est-ce que la pagination ?
2 Comment ajouter manuellement la pagination WordPress ?
2.1 Méthode 1 : Joindre les liens des articles précédents et suivants
2.2 Méthode 2 : joindre la pagination du numéro de page
3 Ajouter la pagination WordPress à l'aide de plugins
3.1 WP-PageNavi
3.2 WP-Paginate
4 Résumé

Qu'est-ce que la pagination ?

La pagination est une fonctionnalité commune à de nombreux blogs dans WordPress. C'est très important car c'est une fonctionnalité importante dans le centre WordPress pour tant de propriétaires de sites. La pagination est une pratique simple et standard qui vous empêche de charger tous vos éléments simultanément. De nombreux sujets ont également été développés en pagination.

Cependant, si ce n'est pas le cas, vous pouvez facilement configurer les paginations avec quelques lignes de code sur votre site Web. Dans cet article, nous allons explorer quelques méthodes différentes de gestion de la pagination sur votre site.

Comment ajouter manuellement la pagination WordPress ?

Vous pouvez utiliser les fonctions WordPress intégrées et quelques lignes de codes si vous créez votre propre thème ou souhaitez ajouter une pagination à votre thème. En fait, il existe deux méthodes d'insertion différentes.

Avec "Messages précédents" et "Messages suivants" ou ( << Précédent 1 … 3 4 5 6 7 … 9 Suivant >> ) sont attachés au bas de la page.

Méthode 1 : Joindre les liens des articles précédents et suivants

Pour ajouter la prise en charge de la pagination à votre thème, la plupart du code doit être inclus dans le fichier functions.php de votre thème ou dans le sujet des enfants. Je recommanderais la création d'un numéro pour enfants avec des fonctionnalités personnalisées lors de l'utilisation d'un thème premium.

Pour ajouter de la pagination à un thème WordPress, nous devons créer la fonctionnalité qui vous donne des liens avant et après en bas de la liste.

Comment ajouter une pagination WordPress

Cela étant dit, nous devons également nous assurer que certaines connexions ne sont affichées que lorsque les messages sont spécifiquement connectés. La première étape consiste à construire la fonction efficacement. Vous pouvez le faire en ouvrant votre document functions.php, en faisant défiler vers le bas et en insérant ce code :

 function pagination_nav() { global $wp_query; if ( $wp_query->max_num_pages > 1 ) { ?> <nav class="pagination" role="navigation"> <div class="nav-previous"><?php next_posts_link( '&larr; Older posts' ); ?></div> <div class="nav-next"><?php previous_posts_link( 'Newer posts &rarr;' ); ?></div> </nav> <?php } }

Cette fonctionnalité produirait alors une connexion précédente et suivante, enveloppée dans une balise de navigation HTML5, lorsqu'elle est appliquée à un modèle. Le premier composant de la fonctionnalité vérifie que plus d'une page de publications est actuellement disponible. Sinon, le code n'est pas nécessaire.

Après cela, le balisage HTML est organisé. Nous commençons avec une balise de navigation fondamentale, puis utilisons les fonctions lien des articles suivants et lien des articles précédents dans les balises div. Ces deux fonctions prennent en charge le premier argument pour HTML, qui peut être utilisé pour personnaliser le texte de sortie. Dans chaque (<-New Post), nous avons un peu de Javascript et une flèche Javascript pour styliser avec CSS plus tard.

Il vous suffit d'appliquer cette fonctionnalité au modèle réel une fois que vous l'avez ajouté. Pour cette raison, allez au modèle où le fichier index.php, normalement, est paginé et faites défiler jusqu'à la fin de la boucle. Cela suit la phrase "endwhile" mais certaines déclarations "then" à l'intérieur de la boucle. Ajoutez cette ligne, puis :

 <?php pagination_nav(); ?>

Cela affichera les liens vers votre page sous votre contenu et n'affichera les liens que si nécessaire.

Méthode 2 : joindre la pagination du numéro de page

Comment ajouter une pagination WordPress

La configuration est quelque peu proche de la façon dont nous configurons la pagination fondamentale, mais plutôt que les liens postaux suivants et précédents, nous utiliserons la fonction de liens de pagination de WordPress. Cela affichera une barre de pagination totale n'importe où sur vos modèles. Le premier bit de code dans notre fichier functions.php de thème ou de thème enfant peut à nouveau être placé. Nous pouvons utiliser des liens paginés pour mesurer le nombre de pages disponibles et présenter une liste de liens.

 function pagination_bar() { global $wp_query; $total_pages = $wp_query->max_num_pages; if ($total_pages > 1){ $current_page = max(1, get_query_var('paged')); echo paginate_links(array( 'base' => get_pagenum_link(1) . '%_%', 'format' => '/page/%#%', 'current' => $current_page, 'total' => $total_pages, )); } }

Encore une fois, un objet global de requête $wp est ajouté pour nous permettre de visualiser tous nos articles. Ensuite, en utilisant la fonctionnalité max num pages, nous calculons le nombre de pages disponibles sur notre page et effectuons des vérifications conditionnelles pour nous assurer qu'il y a plus d'une page, nécessitant une pagination. Aucun ne serait affiché autrement. Enfin, pour rechercher la page dans laquelle nous nous trouvons actuellement, nous utilisons get_query_var.

Le dernier mouvement consiste à utiliser la fonction de pagination des liens pour créer la liste des pages et les boutons précédent et suivant.

Veuillez également vous rendre sur le site Web (généralement index.php) et coller le code suivant juste avant la fin de notre boucle, après "endif" mais avant "endwhile".

 <nav class="pagination"> <?php pagination_bar(); ?> </nav>

Vous pouvez maintenant voir la liste complète des sites Web connectés, comme le montre l'image ci-dessus plutôt que les liens de base suivants ou précédents.

Ajouter la pagination WordPress à l'aide de plugins

Si vous n'êtes pas dans l'ajout manuel de la pagination WordPress, vous pouvez également utiliser certains plugins WordPress pour ajouter facilement ces paginations. Voici quelques plugins que vous pouvez utiliser :

WP-PageNavi

Comment ajouter une pagination WordPress

Il existe quelques plugins qui peuvent vous aider si vous recherchez un peu de pagination personnalisée ou si vous ne souhaitez pas l'exécuter manuellement. WP-PageNavi est peut-être le plus courant car il doit être configuré de manière pratique, personnalisable et à la mode. Nous l'avons décrit, les thèmes des thèmes élégants sont configurés pour démarrer automatiquement à l'aide de WP-PageNavi avec des fonctionnalités PHP intégrées et des styles CSS, il vous suffit donc de déclencher le plugin.

Pour ajouter de la pagination à votre page à l'aide de ce plugin, vous devez ajouter la fonction suivante :

 <?php wp_pagenavi(); ?>

Vous pouvez ensuite utiliser la page Paramètres du plugin pour personnaliser chaque aspect de la pagination. Sélectionnez le texte à afficher, lors de la pagination, et le format de chaque zone de page pour les liens suivants et précédents.

Pagination WP

Comment ajouter une pagination WordPress

WP Paginate est à peu près comme WP-Page Navi, mais vous pourriez trouver quelques fonctions supplémentaires utiles. Par exemple, si vous souhaitez personnaliser ultérieurement avec CSS ou choisir le numéro de page exact à afficher sur votre pagination, vous pouvez contrôler le balisage dans lequel votre pagination est enveloppée, afin qu'elle ne devienne pas trop ingérable. Comme WP-PageNavi, une seule fonction ajoute des numéros de page à votre page, remplaçant votre pagination existante.

Comment ajouter une pagination WordPress
Personnalisation WP-Paginate
 <?php if(function_exists('wp_paginate_comments')) { wp_paginate_comments(); } ?>

Votre thème aurait une liste complète de pages qui peuvent être modifiées avec les paramètres du plugin. Si vous trouvez une solution extrêmement simple qui n'est pas piégée avec autant d'options, WP-Paginate fonctionne bien et ne fonctionne qu'automatisé.

Résumer

Félicitations, vous avez enfin appris Comment ajouter une pagination WordPress . De plus, certains visiteurs nous ont également demandé comment réparer l'échec de la mise à jour de WordPress . Consultez l'article dédié à ce sujet.

Contactez notre équipe d'assistance si vous avez besoin d'aide avec les erreurs de pagination WordPress. Avec tous les problèmes WordPress, notre équipe de support vous aidera.

Nous acceptons tout type de suggestions des visiteurs car cela nous motive toujours à nous améliorer. N'hésitez pas à commenter ci-après.