Pagenavi es un popular plugin para WordPress programado por Lester Chan que sirve para realizar una paginación más vistosa y funcional en los blogs.
A pesar de que tiene sus limitaciones, su instalación y utilización son cosas muy fáciles de hacer y le dan buen aspecto a los websites.
1. Descargar la última versión del plugin.
2. Descomprimir el archivo en una carpeta local.
3. Subir el archivo a la carpeta de plugins de WordPress. /wp-content/plugins/
4. Activar el plugin en el Dashboard.
5. Poner <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?> en la página en que deseen el navegador de páginas.
Ahora solo falta personalizar o configurar el estilo. El plugin trae su propio archivo de estilo pagenavi-css.css
Yo recomiendo copiar el CSS del archivo y ponerlo en el CSS general de la plantilla, luego borrar el archivo pagenavi-css.css
Es algo así:
/* Paginado */
div.paginado { margin-bottom:1em } //margen del paginador
div.paginado p a { //párrafos y links
font-family : Verdana, Serif; //tipo de letra
font-size : 60%; //tamaño de letra
} //dimensiones de las cajitas
div.paginado a {
padding:2px 4px 2px 4px;
margin-left:4px; //espaciado entre las cajas
border:1px solid #0000ff; //tamaño del borde y color
text-decoration:none; //elimina todo estilo de otras clases
color:#0000ff //color de los numeritos
} //cursor sobre la caja
div.paginado a:hover {
border:1px solid #0000FF; //borde y color
color:#FFF!important; //color del texto
background:#0000FF //color de fondo
} //cuando está activa la página
div.paginado a:active {
border:1px solid #FF0000; //tamaño y color del borde
color:#FFF!important; //color del texto
background:#FF0000; //color del fondo
} //al hacer click en cursor sobre la cajita
div.paginado a.actual {
border:1px solid #FF3333; //tamaño y color del borde
color: #FFFFFF ; //color del texto
background:#FF3300 //color del fondo
} //color del texto cuando se posa el cursor en la cajita de la página actual
div.paginado a.actual:hover { color:#FFFF00!important }
Si no tienen muchos conocimientos de CSS como yo, pueden ir intentándolo a prueba y error.
Pueden ponerle imágenes de fondo y otras cosas.
Suerte!