Publicité
En savoir plus
Personnaliser le “Next Page” de vos billets WordPress
Le “Next Page” est une fonction qui vous permet de créer plusieurs pages dans vos billets WordPress.
Par exemple dans le précédent billets où je présente plusieurs vidéos sur le référencement j’ai divisé ce billet en plusieurs pages.
Mais la pagination de base été très basique mais peut suffire a certaines personnes.
Je vous rappels que pour diviser un article en plusieurs pages il vous suffit d’insérer ce code : <!–nextpage–>
En fait il est très simple de personnalisé cette balise, comme celle du “Read More“.
Tout d’abord, il faut savoir ce que vous voulez avoir pour une meilleure navigation dans les pages de vos billets.
Deux possibilités s’offre à vous.
Des images pour la page suivante et la page précédente ou simplement une pagination comme celle que génère le plugin “WP-Digg Style Paginator”.
Si vous utilisez ce plugin il faudra simplement insérer ce code dans le fichier “single.php” après la balise “the_content(”)” :
<div class="pagination"><?php wp_link_pages('pagelink=Page %'); ?></div>
La deuxième possibilité et de créer une image “Page Suivante” et “Page Précédente” ou tout simplement garder le texte. Pour cela insérez ce code dans le fichier “single.php” après la balise “the_content(”)”.
<?php link_pages('<br />', ' ',
'next', '<span class="right"><img src="URL DE VOTRE IMAGE" /></span>',
'<span class="left"><img src=""URL DE VOTRE IMAGE" /></span>'); ?>
Bien que l’image est en options, si vous voulez insérer du texte, insérez ce code :
<?php link_pages('<br />', ' ',
'next', '<span class="right">Page Suivante</span>',
'<span class="left">Page Précédente</span>'); ?>
11 commentaires !
Rflx says:
août 31, 2008
Sinon pour la pagination générale du blog il y a WP-PageNavi, très personnalisable !
Valentin says:
août 31, 2008
Ouaip aussi ! Mais je n’aime pas installer trop de plugin qui ajoute du code en l’air dans mes fichiers, donc je fais tout manuellement et je partage :razz:
bruno bichet says:
août 31, 2008
Bien vu, j’avais zappé la possibilité de mettre une image dans les paramètres, thx !
dadou3x says:
sept 1, 2008
sympa, merci pour l’astuce, j’allais t’envoyer un mail pour savoir comment t’as pu le faire, bain j’aurai pas besoin de le faire.
Asher256 says:
sept 1, 2008
Sympa l’astuce!
Valentin says:
sept 1, 2008
@bruno bichet: De rien Bruno, une petite astuce toute simple :razz:
@dadou3x: Héhé, n’hésite pas la prochaine fois si tu a une question :wink:
Younes says:
sept 3, 2008
Merci, super post!
Valentin says:
sept 4, 2008
De rien :wink:
Amaury says:
déc 27, 2008
Mettre des images pour des liens via le HTML, c’est pas vraiment propre…
Pourquoi ne pas faire un peu de CSS ?
Un petit background et basta ;)
Red from says:
déc 27, 2008
Excellente idée ;)
Designs Genius says:
juin 22, 2009
Une petite mise à jour de ce billet s’impose. En effet la fonction link_pages, sera bientôt obsolète. Il est préférable d’utiliser wp_link_pages également pour les images des boutons “précédent” et “suivant” de la manière suivante :
wp_link_pages(‘before=&after=&next_or_number=text&previouspagelink=&nextpagelink=’); ?>
faite la même chose pour l’image du bouton “suivant”.
Qu'est-ce que vous en pensez ? :)