{"id":231696,"date":"2023-01-13T11:16:00","date_gmt":"2023-01-13T08:16:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231696"},"modified":"2022-12-25T18:49:05","modified_gmt":"2022-12-25T15:49:05","slug":"stylizuj-linki-do-paginacji-w-postach-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/stylizuj-linki-do-paginacji-w-postach-wordpress\/","title":{"rendered":"Stylizuj linki do paginacji w postach WordPress"},"content":{"rendered":"\n<p>WordPress oferuje stosunkowo ma\u0142o znan\u0105 funkcj\u0119 dzielenia bardzo d\u0142ugich post\u00f3w na r\u00f3\u017cne strony. Jednak stylizacja jest nieco trudna, wi\u0119c pasuje do og\u00f3lnego stylu witryny, poniewa\u017c domy\u015blnie WordPress nie stosuje klas CSS do kierowania swoich element\u00f3w. Nauczmy si\u0119 filtrowa\u0107 funkcj\u0119, kt\u00f3ra je wyprowadza i dodawa\u0107 klasy, aby je stylizowa\u0107.<\/p>\n<h2>Przegl\u0105d<\/h2>\n<p>Posty mo\u017cna podzieli\u0107 na strony, wpisuj\u0105c <code>&lt;!--nextpage--&gt;<\/code> <a href=\"https:\/\/codex.wordpress.org\/Write_Post_SubPanel#Quicktags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Quicktag<\/a> podczas pisania tre\u015bci posta, aby wskaza\u0107, \u017ce tre\u015b\u0107 po tagu musi zosta\u0107 umieszczona na nowej stronie. Linki s\u0105 nast\u0119pnie generowane za pomoc\u0105 funkcji <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_link_pages\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_link_pages<\/a>, kt\u00f3ra tworzy stronicowanie tre\u015bci posta.<\/p>\n<p>Chocia\u017c musisz wzi\u0105\u0107 pod uwag\u0119 wp\u0142yw stronicowania tre\u015bci na <a href=\"https:\/\/startfunction.com\/tag\/seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SEO, a to ju\u017c<\/a> <a href=\"http:\/\/www.webseoanalytics.com\/blog\/seo-pagination-guide-the-pros-and-cons-of-content-pagination\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ca\u0142y temat<\/a>, prawdopodobnie masz dobry pow\u00f3d, aby to zrobi\u0107, na przyk\u0142ad niesamowicie d\u0142ugi artyku\u0142, prawdopodobnie z du\u017c\u0105 ilo\u015bci\u0105 obraz\u00f3w i osadzonych film\u00f3w, kt\u00f3re zaj\u0119\u0142yby zbyt du\u017co do za\u0142adowania i zu\u017cy\u0142oby wiele zasob\u00f3w na twoim serwerze.<\/p>\n<h2>Inicjalizacja<\/h2>\n<p>Mo\u017cemy wywo\u0142a\u0107 <code>wp_link_pages<\/code>funkcj\u0119 w naszym <a href=\"https:\/\/startfunction.com\/tag\/wordpress-themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">motywie WordPress,<\/a> w tym nasze klasy CSS gotowe do stylizacji w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n<pre><code>&lt;?php\n    wp_link_pages(\n        'before' =&gt; '&lt;div class=\"nextpages\"&gt;'. esc_html__( 'Next Pages:', 'startfunction' ),\n        'after' =&gt; '&lt;\/div&gt;',\n        'pagelink' =&gt; '&lt;span class=\"pagelink\"&gt;%&lt;\/span&gt;'\n    );<\/code><\/pre>\n<h2>Filtracja<\/h2>\n<p>Co si\u0119 stanie, je\u015bli u\u017cyjemy motywu potomnego? je\u015bli jest poprawnie zbudowany przy u\u017cyciu <code>get_template_part<\/code>, mo\u017cemy skopiowa\u0107 plik do naszego motywu potomnego i ponownie zainicjowa\u0107 funkcj\u0119 z odpowiednimi warto\u015bciami.<\/p>\n<p>Dobr\u0105 alternatyw\u0105 by\u0142oby u\u017cycie filtra w <code>wp_link_pages_args<\/code>celu zast\u0105pienia inicjalizacji <code>wp_link_pages<\/code>funkcji. Mo\u017cemy doda\u0107 nast\u0119puj\u0105cy kod w pliku functions.php naszego motywu potomnego:<\/p>\n<pre><code>&lt;?php\nfunction startfunction_link_pages( $r) {\n    $args = array(\n        'before' =&gt; '&lt;div class=\"nextpages\"&gt;'. esc_html__( 'Next Pages:', 'startfunction' ),\n        'after' =&gt; '&lt;\/div&gt;',\n        'pagelink' =&gt; '&lt;span class=\"pagelink\"&gt;%&lt;\/span&gt;'\n    );\n    return wp_parse_args( $args, $r );\n\n    }\nadd_filter( 'wp_link_pages_args','startfunction_link_pages' );<\/code><\/pre>\n<p>Jest to r\u00f3wnie\u017c dobra alternatywa, je\u015bli funkcja jest inicjowana wewn\u0105trz frameworka i chcemy nadpisa\u0107 warto\u015bci dla naszych w\u0142asnych cel\u00f3w.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/startfunction.com\" class=\"external external_icon\">startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress oferuje stosunkowo ma\u0142o znan\u0105 funkcj\u0119 dzielenia bardzo d\u0142ugich post\u00f3w na r\u00f3\u017cne strony. Jednak stylizacja jest nieco trudna, wi\u0119c<\/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":[908,721,897,845],"tags":[1169],"class_list":["post-231696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-7","category-deweloper","category-kod","category-samouczki","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=231696"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/231696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=231696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=231696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=231696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}