Paginación en WordPress

Publicado por Nikko el dia 28 May 2007 - Guardado en Plugin, Tutoriales, WordPress Leido 6,310 Veces

Hoy buscando una forma rápida y practica de lograr una forma mas fácil de navegar entre las paginas mas antiguas y nuevas del blog (Podrás verlo abajo funcionando), descubro en La mate por un yogur un plugin que nos ayudara a lograrlo de forma fácil y rápida. WP Digg Style Pagination es un plugin para WordPress creado por mis-algoritmos y es precisamente este plugin quien nos facilitara paginar nuestra entradas del blog, y así eliminar el típico “siguiente - anterior” que a veces nos confunde.
Vayamos ahora paso por paso para instalarlo.

Instalacion:

  1. Descargamos el plugin WP Digg Style Pagination
  2. Descomprimimos el archivo y copiamos el archivo pagination.php en la carpeta plugin de wordpress “wp-content/plugins”
  3. En nuestro panel de control hacemos click en “Plugin” y activamos el plugin que acabamos de subir “WP Digg Style Pagination”
  4. Para que nuestro plugin funcione debemos eliminar el antiguo código que muestra el típico “siguiente - anterior” e introducir nuestro nuevo código que hará referencia a nuestro plugin de paginación. Entonces ahora procederemos a buscar ese código en nuestro theme.
  5. En nuestro Panel de control seleccionamos “Presentación” y “Luego “Editor de Temas”
  6. Buscaremos el código a modificar en nuestra “Plantilla de la página principal”(index.php) que será algo similar a esto:

  7. Una vez ubicado nuestro código, lo eliminamos y en su lugar pegaremos el código que hará referencia a nuestro plugin de paginación:
  8. PHP:
    <?php
        if(function_exists('pagination'))
            pagination(2,array("Anterior","Siguiente"));
    ?>

  9. Guardamos los cambios

Darle algun estilo:
Ahora viene la mejor parte darle un estilo para que haga juego con nuestro diseño. El estilo que vez en la foto del post y vez funcionando ya en xybeneticos es el estilo Flickr. Como veras su diseño y colores son iguales. ¿Cómo damos esos estilo? En este caso le daremos el estilo Flickr. Para lograrlo, nos vamos a la hoja de estilos de nuestro theme (Style.css) y pegamos el siguiente código.

CSS:
/*CSS Flickr style pagination*/
div.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

div.pagination a {
border: 1px solid #dedfde;
margin-right:3px;
padding:2px 6px;

background-position:bottom;
text-decoration: none;

color: #0061de;
}
div.pagination a:hover, div.meneame a:active {
border: 1px solid #000;
background-image:none;
background-color:#0061de;
color: #fff;
}
div.pagination span.current {
margin-right:3px;
padding:2px 6px;

font-weight: bold;
color: #ff0084;
}
div.pagination span.disabled {
margin-right:3px;
padding:2px 6px;

color: #adaaad;
}

Guardado los cambios, ya hemos terminado, nuestra paginación esta funcionando a la perfección y tiene el estilo de Flickr.

BONUS

En mis-algoritmos encontraremos mas codigos CSS para darle un estilo diferente, por ejemplo el estilo de Meneame, Digg, etc.

Ej:

Si aun le quedan dudas en el foro de Mis Algoritmos encontrar una sección para dudas o bien visita el artículo original. Si bien el sitio esta en ingles, no te preocupes porque habla español a la perfección, por lo tanto haz tus preguntas de forma natural.

 

Descarga Plugin Estilos Post Original Foro ayuda

Publicado por Nikko

Soy un diseñador y desarrollador web situado en la Patagonia Argentina. Disfruto testear y conocer nuevos scripts, además de experimentar nuevas técnicas tanto en impresión como en desarrollo web. Como propietario de Patagonia Creative, divido mi tiempo entre la empresa, trabajos para Pymes, ONG y Gob. ////////// Facebook / linkedin / xing

