{"id":232320,"date":"2023-01-13T10:51:00","date_gmt":"2023-01-13T07:51:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232320"},"modified":"2022-11-10T08:42:26","modified_gmt":"2022-11-10T05:42:26","slug":"tyylittele-wordpress-viestien-sivutuslinkit","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/tyylittele-wordpress-viestien-sivutuslinkit\/","title":{"rendered":"Tyylittele WordPress-viestien sivutuslinkit"},"content":{"rendered":"<p>WordPress tarjoaa suhteellisen v\u00e4h\u00e4n tunnetun ominaisuuden eritt\u00e4in pitkien viestien jakamiseen eri sivuille. Sit\u00e4 on kuitenkin hieman vaikea tyylill\u00e4, joten se vastaa sivustosi yleist\u00e4 tyyli\u00e4, koska oletusarvoisesti WordPress ei k\u00e4yt\u00e4 CSS-luokkia kohdistaakseen elementteihins\u00e4. Opitaan suodattamaan ne tulostavaa funktiota ja lis\u00e4\u00e4m\u00e4ll\u00e4 luokkia niiden tyylist\u00e4miseksi.<\/p>\n<h2>Yleiskatsaus<\/h2>\n<p>Viestit voidaan sivuttaa kirjoittamalla <code>&lt;!--nextpage--&gt;<\/code> <a href=\"https:\/\/codex.wordpress.org\/Write_Post_SubPanel#Quicktags\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pikatunnistetta viesti\u00e4<\/a> kirjoitettaessa, mik\u00e4 osoittaa, ett\u00e4 tunnistetta seuraava sis\u00e4lt\u00f6 on sijoitettava uudelle sivulle. Linkit luodaan sitten funktiolla <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_link_pages\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_link_pages<\/a>, joka luo julkaisun sis\u00e4ll\u00f6n sivutuksen.<\/p>\n<p>Vaikka sinun on otettava huomioon <a href=\"https:\/\/startfunction.com\/tag\/seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sivutussis\u00e4ll\u00f6n<\/a> hakukoneoptimointivaikutukset, ja se on <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\">kokonainen aihe<\/a> itsess\u00e4\u00e4n, sinulla on todenn\u00e4k\u00f6isesti hyv\u00e4 syy tehd\u00e4 niin, kuten uskomattoman pitk\u00e4 artikkeli, jossa todenn\u00e4k\u00f6isesti on paljon kuvia ja upotettuja videoita, jotka vaativat liikaa. paljon ladattavaa ja kuluttaisi paljon resursseja palvelimeltasi.<\/p>\n<h2>Alustus<\/h2>\n<p>Voimme kutsua <code>wp_link_pages<\/code>funktiota <a href=\"https:\/\/startfunction.com\/tag\/wordpress-themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress-teemassamme<\/a>, mukaan lukien CSS-luokat, jotka ovat valmiita muotoiltavaksi seuraavasti:<\/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>Suodatus<\/h2>\n<p>Mit\u00e4 tapahtuu, jos k\u00e4yt\u00e4mme lapsiteemaa? jos se on rakennettu oikein k\u00e4ytt\u00e4m\u00e4ll\u00e4 <code>get_template_part<\/code>, voimme kopioida tiedoston lapsiteemaan ja alustaa funktion uudelleen oikeilla arvoilla.<\/p>\n<p>Hyv\u00e4 vaihtoehto olisi k\u00e4ytt\u00e4\u00e4 suodatinta <code>wp_link_pages_args<\/code>ohittamaan <code>wp_link_pages<\/code>toiminnon alustus. Voimme lis\u00e4t\u00e4 seuraavan koodin lapsiteeman functions.php-tiedostoon:<\/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>T\u00e4m\u00e4 on my\u00f6s hyv\u00e4 vaihtoehto, jos funktio alustetaan kehyksen sis\u00e4ll\u00e4 ja haluamme ohittaa arvot omaan tarkoitukseen.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <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 tarjoaa suhteellisen v\u00e4h\u00e4n tunnetun ominaisuuden eritt\u00e4in pitkien viestien jakamiseen eri sivuille. Se on kuitenkin hieman vaikeaa tyylill\u00e4, joten se<\/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":[906,719,895,843],"tags":[1166],"class_list":["post-232320","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-5","category-kehittaejae","category-koodi","category-opetusohjelmia","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=232320"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/232320\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=232320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=232320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=232320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}