Astuce comment implémenter plusieurs pages pour vos publications et pages Wordpress

Il n'y a rien de pire que de faire défiler un long post ou une page lorsqu'il est évident qu'il aurait dû être divisé en une série de morceaux plus faciles à digérer. C'est très facile à réaliser dans WordPress et plus de gens devraient le faire. Voici comment vous pouvez.


Quicktag votre post

Écrivez simplement votre message ou votre page comme d'habitude et chaque fois que vous devez commencer une nouvelle page, utilisez la commande quicktag.

Ci-dessous, une capture d'écran d'un article de démonstration divisé en trois pages avec quicktags.

C'est tout ce que vous avez à faire avec vos publications ou vos pages.


Modifier votre modèle

Dans votre répertoire de thèmes WordPress, vous trouverez single.php. Il s’agit du modèle chargé d’afficher des publications ou des pages individuelles. Et c’est ici que nous devons dire à WordPress d’afficher des liens de pagination pour nos quicktags.

Dans single.php (ou peut-être loop-single.php, souvent appelé à partir de single.php), vous trouverez la boucle WordPress qui affiche votre publication ou votre page. Voici une version simplifiée de cette boucle

 if (have_posts ()) while (have_posts ()): the_post (); le titre(); le contenu(); wp_link_pages (); fin si; en attendant;

Cette boucle affiche le titre de l'article ou de la page et le contenu, mais notez la fonction wp_link_pages. Cette fonction affiche
un ensemble de liens de page selon le quicktags vous mettez dans votre post.

Voici à quoi notre message ressemble lorsqu'il est affiché. Nous voyons la première page avec des liens vers les pages deux et trois.

C'est si simple.


Styliser les liens de page

La sortie par défaut de wp_link_pages est fonctionnelle mais assez ennuyeuse. Mais wp_link_pages nous permet également d’ajouter du texte avant et après à la sortie par défaut afin que nous puissions cibler les liens de pagination avec CSS. Voici à nouveau la boucle avec quelques arguments par défaut utilisés par le thème WordPress Twenty-Ten.

 if (have_posts ()) while (have_posts ()): the_post (); le titre(); le contenu(); wp_link_pages (array ('before' => '
'. 'Pages:', 'after' => '
')); fin si; en attendant;

Et voici à quoi cela ressemble une fois que nous avons appliqué des CSS à la classe de liens de page:

Bien sûr, vous pouvez vous déchaîner avec le style en termes de couleur et de taille. Assurez-vous également de vérifier les arguments de wp_link_pages car ils vous permettent de personnaliser davantage la sortie de pagination..