{"id":231794,"date":"2023-01-13T10:47:00","date_gmt":"2023-01-13T07:47:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231794"},"modified":"2022-11-10T05:14:24","modified_gmt":"2022-11-10T02:14:24","slug":"stilisera-pagineringslaenkar-i-wordpress-inlaegg","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/stilisera-pagineringslaenkar-i-wordpress-inlaegg\/","title":{"rendered":"Stilisera pagineringsl\u00e4nkar i WordPress-inl\u00e4gg"},"content":{"rendered":"

WordPress erbjuder en relativt lite k\u00e4nd funktion f\u00f6r att dela upp dina extremt l\u00e5nga inl\u00e4gg i olika sidor. Det \u00e4r dock lite sv\u00e5rt att stilisera s\u00e5 det matchar din \u00f6vergripande webbplatsstil eftersom WordPress som standard inte till\u00e4mpar CSS-klasser f\u00f6r att rikta in sig p\u00e5 dess element. L\u00e5t oss l\u00e4ra oss hur man filtrerar funktionen som matar ut dem och l\u00e4gger till klasser f\u00f6r att stilisera dem.<\/p>\n

\u00d6versikt<\/h2>\n

Inl\u00e4gg kan pagineras genom att skriva in <!--nextpage--><\/code> snabbtaggen<\/a> medan du skriver inl\u00e4ggets inneh\u00e5ll, f\u00f6r att indikera att inneh\u00e5llet efter taggen m\u00e5ste placeras p\u00e5 en ny sida. L\u00e4nkarna genereras sedan med funktionen wp_link_pages<\/a>, som skapar sideringen av postinneh\u00e5llet.<\/p>\n

\u00c4ven om du m\u00e5ste \u00f6verv\u00e4ga SEO-<\/a> konsekvenserna av sidnumrering av inneh\u00e5ll, och det \u00e4r ett helt \u00e4mne<\/a> f\u00f6r sig, har du f\u00f6rmodligen en bra anledning att g\u00f6ra det, till exempel en otroligt l\u00e5ng artikel, f\u00f6rmodligen med m\u00e5nga bilder och inb\u00e4ddade videor som skulle ta alltf\u00f6r mycket att ladda och skulle f\u00f6rbruka m\u00e5nga resurser p\u00e5 din server.<\/p>\n

Initialisering<\/h2>\n

Vi kan kalla wp_link_pages<\/code>funktionen i v\u00e5rt WordPress-tema<\/a> inklusive v\u00e5ra CSS-klasser redo att utformas s\u00e5 h\u00e4r:<\/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
Filtrering<\/h2>\n
Vad h\u00e4nder om vi anv\u00e4nder ett barntema? om det \u00e4r korrekt byggt med hj\u00e4lp av get_template_part<\/code>kan vi kopiera filen till v\u00e5rt underordnade tema och \u00e5terinitiera funktionen med de r\u00e4tta v\u00e4rdena.<\/p>\n
Ett bra alternativ skulle vara att anv\u00e4nda filtret wp_link_pages_args<\/code>f\u00f6r att \u00e5sidos\u00e4tta initieringen av wp_link_pages<\/code>funktionen. Vi kan l\u00e4gga till f\u00f6ljande kod i functions.php-filen f\u00f6r v\u00e5rt barntema:<\/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
Detta \u00e4r ocks\u00e5 ett bra alternativ om funktionen initieras i ett ramverk och vi vill \u00e5sidos\u00e4tta v\u00e4rdena f\u00f6r v\u00e5rt eget syfte.<\/p>\n
Inspelningsk\u00e4lla:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
WordPress erbjuder en relativt lite k\u00e4nd funktion f\u00f6r att dela upp dina extremt l\u00e5nga inl\u00e4gg i olika sidor. Det \u00e4r dock lite sv\u00e5rt att styla s\u00e5 det<\/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":[910,848,901,724],"tags":[1173],"class_list":["post-231794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-9","category-handledningar","category-koda","category-utvecklaren","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=231794"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/231794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=231794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=231794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=231794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}