Nikko ha publicado 1142 posts en Xyberneticos - Leer todos mis articulos Nikko

  1. Arturo goga - Gravatar

    Arturo goga

    28-05-2007

    Permalink

    Muy bueno! Acabo de instalarlo en mi blog, y está funcionando genial. Gracias por el dato!

  2. [...] Nikko nos explica a detalle la cómo poder ponerle una paginación mucho más eficiente a nuestro WordPress. http://www.xyberneticos.com [...]

  3. [...] En el blog de XYBERNETICOS amplia un poco más el tema sobre la Paginación en WordPress. [...]

  4. Juan - Gravatar

    Juan

    28-05-2007

    Permalink

    Que bien, yo ya habia implementado uno así pero sin estilo. a cambiarlo...

  5. diarioTHC - Gravatar

    diarioTHC

    28-05-2007

    Permalink

    Buenas Nikko:

    En las colaboración que te mande hace unos días, también hay un plugin para hacer lo mismo. No lo e probado pero pinta bastante bien.

    URL: http://www.lesterchan.net/wordpress/readme/wp-pagenavi.html

    Saludos.

  6. César - Gravatar

    César

    28-05-2007

    Permalink

    Hola que tal, me parece impresionante lo que se puede hacer en wprdPress y pues quisiera saber si es posible hacerlo en Blogger (Blogspot), porque tambien tengo un problema con la paginacion en mi blog!!!

    thanks y felicidades que grandioso blog !! thanks nikko !!

  7. ko(onem - Gravatar

    ko(onem

    28-05-2007

    Permalink

    Se mira Bonito esto, y es una forma para moverse en el blog mas facilmente, yo modifice un poco los css y me salio bonito ^^

    Saludos

  8. Nikko - Gravatar

    Nikko

    28-05-2007

    Permalink

    Arturo goga: lo he visto funcionar en tu sitio, y se ve muy bien ^_^ saludos !!!!

  9. Nikko - Gravatar

    Nikko

    28-05-2007

    Permalink

    Cesar: la verdad que nose, es cuestión de averiguar para descubrir que hay para ese sistema..cuando encuentre algo lo escribo

  10. Nikko - Gravatar

    Nikko

    28-05-2007

    Permalink

    diarioTHC: si lo he visto, gracias por la colaboración q me envistes por mail ..saludos ^_^ !!!

  11. Nikko - Gravatar

    Nikko

    28-05-2007

    Permalink

    ko(onem : genial esa es la idea...que los personalicen..yo deje el de flickr porque hace juego con el sitio...de paso me ahorre trabajo..saludos ^_^

  12. [...] para eso utilizaremos ahora el plugin para la paginación tipo Digg. Donde Nikko nos explica como usarlo. A lo que me gustaría [...]

  13. Willy - Gravatar

    Willy

    28-05-2007

    Permalink

    hola como estas no me salio porque mi theme es diferente a lo que han publicado T_T alguien me podria ayudar porfavor

  14. Zetman - Gravatar

    Zetman

    28-05-2007

    Permalink

    Muy buen artículo, ya lo implemente en mi página, gracias

  15. stencer - Gravatar

    stencer

    28-05-2007

    Permalink

    muy bueno, pero que mal!!!, ya lo coloque, se ve muy bien, pero yo quiero otro estilo que esta en esa pagina, y no lo pone!!!, mirando me di cuenta de que, es el hilited html y el plain text, puedo con el segundo, pero como paso a plain text los otros para usarlos???

  16. [...] Aquí dejo como hacerlo y diferentes css para poder adaptarlo a tu gusto, espero les ayude. [...]

  17. Por más que lo intento no me sale el estilo CSS. ¡¡Qué ocurre???

  18. Hola a todos, quiza lguien pueda ayudarme con este tema, estoy buscando un plugin que Pagine Comentarios y que sea compatible con wordpress 2.x, gracias.

  19. [...] Fuente: Xyberneticos.com [...]

  20. Valver - Gravatar

    Valver

    28-05-2007

    Permalink

    Lo acabo de instalar en WP 2.5 y no me coge los estilo de la carpeta del plugin, pero lo he solucionado incluyendo el estilo de pagination en la CSS del tema.

    Muchisimas gracias por la informacion y felicidades por tu pagina.

  21. daosorio - Gravatar

    daosorio

    28-05-2007

    Permalink

    Excelente Plugin!

    Me es de gran utilidad.

    Saludos

  22. [...] Guía de Instalación: Xyberneticos [...]

  23. quiero pagina mi blog pero no he podido tengo themes premiuns y estoy dispuesto a compartirlos si alguien me puede paginar mi theme

    contactenme a juanbatista186[at]hotmail.com o dejeme un mensaje en mi blog



Nombre: (Necesario)

E-mail: (Necesario)

Website:

Escribe tu comentario: