PageNavi: Paginación de WordPress con estilo
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
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.
- responder
Enviado por Fafa (no verificado) el Sáb, 08/09/2008 - 09:03.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.
- responder
Enviado por []_MoU_[] (no verificado) el Vie, 08/29/2008 - 03:13.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.
- responder
Enviado por Heinvortex (no verificado) el Mar, 06/16/2009 - 00:10.@Heinvortex
Muchas gracias, ahà es donde justamente debe de ir el código del PageNav.
- responder
Enviado por davidDAE (no verificado) el Mié, 07/15/2009 - 15:42.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
- responder
Enviado por marko3600 (no verificado) el Sáb, 07/25/2009 - 01:45.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
- responder
Enviado por Anonymous (no verificado) el Vie, 10/23/2009 - 02:28.Deja tu comentario