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.Deja tu comentario