Paginación tipo digg o menéame
Con este tutorial conseguirás cambiar el tipo de paginación que tiene wordpress, Previous Entries y Next Entries, por:
Instalación:
- Descarga el plugin WP-Digg Style Paginator:
- Descomprime el fichero wp-pagination11.rar
- Sube el fichero pagination.php al directorio de plugins:
wp-content/plugins/ - Dirigete al panel de control > plugins
- Activa el plugin WP-Digg Style Paginator
- Edita el fichero index.php de tu theme activo, por ejemplo:
/wp-content/themes/default/index.php - Busca algo parecido a esto:
<div class=”navigation”>
<div class=”alignleft”><?php next_posts_link(‘« Previous Entries’) ?></div>
<div class=”alignright”><?php previous_posts_link(‘Next Entries »’) ?></div>
</div> - Remplazalo por:
<?php
$p = new wp_pagination_plugin();
$p->nextLabel(‘Siguiente’);
$p->prevLabel(‘Anterior’);
$p->show();
?> - Guarda los cambios del fichero index.php
Personalización:
- Tener el mismo que el de viciao2k3
- Descarga el fichero:
- Copia el contenido del fichero estil_paginacio.css y pegalo en el fichero style.css de tu theme activo, por ejemplo:
/wp-content/themes/default/style.css - Guarda los cambios del fichero style.css
- Descarga el fichero:
- Cambiar el aspecto de la paginación
- Escoge el estilo
- Una vez te hayas decidido por uno, pulsa el enlace que pone Download CSS
Por ejemplo:
Digg Style (Download CSS) - Copia todo el contenido en el fichero style.css de tu theme activo, por ejemplo:
/wp-content/themes/default/style.css - Guarda los cambios del fichero style.css
- Cambiar anterior, siguiente por:
- Edita el fichero index.php de tu theme activo, por ejemplo:
/wp-content/themes/default/index.php - Busca algo parecido a esto:
<?php
$p = new wp_pagination_plugin();
$p->nextLabel(‘Siguiente’);
$p->prevLabel(‘Anterior’);
$p->show();
?> - Remplazalo por:
<?php
$p = new wp_pagination_plugin();
$p->nextLabel(”);
$p->prevLabel(”);
$p->nextIcon(‘►’);
$p->prevIcon(‘◄’);
$p->show();
?> - Guarda los cambios del fichero index.php
- Edita el fichero index.php de tu theme activo, por ejemplo:
Pero tú no duermes?
@magarto: jaja si soy raro, cuando me tengo que levantar por obligacion me cuesta lo suyo, pero en cambio un dia festivo me puedo levantar haciendo una voltereta
supongo que no sere el unico no
¿oye no estaras pensando que he hecho yo el plugin? no no, el autor del plugin es Victor De la Rocha
Jejejeje, esto me hacia falta para mi proximo theme xP
Gracias nuevamente Gafeman, vere como me queda, pero imposible perderme con esto ^^
Saludos!
Bienvenido entonces al club de los raros… soy como tú
Salgo de fiesta un finde, como ayer y duermo 3 o 4 horas…
Lo decía sobre todo porque día a día tienes algo nuevo que ofrecer, eres la caña
Gracias gafeman ! No conocía el plugin pero le echaré un ojo a ver que tal queda en mi blog.
Hola gafeman, no uso wordpress pero tu artículo me ha venido a las mil maravillas como referencia para poder programar mi propia barra de paginación que la que tenía daba pena. Muchas gracias.
Saludos avinagrados.
Gracias Gafeman, hace poco actualice mi blog, y tenia problemas con la paginación pero gracias a tu ayuda lo he logrado.
Saludos
Hola Miquel,
Hey, m’encanta. Quan tingui un moment ho poso al meu blog. Per cert, felicitats pel blog, es una passada,ja et tinc agregat.
Tengo problemas con la paginacion, salen los numeros pero no el estilo.
SOCORRO !
@Peloton69.com: sigue el punto Cambiar el aspecto de la paginación
Gracias!, ya había probado bastante de otras maneras y la verdad no había podido, me gustan muchos tus explicaciones por que son fáciles de entender para gente como yo que esta recién iniciada con esto de WP…
Un saludo…
Hola a todos, no tengo narices de conseguir que se mueva a la pagna adecuada. Es decir, el paginador le consigo meter con el estilo que deseo, pero no pagina. Alguien le ha pasado algo similar?
Oye gafeman, me embarga la duda, ¿por qué recomiendas este plugin por encima de los otros que existen?, es que necesito uno que sea bueno.
@Angelfire: vaya pues si hay otros nos los conozco jeje
te recomiendo este porque es el mas popular, ahora veo que la web ya no existe manda webs..
lo he subido en mi server para que lo puedes instalar.
un saludo !
Que mala onda, mira no mas:
Bueno, ahora el problema que veo es, el muchacho cierra su site, se termina el soporte para el plugin, nos jodemos :
Yo uso WP-PageNavi.
Se fué la pagina donde estbaan los estilos.
saludos gafeman
$p->nextIcon(’►’);
$p->prevIcon(’◄’);
con algunos themes eso no rula, tiene que ser asi:
$p->nextIcon(’»’);
$p->prevIcon(’«’);
lo pongo por si le pasa a alguien jeje
@adRy0n3: si falla debe ser por que codigo HTML, aqui tienen una lista de codigos ASCII
pd.: yo uso este codigo para cambiar lo de “anterior” y “siguiente”:
nextLabel(’>’);
$p->prevLabel(’show();
?>
@gafeman: esque yo tube un theme en el que no rulaba eso, asi que usé lo que te puse…
wooow! hacia dás que lo buscaba, a ver que tal se me da! jeje, muy bien explicado
Tengo un problema ya que me salen unos mini signos de interrogaci÷on a los lados, ojala alguien pueda ayudarme.
He aqui lo que me pasa:
http://i40.tinypic.com/2eqcnzq.jpg
Busque la opci÷on que dio adRy0n3
pero solo me aparece esto:
http://i42.tinypic.com/8xpzqu.jpg
@Migueek Bremont: buenas ! sorry por el retraso, espero que sepas perdonarme sin llegar a la violencia.
mira el codigo que ha comentado adRy0n3 se refiere en el que se tiene que poner en el index.php, no lo encontraras en el fichero del plugin
$p = new wp_pagination_plugin();
$p->nextLabel(‘>’); // removing text ‘next’
$p->prevLabel(‘< '); // removing text 'previous'
$p->show();
si te se cuelan simbolos raros es porque no tienes la configuracion de tu editor en UTF-8
otro caso podria ser que tu sitio no tubiera el metatag dentro de <head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″/>
espero haberte ayudado, si tienes dudas no te quedes corto
un saludo !
el detalle eran las pequeñas comitas voladoras que salian antes y al final de la palabra SIGUIENTE y ANTERIOR.
al borrarlas se compuso el asuntacho
mil gracias.
por cierto… si algun dia sacan el tema de esta pagina estaria genial