{"id":690,"date":"2010-11-02T23:27:24","date_gmt":"2010-11-02T21:27:24","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=690"},"modified":"2015-03-02T14:56:32","modified_gmt":"2015-03-02T13:56:32","slug":"une-pagination-wordpress-personnalisee-sans-plugin","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/une-pagination-wordpress-personnalisee-sans-plugin","title":{"rendered":"Une pagination WordPress personnalis\u00e9e sans plugin"},"content":{"rendered":"

Cette \u00ab\u00a0solution\u00a0\u00bb dans la cat\u00e9gorie Les tutoriels<\/strong> du site va faire un peu t\u00e2che, car je ne vais pas r\u00e9ellement expliquer tout le fonctionnement du code. D’o\u00f9 le rangement de l’article dans la cat\u00e9gorie Ressources<\/strong>. Vous allez me dire que \u00e7a fait le deuxi\u00e8me pr\u00e9sent\u00e9 ainsi, et… oui en effet.
\nMais l’avantage du blog, c’est que si vous ne comprenez pas tout le contenu de l’article, vous pouvez toujours me demander des explications en guise de commentaires (et moi \u00e7a me fait gagner un peu de temps).<\/p>\n

L’id\u00e9e<\/h2>\n

WordPress propose une gestion de la pagination assez basique avec un lien \u00ab\u00a0pr\u00e9c\u00e9dent\u00a0\u00bb et un lien \u00ab\u00a0suivant\u00a0\u00bb.
\nC’est d\u00e9j\u00e0 \u00e7a me direz-vous.
\nCependant, une pagination un peu plus \u00e9volu\u00e9e permet tout de m\u00eame une meilleure navigation sur un site.<\/p>\n

\"\"En naviguant sur quelques bons blogs (cf. sources et liens utiles<\/strong> de cet article), j’ai trouv\u00e9 des codes int\u00e9ressants mais pas toujours adapt\u00e9s \u00e0 ce que je souhaitais obtenir.
\nD’ailleurs, m\u00eame ce code n’est pas encore assez bien, je souhaiterais pouvoir limiter le nombre de liens affich\u00e9s. En effet, vous imaginez un blog avec plus de 30 pages d’articles, si tous les liens devaient s’afficher, \u00e7a serait un peu envahissant.<\/p>\n

Le code<\/h2>\n

Je vous invite \u00e0 placer ce code \u00e0 la suite de votre fichier functions.php<\/strong> qui doit normalement se trouver \u00e0 la racine de votre th\u00e8me WordPress. Si ce n’est pas le cas, cr\u00e9ez simplement le fichier.<\/p>\n

function pagination($query) {  \r\n\t\r\n\t$baseURL=\"http:\/\/\".$_SERVER['HTTP_HOST'];\r\n\tif($_SERVER['REQUEST_URI'] != \"\/\"){\r\n\t\t$baseURL = $baseURL.$_SERVER['REQUEST_URI'];\r\n\t}\r\n \r\n\t\/\/ Suppression de '\/page' de l'URL\r\n\t$sep = strrpos($baseURL, '\/page\/');\r\n\tif($sep != FALSE){\r\n\t\t$baseURL = substr($baseURL, 0, $sep);\r\n\t}\r\n \r\n  \/\/ Suppression des param\u00e8tres de l'URL\r\n\t$sep = strrpos($baseURL, '?');\r\n\tif($sep != FALSE){\r\n\t\/\/ On supprime le caract\u00e8re avant qui est un '\/'\r\n\t\t$baseURL = substr($baseURL, 0, ($sep-1));\r\n\t}\t\r\n\t\r\n\t$page = $query->query_vars[\"paged\"];  \r\n\tif ( !$page ) $page = 1;  \r\n\t$qs = $_SERVER[\"QUERY_STRING\"] ? \"?\".$_SERVER[\"QUERY_STRING\"] : \"\";  \r\n\t\r\n\t\/\/ N\u00e9cessaire uniquement si on a plus de posts que de posts par page admis \r\n\tif ( $query->found_posts > $query->query_vars[\"posts_per_page\"] ) {  \r\n\t\techo '<ul class=\"pagination\">'; \r\n\t\t\/\/ lien pr\u00e9c\u00e9dent si besoin\r\n\t\tif ( $page > 1 ) { \r\n\t\t\techo '<li class=\"next_prev prev\"><a title=\"Revenir \u00e0 la page pr\u00e9c\u00e9dente (vous \u00eates \u00e0 la page '.$page.')\" href=\"'.$baseURL.'\/page\/'.($page-1).'\/'.$qs.'\">\u00ab pr\u00e9c\u00e9dente<\/a><\/li>'; \r\n\t\t} \r\n\t\t\/\/ la boucle pour les pages\r\n\t\tfor ( $i=1; $i <= $query->max_num_pages; $i++ ) { \r\n\t\t\t\/\/ ajout de la classe active pour la page en cours de visualisation\r\n\t\t\tif ( $i == $page ) { \r\n\t\t\t\techo '<li class=\"active\"><a href=\"#pagination\" title=\"Vous \u00eates sur cette page '.$i.'\">'.$i.'<\/a><\/li>'; \r\n\t\t\t} else { \r\n\t\t\t\techo '<li><a title=\"Rejoindre la page '.$i.'\" href=\"'.$baseURL.'\/page\/'.$i.'\/'.$qs.'\">'.$i.'<\/a><\/li>'; \r\n\t\t\t} \r\n\t\t} \r\n\t\t\/\/ le lien next si besoin\r\n\t\tif ( $page < $query->max_num_pages ) { \r\n\t\t\techo '<li class=\"next_prev next\"><a title=\"Passer \u00e0 la page suivante (vous \u00eates \u00e0 la page '.$page.')\" href=\"'.$baseURL.'\/page\/'.($page+1).'\/'.$qs.'\">suivante \u00bb<\/a><\/li>'; \r\n\t\t} \r\n\t\techo '<\/ul>';  \r\n\t}  \r\n}<\/code><\/pre>\n
\"UneCe code consid\u00e8re que vous avez d\u00e9j\u00e0 utilis\u00e9 l’url-rewriting de WordPress pour \u00ab\u00a0enjoliver\u00a0\u00bb vos permaliens. Si ce n’est pas le cas, je vous invite \u00e0 le faire dans vos r\u00e9glages de blog (Admin > R\u00e9glages > Permaliens<\/em>) et \u00e0 choisir la forme qui vous semble la plus adapt\u00e9e \u00e0 vos besoins (personnellement j’utilise \/%category%\/%postname%<\/code>, mais nous nous \u00e9cartons du sujet).<\/p>\n
Une fois que cette fonction est enregistr\u00e9e, il vous suffit de l’appeler \u00e0 l’emplacement m\u00eame o\u00f9 vous souhaitez voir appara\u00eetre la pagination :<\/p>\n
<?php \r\n   pagination($wp_query);\r\n?><\/code><\/pre>\n
$wp_query<\/code><\/a> permet d’obtenir des informations qui d\u00e9finissent une requ\u00eate en cours. C’est elle qui va nous permettre de savoir sur quelle page on se trouve, et combien de pages il y a en tout.
\n\u00c0 ne pas omettre donc !<\/p>\n
Suggestions d’am\u00e9lioration<\/h2>\n
Des am\u00e9liorations sont envisageables pour \u00e9viter la surabondance de liens de pagination. L’une d’elles serait de planquer les liens en trop avec JavaScript (les cacher et les faire d\u00e9filer ?).
\nUne autre serait de limiter le nombre de liens affich\u00e9s dans la pagination en affichant par exemple la premi\u00e8re, la derni\u00e8re, et les deux pages (p+1 et p-1) avoisinant la page active (affich\u00e9e).<\/p>\n
J’y travaille et vous livre cela d\u00e8s que j’ai un r\u00e9sultat probant \ud83d\ude09<\/p>\n
Amusez-vous bien !<\/p>\n
\n
Sources et liens utiles :<\/h2>\n