Comment utiliser WP_Query pour créer une pagination dans WordPress
Publié: 2021-08-31L'un des moyens productifs d'augmenter le nombre de pages vues de votre site Web avec un taux de rebond optimal consiste à utiliser WP_Query pour créer une pagination dans WordPress.
Dans ce didacticiel, nous allons vous guider à travers un guide facile à suivre pour ajouter une boucle WordPress personnalisée avec pagination.
Qu'est-ce que WP_Query ?
WP_Query est l'une des classes les plus importantes de WordPress car c'est ce qui vous donne accès aux enregistrements, publications, pages et types de publication personnalisés dans la base de données.
Pendant ce temps, les développeurs n'ont pas besoin d'écrire des requêtes SQL complexes sur la base de données afin de recevoir les informations nécessaires sur les publications, les pages ou les types de publication personnalisés, car WP_Query fera tout pour nous.
Qu'est-ce que la pagination dans WordPress et pourquoi en avez-vous besoin ?
La pagination est l'une des principales fonctionnalités que tout utilisateur de WordPress peut utiliser à diverses fins. C'est une bonne pratique de séparer les longs messages en plusieurs morceaux et de présenter chacun d'eux avec une nouvelle page.
Si vous utilisez un thème WordPress bien codé à votre disposition, selon toute probabilité, l'utilisation d'une balise dans votre message ajoutée juste là où vous avez besoin que le message se termine et commence à la page suivante fera le travail pour vous.
Il n'est pas difficile de deviner que les longs messages prendront beaucoup de temps à charger et seront gênants pour les invités du site Web ou les abonnés du blog à lire.
Diviser votre article ou de longues descriptions en autant de pages que cela semble opportun permettra aux lecteurs de digérer plus facilement toutes les informations sans se fâcher.
Si vous êtes un webmaster WordPress ou un propriétaire de site Web WordPress, nous sommes sûrs que vous connaissez la fonctionnalité de pagination intégrée de WP que vous pouvez facilement utiliser avec des liens ou une pagination numérique pour diviser les longs messages en autant de parties différentes que nécessaire et les présenter avec les pages précédentes et suivantes. par conséquent.
En plus de rendre vos articles et publications plus faciles à suivre et plus lisibles, la pagination présente également d'autres avantages.
Cela rendra l'apparence générale de votre site plus précise et compacte, ajoutera les pages vues de votre site, aidera à réduire le taux de rebond, contribuera au classement SEO et vous fournira plus de pages pour placer des publicités et plus encore.
Cependant, cette méthode ne fonctionne pas toujours sans effort avec les thèmes et modèles WordPress contemporains. Par conséquent, nous vous proposons d'utiliser WP_Query pour créer la pagination dans WordPress.
Avant d'approfondir le processus détaillant comment utiliser WP_Query pour créer une pagination dans WordPress, nous vous recommandons de vous familiariser avec la référence de classe WP Query dans WordPress Codex : https://codex.wordpress.org/Class_Reference/WP_Query#Usage .
Maintenant, lorsque vous avez une idée générale sur WP_Query et ses utilisations, laissez-nous partager un exemple de requête avec vous.
<?php /** * Nom du modèle : Page personnalisée */ get_header(); ?> <?php $paginé = ( get_query_var( 'paginé' ) ) ? get_query_var( 'paginé' ) : 1; $args = tableau( 'posts_per_page' => 4, 'paginé' => $paginé ); $custom_query = new WP_Query( $args ); ?> <!----démarrer--------> <div class="wrap"> <div class="content-area"> <main class="site-main" role="main"> <?php while($custom_query->have_posts()) : $custom_query->the_post(); ?> <div> <ul> <li> <h3><a href="<?php the_permalink(); ?>" ><?php the_title(); ?></a></h3> <div> <ul> <div><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></div> </ul> <ul> <p><?php echo the_content(); ?></p> </ul> </div> <div> </li> </ul> </div> <!-- fin des articles de blog --> <?php endwhile; ?> <?php if (function_exists("pagination")) { pagination($custom_query->max_num_pages); } ?> </main><!-- #main --> </div><!-- #primaire --> </div><!-- .wrap --> <!----fin--------> <?php get_footer();
Comment utiliser WP_Query pour créer une pagination dans WordPress
Code pour le rendu de la pagination
Créez un fichier de modèle nommé CustomPage.php dans le dossier du thème et ajoutez le morceau de code mentionné ci-dessous dans une page statique personnalisée.
<?php if (function_exists("pagination")) { pagination($custom_query->max_num_pages); } ?>
Accédez au tableau de bord d'administration pour créer une page et choisissez la page personnalisée comme modèle.
De plus, vous devrez utiliser le code suivant pour que la pagination personnalisée fonctionne : Vous devrez ajouter ce code dans functions.php (qui se trouve dans votre dossier de thème).
fonction pagination($pages = ”, $range = 4)
{ $showitems = ($plage * 2)+1 ; global $paginé ; if(empty($paginé)) $paginé = 1; si($pages == '') { globale $wp_query ; $pages = $wp_query->max_num_pages; si(!$pages) { $pages = 1; } }
si(1 != $pages) { echo "<div class=\"pagination\"><span>Page ".$paged." of ".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>« First</a> » ;

if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged – 1)."'>‹ Précédent</a>" ;
pour ($i=1; $i <= $pages; $i++)
{ if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ) ) { echo ($paginé == $i) ? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactif\" >".$i."</a>"; } }
if ($paged < $pages && $showitems < $pages) echo "<a href=\"".get_pagenum_link($paged + 1)."\">Suivant ›</a> " ; if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages) ."'>Nom »</a>" ; echo "</div>\n" ; } }
Maintenant que nous avons réussi à utiliser WP_Query pour créer la pagination dans WordPress, passons à la partie style. Naturellement, nous devrons maintenant nous occuper du fichier style.css au lieu de function.php.
Recherchez style.css dans le dossier du thème et ajoutez-y le code ci-dessous.
/* Mise en page */ .pagination { clarifier les deux; position:relative ; taille de police : 11 px ; /* Taille du texte de pagination */ hauteur de ligne : 13 px ; Flotter à droite; /* Sens flottant de la pagination */ }
.pagination span, .pagination a { bloc de visualisation; flotteur : gauche ; marge : 2px 2px 2px 0 ; rembourrage : 6px 9px 5px 9px ; décoration de texte : aucune ; largeur : automatique ; couleur :#fff ; /* Couleur du texte de pagination */ arrière-plan : #555 ; /* Pagination couleur de fond non active */ -webkit-transition : arrière-plan .15 s d'entrée et de sortie ; -moz-transition : arrière-plan 0,15 s d'entrée et de sortie ; -ms-transition : arrière-plan 0,15 s d'entrée et de sortie ; -o-transition : arrière-plan 0,15 s d'entrée et de sortie ; transition : arrière-plan 0,15 s d'entrée et de sortie ; }
.pagination a:hover{ couleur :#fff ; arrière-plan : #6AAC70 ; /* Fond de pagination au survol */ } .pagination .current{ rembourrage : 6px 9px 5px 9px ; arrière-plan : #6AAC70 ; /* Arrière-plan de la page courante */ couleur :#fff ; }
C'est ça. Nous espérons vraiment que notre article vous aidera à utiliser WP_Query pour créer une pagination dans WordPress sans accroc. En cas de question sur ce tutoriel ou sur les codes qui y sont partagés, n'hésitez pas à demander notre aide !
Lorsque vous configurez votre site Web sur WordPress, l'une des choses que vous voudrez peut-être envisager est d'utiliser wp_query pour créer une pagination dans WordPress .
Bien sûr, vous vous demanderez pourquoi vous devriez vous soucier de la pagination, mais voici pourquoi la pagination est un aspect important de tout site Web.
La pagination est le processus par lequel vous pouvez diviser un article long en articles plus courts, des sections de l'article d'origine étant publiées sur d'autres pages avec un lien vers l'article d'origine.
Cela contribue à augmenter le nombre de pages vues sur votre site Web et peut s'avérer inestimable en matière de référencement et de classement.
C'est pourquoi vous devez utiliser wp_query pour créer une pagination dans WordPress afin de pouvoir personnaliser la publication, la raccourcir et, ce faisant, contribuer à améliorer l'expérience utilisateur. Voici quelques raisons pour lesquelles la pagination est importante et pourquoi elle est essentielle pour votre site Web.
- Apparence nette et nette : grâce à la pagination, vous devriez pouvoir garder vos messages plus courts et, ce faisant, laisser votre page d'accueil épurée. Cela devrait vous permettre de présenter à vos clients un look propre et net.
De plus, les messages étant raccourcis, vous devriez être en mesure d'utiliser pleinement l'espace blanc de manière stratégique et d'attirer l'attention de l'utilisateur sur les parties pertinentes de votre site Web, peut-être sur un appel à l'action afin qu'il puisse cliquer dessus.
- Marketing : avec la pagination, vous devriez être en mesure de réduire la longueur des messages et de l'optimiser également dans le processus.
Avec ce plugin, vous pouvez décider quels messages vous souhaitez raccourcir et même personnaliser le message, afin qu'il apparaisse plus attrayant pour l'utilisateur final.
En conséquence, votre trafic devrait augmenter et, ce faisant, vous devriez également être en mesure de vous engager davantage avec vos utilisateurs qu'auparavant.
- Engagement des utilisateurs : aucun utilisateur ne souhaite lire un long message directement sur la page d'accueil ; c'est pourquoi il est essentiel que vous utilisiez la pagination pour que les messages soient courts.
Les utilisateurs apprécieront l'aspect épuré, les pages à chargement rapide et, par conséquent, vous devriez pouvoir vous engager davantage avec eux.
Avec l'entrée en jeu de la pagination, vous devriez être en mesure de maintenir les taux de rebond à des niveaux optimaux, de garder votre public suffisamment intéressé et, plus important encore, d'augmenter le nombre de pages vues sur votre site Web.
En conséquence, vous êtes tenu d'augmenter votre classement et de donner un coup de pouce à votre taux de conversion en ligne.
Ce sont quelques-unes des raisons pour lesquelles vous devez avoir une pagination sur votre site Web, car cela peut aider votre site Web à fonctionner encore mieux qu'auparavant.
Vous pouvez décider de la longueur des messages que vous souhaitez, et avec la pagination, vous devriez pouvoir décider de la longueur et même de l'apparence des messages. Avec cette fonctionnalité, vous devriez pouvoir offrir à vos utilisateurs une meilleure expérience utilisateur.