{"id":231978,"date":"2023-01-13T11:17:00","date_gmt":"2023-01-13T08:17:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=231978"},"modified":"2022-11-10T05:58:47","modified_gmt":"2022-11-10T02:58:47","slug":"estilizar-los-enlaces-de-paginacion-en-las-publicaciones-de-wordpress","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/estilizar-los-enlaces-de-paginacion-en-las-publicaciones-de-wordpress\/","title":{"rendered":"Estilizar los enlaces de paginaci\u00f3n en las publicaciones de WordPress"},"content":{"rendered":"

WordPress ofrece una caracter\u00edstica relativamente poco conocida para dividir sus publicaciones extremadamente largas en diferentes p\u00e1ginas. Sin embargo, es un poco dif\u00edcil estilizarlo para que coincida con el estilo general de su sitio ya que, de forma predeterminada, WordPress no aplica clases CSS para orientar sus elementos. Aprendamos c\u00f3mo filtrar la funci\u00f3n que los genera y agregar clases para estilizarlos.<\/p>\n

Visi\u00f3n general<\/h2>\n

Las publicaciones se pueden paginar escribiendo la <!--nextpage--><\/code> etiqueta r\u00e1pida<\/a> mientras escribe el contenido de la publicaci\u00f3n, para indicar que el contenido que sigue a la etiqueta debe colocarse en una nueva p\u00e1gina. Luego, los enlaces se generan utilizando la funci\u00f3n wp_link_pages<\/a>, que crea la paginaci\u00f3n del contenido de la publicaci\u00f3n.<\/p>\n

Si bien debe considerar las implicaciones de SEO de la paginaci\u00f3n de contenido, y ese es un<\/a> tema completo<\/a> en s\u00ed mismo, probablemente tenga una buena raz\u00f3n para hacerlo, como un art\u00edculo incre\u00edblemente largo, probablemente con muchas im\u00e1genes y videos incrustados que tomar\u00edan demasiado tiempo. mucho para cargar y consumir\u00eda muchos recursos en su servidor.<\/p>\n

Inicializaci\u00f3n<\/h2>\n

Podemos llamar a la wp_link_pages<\/code>funci\u00f3n en nuestro tema de WordPress,<\/a> incluidas nuestras clases de CSS listas para ser dise\u00f1adas as\u00ed:<\/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
Filtraci\u00f3n<\/h2>\n
\u00bfQu\u00e9 sucede si estamos usando un tema hijo? si est\u00e1 correctamente construido get_template_part<\/code>, podemos copiar el archivo a nuestro tema secundario y reiniciar la funci\u00f3n con los valores adecuados.<\/p>\n
Una buena alternativa ser\u00eda usar el filtro wp_link_pages_args<\/code>para anular la inicializaci\u00f3n de la wp_link_pages<\/code>funci\u00f3n. Podemos agregar el siguiente c\u00f3digo en el archivo functions.php de nuestro tema hijo:<\/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
Esta tambi\u00e9n es una buena alternativa si la funci\u00f3n se inicializa dentro de un marco y queremos anular los valores para nuestro propio prop\u00f3sito.<\/p>\n
Fuente de grabaci\u00f3n:  startfunction.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
WordPress ofrece una caracter\u00edstica relativamente poco conocida para dividir sus publicaciones extremadamente largas en diferentes p\u00e1ginas. Sin embargo, es un poco dif\u00edcil de estilizar, por lo que<\/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":[892,903,716,840],"tags":[1172],"class_list":["post-231978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo","category-css-2","category-desarrollador","category-tutoriales","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/231978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=231978"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/231978\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/236123"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=231978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=231978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=231978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}