Inicio > Estilos CSS, Wordpress > Paginación en WordPress

Paginación en WordPress

Una forma rápida y practica de lograr una forma mas fácil de navegar entre las paginas mas antiguas y nuevas del blog, es 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:

    <div>
    <div><?php next_posts_link(‘&laquo; Older Entries’) ?></div>
    <div><?php previous_posts_link(‘Newer Entries &raquo;’) ?></div>
    </div>

  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.

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

Ej:

  1. 21 agosto 2014 a las 23:00

    get greatest info read anywhere

  2. 15 noviembre 2012 a las 23:56

    Hi there, just wanted to say, I loved this article. It was practical.
    Keep on posting!

  3. 13 noviembre 2009 a las 09:09

    Te la paso en español: http://codex.wordpress.org/es:Template_Hierarchy

    La ayuda de wordpress se le puede incluir es: y automaticamente tenemos (si esta disponible/traducido) el texto en español.

    Saludos

  4. 13 noviembre 2009 a las 09:08

    Si no tienes un category.php suele estar en page.php si no recuerdo mal.

    En este enlace tienes la estructura que utiliza WordPress para visualizar contenido y la forma de crear plantillas: http://codex.wordpress.org/Template_Hierarchy

  5. 5 noviembre 2009 a las 00:06

    Xfa ayudame
    Necesito arreglar mi web

  6. 4 noviembre 2009 a las 19:57

    mmm pues donde puedo ver lo de category ya q hes muy importante q le ponga la barra de paginas a las categorias ya q no puedo acceder a mis antiguos post mi web es http://www.globovirtual.tk si vas hasta abajo podras ver la barra de paginas pero si entras a cualquier categoria no aparece ya sea las que tienen pocos o muchos post.
    Ayuda!! xfa

  7. 4 noviembre 2009 a las 16:59

    Has puesto el codigo en el resto de templates?

    Has de incluir el “paginator” en todas las paginas que quieras que se visualize el paginador (Search, author, single, category…) no solo en index.

  8. 1 noviembre 2009 a las 18:12

    hola gracias x este post en español me ayudo pero cuano voy a mis categorias no aparece ni barra de paginas ni lo q decia antes oldie entries q hago como pongo la barra de paginas en las categorias ayudame xfa Urgente!

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: