{"id":232247,"date":"2023-01-13T11:16:00","date_gmt":"2023-01-13T08:16:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232247"},"modified":"2022-11-10T08:17:25","modified_gmt":"2022-11-10T05:17:25","slug":"styliser-les-liens-de-pagination-dans-les-articles-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/styliser-les-liens-de-pagination-dans-les-articles-wordpress\/","title":{"rendered":"Styliser les liens de pagination dans les articles WordPress"},"content":{"rendered":"

WordPress propose une fonctionnalit\u00e9 relativement peu connue pour diviser vos articles extr\u00eamement longs en diff\u00e9rentes pages. Cependant, il est un peu difficile \u00e0 styliser afin qu’il corresponde au style g\u00e9n\u00e9ral de votre site puisque par d\u00e9faut, WordPress n’applique pas de classes CSS pour cibler ses \u00e9l\u00e9ments. Apprenons \u00e0 filtrer la fonction qui les g\u00e9n\u00e8re et ajoutons des classes pour les styliser.<\/p>\n

Aper\u00e7u<\/h2>\n

Les messages peuvent \u00eatre pagin\u00e9s en tapant le <!--nextpage--><\/code> Quicktag<\/a> lors de la r\u00e9daction du contenu du message, pour indiquer que le contenu suivant le tag doit \u00eatre plac\u00e9 dans une nouvelle page. Les liens sont ensuite g\u00e9n\u00e9r\u00e9s \u00e0 l’aide de la fonction wp_link_pages<\/a>, qui cr\u00e9e la pagination du contenu de l’article.<\/p>\n

Bien que vous deviez tenir compte des implications SEO<\/a> de la pagination du contenu, et c’est un sujet<\/a> \u00e0 part enti\u00e8re, vous avez probablement une bonne raison de le faire, comme un article incroyablement long, probablement avec beaucoup d’images et de vid\u00e9os int\u00e9gr\u00e9es qui prendraient trop beaucoup \u00e0 charger et consommerait beaucoup de ressources sur votre serveur.<\/p>\n

Initialisation<\/h2>\n

Nous pouvons appeler la wp_link_pages<\/code>fonction dans notre th\u00e8me WordPress<\/a> incluant nos classes CSS pr\u00eates \u00e0 \u00eatre styl\u00e9es comme ceci :<\/p>\n

<?php\n    wp_link_pages(\n        'before' => '<div class=\"nextpages\">'. esc_html__( 'Next Pages:', 'startfunction' ),\n        'after' => '<\/div>',\n        'pagelink' => '<span class=\"pagelink\">%<\/span>'\n    );<\/code><\/pre>\n
Filtration<\/h2>\n
Que se passe-t-il si nous utilisons un th\u00e8me enfant? s’il est correctement construit en utilisant, get_template_part<\/code>nous pouvons copier le fichier dans notre th\u00e8me enfant et r\u00e9initialiser la fonction avec les valeurs appropri\u00e9es.<\/p>\n
Une bonne alternative serait d’utiliser le filtre wp_link_pages_args<\/code>pour remplacer l’initialisation de la wp_link_pages<\/code>fonction. Nous pouvons ajouter le code suivant dans le fichier functions.php de notre th\u00e8me enfant :<\/p>\n
<?php\nfunction startfunction_link_pages( $r) {\n    $args = array(\n        'before' => '<div class=\"nextpages\">'. esc_html__( 'Next Pages:', 'startfunction' ),\n        'after' => '<\/div>',\n        'pagelink' => '<span class=\"pagelink\">%<\/span>'\n    );\n    return wp_parse_args( $args, $r );\n\n    }\nadd_filter( 'wp_link_pages_args','startfunction_link_pages' );<\/code><\/pre>\n
C’est \u00e9galement une bonne alternative si la fonction est initialis\u00e9e dans un framework et que nous voulons remplacer les valeurs pour notre propre usage.<\/p>\n
Source d’enregistrement:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
WordPress propose une fonctionnalit\u00e9 relativement peu connue pour diviser vos articles extr\u00eamement longs en diff\u00e9rentes pages. Cependant, c’est un peu difficile \u00e0 styliser donc \u00e7a<\/p>\n","protected":false},"author":1,"featured_media":236123,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,904,717,841],"tags":[1167],"class_list":["post-232247","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-css-3","category-developpeur","category-tutoriels","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=232247"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/232247\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=232247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=232247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=232247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}