WP-PageNavi es un plugin para WordPress que facilita el diseño de su paginación. Por defecto, WordPress sólo trae los enlaces "Anterior" y "Siguiente" en la parte inferior de los listados; sin embargo, a medida que uno va publicando, estos enlaces se vuelven insuficientes e incómodos para ubicar un post antiguo.
Esta es la paginación por defecto de WordPress
Y así es cómo queda luego de instalado Wp-PageNavi.
Si uno ya tiene una buena cantidad de post en los archivos, este plugin o uno similar, se vuelve necesario. Por ejemplo, sitios como Digg o el propio WordPress utilizan una estructura similar a la de PageNavi.
Paginación de Digg
Paginación de WordPress
Cómo instalar PageNavi
Para instalar PageNavi hay que:
- Descargar el plugin
- Subir el fólder PageNavi a wp-contents/plugins
- Activar el plugin
- Añadir esta línea de código en el Theme (abajo o arriba del listado)
<?php if(function_exists(’wp_pagenavi’)) { wp_pagenavi(); } ?> - Configurar nuestras opciones en WP-Admin -> Options -> PageNavi
- Pulsar en Update Options y listo
Finalmente, para cambiar los estilos de la paginación hay que editar el archivo
/wp-content/plugins/pagenavi/pagenavi-css.css
Enlace | WP-PageNavi
Vía | Hongkiat
Si te gustó este artículo también te gustará...
Podrias explicar como editar el CSS? lo he intentado y no lo consigo.
Particularmente mi problema es que no logro hacer que haya un espacio entre caja y caja de numeracion.
Saludos.
tanto tú como tu fuente podíais ser mas concretos, y en vez de poner en el paso 4 que hay que añadir ese código en el theme, poner que hay que hacerlo en el footer.php :)
un saludo y gracias por el consejo.
Me parece correcta la aclaración de MoU, eso si agregaré que esto también se puede hacer en el index.php de tu tema (Theme) dependiendo de cual uses, remplazando esto:
*div class="navigation"*
<?php next_posts_link('Previous entries') ?>
<?php previous_posts_link('Next entries') ?>
*/div*
- Cambia los * por < y > según corresponda. Lo anoté así porque de otra forma no está permitido acá.
Por lo mencionado:
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
Y luego la modificas a gusto, altura, etc.
Un poco tarde la aclaración pero espero pueda servir.
@Heinvortex
Muchas gracias, ahí es donde justamente debe de ir el código del PageNav.
hola, me podias explicar como editarlos botones para q los bordes queden redondeados, a y si no esmucho pedir como hacer el espacio .DE antemano graciasy asludos
hola... queria preguntarte
por que aun luego de yo
pegar el codigo
<?php if(function_exists(’wp_pagenavi’)) { wp_pagenavi(); } ?>
no aparece las paginas... en mi blog
CHICOS... ESTE PARECE UN DATO BOLUDO PERO VALE LA PENA COMENTARLO. PUEDE PASARTE QUE INSTALES EL PAGENAVI CORRECTAMENTE SIGUIENDO TODOS LOS PASOS DE ESTE EXCELENTE POST, Y VES QUE TU PAGINACION NO APARECE Y COMIENZAS A VOLVERTE LOCO SACANDO UNA COSA Y OTRA Y NO TE DAS CUENTA QUE SI TU BLOG ES NUEVO Y NO TIENE MUCHAS ENTRADAS, EL PROBLEMA ES QUE NO PAGINA HASTA COMPLETAR EL NUMERO DE ENTRADAS DE PAGINACION.
ESTO SE SOLUCIONA CON SOLO ENTRAR EN EL PANEL DE CONTROL DE TU WORDPRESS Y HACER CLIC EN:
OPCIONES/LECTURA/Número máximo de entradas a mostrar en el blog
Y AGREGAS UN NUMERO INFERIOR A TUS ENTRADAS.
ESPERO QUE SE ENTIENDA.
PUEDES VER EN MI WEB.
UN ABRAZO
muchas gracias por tu aporte me sirvió mucho, esa configuración la había pasado por alto, ahora esta con todo el pagenavi :D
Hola a todos... muy bueno este sitio... he aprendido mucho de los artículos escritos aqui... ya se que este es un hilo un poco antiguo pero he tenido algunos problemas respecto al uso de wp-pagenavi y buceando en la red encontré este post donde quiero pedir de su ayuda, si aun se puede.
integre wp-pagenavi sin problemas a mi tema en la sección de category.php, definí los parámetros por defecto, y al visualizar la categoría lo hace sin problemas, me muestra los posts que necesito que muestre y la barra del wp-pagenavi con la cantidad de paginas que este crea.
El problema surge cuando quiero pasar de la pagina 1 a la pagina 2 o pagina N. Siempre me muestra el contenido de la pagina 1 pero esta vez sin estilos ni las imágenes.
el formato de mis permalinks son personalizados y están construidos así:
/n%post_id%_%day%-%monthnum%-%year%.html
Cuando llamo a mi categoria desde el home o cualquier lugar de mi sitio, la llamo de la siguiente manera:
<.. href="cat-miCategoria.html".. > mi enlace <.. donde miCategoria es el nombre de mi categoría. Redefini la regla de escritura de mi .htaccess para lograr esto y funciona.
y por ultimo, cuando estoy en la pagina de mi categoría y quiero ir a la pagina 2, por ejemplo, me genera la siguiente URL:
http://www.misito.dom/cat-miCategoria.html/page/2
Espero no ser tan extenso ni quitar mucho tiempo solo busco corregir el tema de la paginacion y la visualización de los estilos.
muchas gracias.
@Heinvortex muchas gracias es lo justo que buscaba
Hola amigo veo q el tema esta un poco viejo pero tengo un problema con el wp_pagenavi lo coloco y no se me muestra nada tengo 14 post y no me muestra nada tengo q muestre 5 en la opcion de lectura como lo dijo ALEJANDRO BLOGFOON en el query tengo showposts 5 tambien y en las opciones del pagenavi tambien tengo 5 y aun asi no se muestra nada, no se si es porq estoy manejando post y no paginas!
Gracias de ante mano!