{"id":232451,"date":"2023-01-13T10:49:00","date_gmt":"2023-01-13T07:49:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232451"},"modified":"2022-11-10T09:38:01","modified_gmt":"2022-11-10T06:38:01","slug":"stilizzare-i-collegamenti-di-impaginazione-nei-post-di-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/stilizzare-i-collegamenti-di-impaginazione-nei-post-di-wordpress\/","title":{"rendered":"Stilizzare i collegamenti di impaginazione nei post di WordPress"},"content":{"rendered":"<p>WordPress offre una funzionalit\u00e0 relativamente poco conosciuta per dividere i tuoi post estremamente lunghi in pagine diverse. Tuttavia, \u00e8 un po&#8217; difficile da stilizzare, quindi corrisponde allo stile generale del tuo sito poich\u00e9, per impostazione predefinita, WordPress non applica le classi CSS per indirizzare i suoi elementi. Impariamo come filtrare la funzione che li genera e aggiungere classi per stilizzarli.<\/p>\n<h2>Panoramica<\/h2>\n<p>I post possono essere impaginati digitando il <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> durante la scrittura del contenuto del post, per indicare che il contenuto che segue il tag deve essere inserito in una nuova pagina. I link vengono quindi generati utilizzando la funzione <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_link_pages\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wp_link_pages<\/a>, che crea l&#8217;impaginazione del contenuto del post.<\/p>\n<p>Anche se devi considerare le implicazioni <a href=\"https:\/\/startfunction.com\/tag\/seo\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SEO<\/a> dell&#8217;impaginazione dei contenuti, e questo \u00e8 un <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\">intero argomento<\/a> di per s\u00e9, probabilmente hai una buona ragione per farlo, come un articolo incredibilmente lungo, probabilmente con molte immagini e video incorporati che richiederebbero troppo molto da caricare e consumerebbe molte risorse sul tuo server.<\/p>\n<h2>Inizializzazione<\/h2>\n<p>Possiamo chiamare la <code>wp_link_pages<\/code>funzione nel nostro <a href=\"https:\/\/startfunction.com\/tag\/wordpress-themes\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema WordPress,<\/a> comprese le nostre classi CSS pronte per essere stilizzate in questo modo:<\/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>Filtraggio<\/h2>\n<p>Cosa succede se utilizziamo un tema figlio? se \u00e8 costruito correttamente usando <code>get_template_part<\/code>potremmo copiare il file nel nostro tema figlio e reinizializzare la funzione con i valori appropriati.<\/p>\n<p>Una buona alternativa sarebbe usare il filtro <code>wp_link_pages_args<\/code>per sovrascrivere l&#8217;inizializzazione della <code>wp_link_pages<\/code>funzione. Possiamo aggiungere il seguente codice nel file functions.php del nostro tema figlio:<\/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>Questa \u00e8 anche una buona alternativa se la funzione \u00e8 inizializzata all&#8217;interno di un framework e vogliamo sovrascrivere i valori per il nostro scopo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <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 offre una funzionalit\u00e0 relativamente poco conosciuta per dividere i tuoi post estremamente lunghi in pagine diverse. Tuttavia, \u00e8 un po&#8217; difficile da stilizzare cos\u00ec<\/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":[896,907,720,844],"tags":[1168],"class_list":["post-232451","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-css-6","category-sviluppatore","category-tutorial","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232451"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232451\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}