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:

  1. Descargar el plugin
  2. Subir el fólder PageNavi a wp-contents/plugins
  3. Activar el plugin
  4. Añadir esta línea de código en el Theme (abajo o arriba del listado)
    <?php if(function_exists(’wp_pagenavi’)) { wp_pagenavi(); } ?>
  5. Configurar nuestras opciones en WP-Admin -> Options -> PageNavi
  6. 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

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.

Enviado por Fafa (no verificado) el Sáb, 08/09/2008 - 09:03.
tanto tú como tu fuente

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.

Enviado por []_MoU_[] (no verificado) el Vie, 08/29/2008 - 03:13.

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Más información sobre opciones de formato

Suscríbete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes