Integrar paginación en tu theme WordPress sin plugin

Julio 1, 2009 • WordPress

La paginación en WordPress es sin duda una de las cosas más comunes, en concreto el uso del plugin Page-Navi para lograrla, sin embargo siempre soy de la idea de instalar la menor cantidad de plugins posibles y cuando encontré este truco en Cats Who Code me fascinó, ya que permite integrar paginación en tu theme sin instalar propiamente el plugin.

Veamos como se hace:

Descargamos Page-Navi.
Buscamos y cortamos los archivos: wp-pagenavi.php y wp-pagenavi.css, abrimos el primero y editamos las siguientes líneas de código:

function wp_pagenavi($before = '', $after = '') {
        global $wpdb, $wp_query;

Reemplazandolas por estas:

function wp_pagenavi($before = '', $after = '') {
	global $wpdb, $wp_query;
pagenavi_init(); //Llamamos a que inicie la función

Guardamos y después de eso pegamos los 2 archivos en la carpeta de nuestro theme. Después deberemos insertar el siguiente snippet en donde queramos se despliegue la páginación, siendo común en el index.php, search.php a archives.php si lo tenemos:

<?php include('wp-pagenavi.php'); if (function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

Pero un momento, aún no se despliega la paginación, ¿por qué?, falta agregar el enlace a la hoja de estilos CSS, lo haremos de esta forma:

<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo('template_url');?>/pagenavi-css.css" />

Abajo del enlace al CSS de nuestro theme, el cual tiene la siguiente estructura:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Listo paginación embebida sin instalar ningún plugin, resulta muy útil sobre todo al desarrollar un theme para descarga ya que es una función bastante esencial en cualquier blog, el theme de Kernel Web tiene este hack aplicado.

Escrito por Esteban Rojas

Blogger radicado en México, fundador de Kernel Web, autodidacta, fanático de WordPress, por el momento estudiando el bachillerato, luego ya veremos.

Etiquetas: paginacion php plugins WordPress Hacks

13 grandiosos comentarios. Gracias por su opinión.

Mira que te dejo solo un momento y te me haces un experto en WP (?)

Jajaja excelente truco Andrés, no dudo en aplicarlo uno de estos días, que el pasotismo se me pase (?) xD
- Alan Rodríguez dijó:
- 2 Julio 2009
Responder
Jaja, ya ves uno que es Pro WP, nah para llegar a ser verdaderamente experto me falta bastante aunque ahí vamos, el truco es bastante bueno aunque hay otra forma de paginar completamente sin plugin, luego lo postearé si no estoy pasotista (?)
- Esteban Rojas dijó:
- 4 Julio 2009
Responder
Buen tutorial, yo generalmente siempre he tirado del “articulos anteriores”, “articulos recientes”. Más experto que yo en WP si que eres
- ideas geek dijó:
- 23 Julio 2009
Responder
- Ni tanto así, aunque nos esforzamos me alegro que les sea útil este tuto
  
  Saludos
  - Esteban Rojas dijó:
  - 25 Julio 2009
  Responder
Uff, Increible, Gracias, por casualidad entre por aca mediante un foro y mira lo que me encontre.

Tengo un blog al cual cuando le subo el plugin wp-pahenavi, me jode la parte de plugin.php y no puedo ni activarlo ni nada y para volver a entrar tengo que borrarlo.

Gracias a este “truco” podre ponerlo.

Gracias nuevamente y me pasare muy a menudo por aca.

Saludos
- Luis dijó:
- 25 Julio 2009
Responder
- Me alegro que te sirva Luis que ese es su objetivo, más cuando ocurren esos pequeños problemas vale hechar mano hacks como estos, cualquier otra duda o problema acá estamos.
  
  Saludos
  - Esteban Rojas dijó:
  - 25 Julio 2009
  Responder
No es necesario vincular el archivo pagenavi.css en el header. Se puede pegar el código en el style.css del theme, de esta forma son menos hits que se generan.

Saludos!
- Sabogal dijó:
- 6 Agosto 2009
Responder
- Gracias por el enlace y por el tip, no lo sabía creí que se tenía que vincular a fuerzas aunque a decir verdad al final el browser lee los estilos en conjunto así que la observación es más que adecuada.
  
  Saludos
  - Esteban Rojas dijó:
  - 6 Agosto 2009
  Responder
  - hola, felicidades! tras varios intentos de instalar el plugin de la forma convencional, he encontrado tu técnica y es la que mejor resultado me ha dado, la única pega es que me queda en ingles y no encuentro la manera de traducirlo. Si me pudieses ayudar, a como cambiar el idioma? Muchas gracias
    - rosa dijó:
    - 27 Enero 2010
    Responder
No hay ninguna diferencia entre esto e instalar un plugin, de igual manera te toca invocar una función externa a la plataforma, la única diferencia con esto es que tienes mucho menos control sobre el plugin, de resto funciona de igual manera.

Por otro lado el título es mentira, porque si estás usando un plugin, solo que no de la manera habitual.
- Angelfire dijó:
- 10 Agosto 2009
Responder
- Comprendo tu posición Andrés, en todo caso a como escribí en el último párrafo del post del post es una técnica bastante buena si estas desarrollando un theme para descarga, los usuarios de WP que no son desarrolladores buscan las funciones de una forma fácil y sin complicaciones y esta es un buena forma de darselas, incluso he visto a veces gente para la que el manejo de un plugin es difícil, me inclino a pensar que entre más funcionalidades le des a un theme y menos tenga que ver el usuario, este es de mejor calidad.
  
  En todo caso se respeta tu punto de vista amigo Saludos
  - Esteban Rojas dijó:
  - 10 Agosto 2009
  Responder
Es curioso que hables de PageNavi, pero que no lo utilices, en tus entradas. Así ayudarías bastante a tus lectores a navegar por tu blog. Cordial Saludo…
- Pilos dijó:
- 5 Noviembre 2009
Responder
Me parese Buena idea pero trata de hacerlo en un blog pero no me funciona no entiendo que estoy asiendo mal , seria mejor que subas el archivos modificado para evitar problemas , por lo que veo les funciono a varios pero a mi no
saludos
- mensajes claro dijó:
- 14 Febrero 2010
Responder