Styliser les liens de pagination dans les articles WordPress

WordPress propose une fonctionnalité relativement peu connue pour diviser vos articles extrêmement longs en différentes pages. Cependant, il est un peu difficile à styliser afin qu’il corresponde au style général de votre site puisque par défaut, WordPress n’applique pas de classes CSS pour cibler ses éléments. Apprenons à filtrer la fonction qui les génère et ajoutons des classes pour les styliser.

Aperçu

Les messages peuvent être paginés en tapant le <!--nextpage--> Quicktag lors de la rédaction du contenu du message, pour indiquer que le contenu suivant le tag doit être placé dans une nouvelle page. Les liens sont ensuite générés à l’aide de la fonction wp_link_pages, qui crée la pagination du contenu de l’article.

Bien que vous deviez tenir compte des implications SEO de la pagination du contenu, et c’est un sujet à part entière, vous avez probablement une bonne raison de le faire, comme un article incroyablement long, probablement avec beaucoup d’images et de vidéos intégrées qui prendraient trop beaucoup à charger et consommerait beaucoup de ressources sur votre serveur.

Initialisation

Nous pouvons appeler la wp_link_pagesfonction dans notre thème WordPress incluant nos classes CSS prêtes à être stylées comme ceci :

Filtration

Que se passe-t-il si nous utilisons un thème enfant? s’il est correctement construit en utilisant, get_template_partnous pouvons copier le fichier dans notre thème enfant et réinitialiser la fonction avec les valeurs appropriées.

Une bonne alternative serait d’utiliser le filtre wp_link_pages_argspour remplacer l’initialisation de la wp_link_pagesfonction. Nous pouvons ajouter le code suivant dans le fichier functions.php de notre thème enfant :

C’est également une bonne alternative si la fonction est initialisée dans un framework et que nous voulons remplacer les valeurs pour notre propre usage.