{"id":232324,"date":"2023-01-13T10:56:00","date_gmt":"2023-01-13T07:56:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232324"},"modified":"2022-11-10T08:44:15","modified_gmt":"2022-11-10T05:44:15","slug":"estilize-links-de-paginacao-em-postagens-do-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/estilize-links-de-paginacao-em-postagens-do-wordpress\/","title":{"rendered":"Estilize links de pagina\u00e7\u00e3o em postagens do WordPress"},"content":{"rendered":"

O WordPress oferece um recurso relativamente pouco conhecido para dividir seus posts extremamente longos em diferentes p\u00e1ginas. No entanto, \u00e9 um pouco dif\u00edcil estilizar para que corresponda ao estilo geral do seu site, pois, por padr\u00e3o, o WordPress n\u00e3o aplica classes CSS para direcionar seus elementos. Vamos aprender como filtrar a fun\u00e7\u00e3o que os gera e adicionar classes para estiliz\u00e1-los.<\/p>\n

Vis\u00e3o geral<\/h2>\n

As postagens podem ser paginadas digitando a <!--nextpage--><\/code> Quicktag<\/a> ao escrever o conte\u00fado da postagem, para indicar que o conte\u00fado ap\u00f3s a tag deve ser colocado em uma nova p\u00e1gina. Os links s\u00e3o ent\u00e3o gerados usando a fun\u00e7\u00e3o wp_link_pages<\/a>, que cria a pagina\u00e7\u00e3o do conte\u00fado do post.<\/p>\n

Embora voc\u00ea deva considerar as implica\u00e7\u00f5es de SEO<\/a> da pagina\u00e7\u00e3o de conte\u00fado, e esse \u00e9 um t\u00f3pico inteiro<\/a> por si s\u00f3, voc\u00ea provavelmente tem um bom motivo para faz\u00ea-lo, como um artigo incrivelmente longo, provavelmente com muitas imagens e v\u00eddeos incorporados que levariam muito muito para carregar e consumiria muitos recursos em seu servidor.<\/p>\n

Inicializa\u00e7\u00e3o<\/h2>\n

Podemos chamar a wp_link_pages<\/code>fun\u00e7\u00e3o em nosso tema WordPress<\/a> incluindo nossas classes CSS prontas para serem estilizadas assim:<\/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
Filtrando<\/h2>\n
O que acontece se estivermos usando um tema filho? se for constru\u00eddo corretamente, get_template_part<\/code>podemos copiar o arquivo para o nosso tema filho e reinicializar a fun\u00e7\u00e3o com os valores apropriados.<\/p>\n
Uma boa alternativa seria usar o filtro wp_link_pages_args<\/code>para substituir a inicializa\u00e7\u00e3o da wp_link_pages<\/code>fun\u00e7\u00e3o. Podemos adicionar o seguinte c\u00f3digo no arquivo functions.php do nosso tema filho:<\/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
Essa tamb\u00e9m \u00e9 uma boa alternativa se a fun\u00e7\u00e3o for inicializada dentro de um framework e quisermos substituir os valores para nosso pr\u00f3prio prop\u00f3sito.<\/p>\n
Fonte de grava\u00e7\u00e3o:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
O WordPress oferece um recurso relativamente pouco conhecido para dividir seus posts extremamente longos em diferentes p\u00e1ginas. No entanto, \u00e9 um pouco dif\u00edcil de estilizar, ent\u00e3o<\/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":[898,909,722,846],"tags":[1170],"class_list":["post-232324","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-2","category-css-8","category-desenvolvedor","category-tutoriais","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=232324"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/232324\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=232324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=232324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=232324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}