PageNavi: Paginación de WordPress con estilo

baluart16 Julio 2007 - 12:43pm 11 comentarios
Enviar por Email Imprimir

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

Comentarios

Imagen de Fafa

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.

Imagen de []_MoU_[]

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.

Imagen de Heinvortex

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.

Imagen de davidDAE

@Heinvortex

Muchas gracias, ahí es donde justamente debe de ir el código del PageNav.

Imagen de marko3600
marko3600

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

Imagen de Anonymous

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

Imagen de ALEJANDRO BLOGFOON

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

Imagen de giovani
giovani

muchas gracias por tu aporte me sirvió mucho, esa configuración la había pasado por alto, ahora esta con todo el pagenavi :D

Imagen de kunni
kunni

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.

Imagen de ignacio antonio
ignacio antonio

@Heinvortex muchas gracias es lo justo que buscaba

Imagen de Arkangel Carrasco
Arkangel Carrasco

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!

Dejar comentario

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más