Achetez les meilleurs Thèmes WordPress du marché !

WordPress Gzip Compression est une ...

En savoir plus

WordPress est très modulable et ...

En savoir plus

Publicité

En savoir plus
Personnaliser le “Next Page” de vos billets WordPress

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>'); ?>
Ajouter un commentaire

11 commentaires !

  1. Rflx says:

    août 31, 2008

    Répondre

    Sinon pour la pagination générale du blog il y a WP-PageNavi, très personnalisable !

  2. Valentin says:

    août 31, 2008

    Répondre

    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:

  3. bruno bichet says:

    août 31, 2008

    Répondre

    Bien vu, j’avais zappé la possibilité de mettre une image dans les paramètres, thx !

  4. dadou3x says:

    sept 1, 2008

    Répondre

    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.

  5. Asher256 says:

    sept 1, 2008

    Répondre

    Sympa l’astuce!

  6. Valentin says:

    sept 1, 2008

    Répondre

    @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:

  7. Younes says:

    sept 3, 2008

    Répondre

    Merci, super post!

  8. Valentin says:

    sept 4, 2008

    Répondre

    De rien :wink:

  9. Amaury says:

    déc 27, 2008

    Répondre

    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 ;)

  10. Red from says:

    déc 27, 2008

    Répondre

    Excellente idée ;)

  11. Designs Genius says:

    juin 22, 2009

    Répondre

    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 ? :)

Nom obligatoire

Site

♥ Ici, on utilise KeywordLuv. Entrez YourName@YourKeywords dans le formulaire "Nom" pour bénéficier des avantages SEO d'un mot-clef ciblé. Devenez membre et connectez-vous pour partager des fichiers via les commentaires !

Notre Newsletter WordPress