WordPress: personalizar la navegación entre los puestos de
Lunes, 9 de febrero 2009Wordpress ofrece muchas funciones para navegar a través de los diferentes puestos y las páginas hacia adelante y hacia atrás. Estos se utilizan dentro de los temas, a menudo intercambiables, incluso si contienen algunas diferencias. Esto, de hecho, crear una gran confusión en la elección de la función a usar. Éstos son algunos de notas:
adjacent_post_link()-
next_posts_link() -
posts_nav_link()
Con la versión 2.7 de Wordpress, entonces, se han ido agregando otras funciones (o hecha pública) realmente utilizados en los ya conocidos. Por ejemplo, la get_next_posts_link() nuevo get_next_posts_link() es utilizado por next_posts_link() disponible desde la versión 0.71. Obviamente get_previous_posts_link() es llamado por previous_posts_link()
Por razones históricas y la compatibilidad con "viejo" de plantilla, analizando el código fuente de Wordpress nos damos cuenta que algunas funciones son realmente redundantes. posts_nav_link() Ejemplo posts_nav_link() las llamadas en previous_posts_link() y next_posts_link() Sin embargo, el código (en la versión 2.7 de Wordpress) de next_posts_link() es:
- / **
- * Mostrar los próximos puestos de páginas de enlaces.
- *
- * @ Desde 0,71
- * @ Usos get_next_posts_link ()
- *
- * @ Param string contenido de la etiqueta de $ texto del vínculo.
- * @ Param int $ max_page Facultativo. Máximo de páginas.
- * /
- $label = 'Next Page »' , $max_page = 0 ) { función next_posts_link ($ label = 'Siguiente Página' ', $ max_page = 0) (
- $label , $max_page ) ; echo get_next_posts_link ($ label, $ max_page);
- )
Personalización
Dejando de lado las cuestiones de código de bajo nivel de la fuente, volvemos a abordar el tema de este post, es decir, cómo cambiar fácilmente el diseño clásico de Avanti y hacia atrás. Navegando de ida y vuelta se puede colocar donde quieras, por ejemplo, en archive.php archivo que puede utilizar:
- "navigation" > clase <div = "navigation">
- "prev alignleft" ><?php next_posts_link ( '<span> Precedente </span> ') ?> </div> <div "prev alignleft" clase => <? next_posts_link PHP ( '<span> Anterior </ span >')?> </ div>
- "next alignright" ><?php previous_posts_link ( '<span> Successivo </span> ') ?> </div> "next <div alignright" clase => <? previous_posts_link PHP ( '<span> Siguiente </ span >')?> </ div>
Dado que nos estamos moviendo en un archivo, que es limitada en comparación con toda la oportunidad para enviar (porque filtrar por fecha, tema, etiquetas, etc ...) usamos next_posts_link() y previous_posts_link() Configurar la etiqueta inteligente de una manera adecuada, como en el ejemplo, podemos hacer cambios de diseño sólo a través de la hoja de estilo, dejando una salida de HTML válida. Por ejemplo, usted puede "ocultar" la etiqueta y sostiturle con una imagen mediante:
- float : right } . Alignright (float: right)
- float : left } . Alignleft (float: left)
- / * Navegación * Personalización>
- div.navigation (display: block; height: 38px; padding: 16px 0 16px 16px; width: 678px)
- div.navigation div.prev bis (display: block; width: 38px; height: 38px; background: url (images / prev_image.png) no-repeat)
- div.navigation div.next bis (display: block; width: 38px; height: 38px; background: url (images / next_image.png) no-repeat)
- un período de div.navigation div.prev, div.next div.navigation un lapso de (display: none)
El resultado final es la que permite ocultar el texto, razón por la cual se incorporan el span en el next_posts_link() llamada a la función next_posts_link() y previous_posts_link()
Para navegar por la single.php a menudo utilizan:
- "navigation" > clase <div = "navigation">
- "prev alignleft" ><?php adjacent_post_link ( '%link' , '<span> Precedente </span> ', false, '', true); ?> </div> <div "prev alignleft" clase => <? adjacent_post_link PHP ( '% link', '<span> Anterior </ span>', false,'', true);?> </ div>
- "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo </span> ', false, '', false); ?> </div> "next <div alignright" clase => <? adjacent_post_link PHP ( '% link', '<span> Siguiente </ span>', false,'', false);?> </ div>
Una vez más, el CSS es siempre el mismo.
Post relacionados
Cargando ... 
Excelente artículo ... Estoy empezando a seguir tu blog y debo decir que usted ofrece contenido muy interesante. Felicidades
!
@ Ziosteve: ¡Gracias!
Muchas gracias por el artículo ... muy útil. Pondrá a prueba tan pronto como su consejo. Hola!
el principiante
Espero mejorar
y aprender paso a paso
Hola, he añadido los enlaces de navegación en una página de WP no funciona. Cuando hago clic en uno de los enlaces que siempre muestra los elementos que se muestra en el "principal".
¿Qué está mal?
Gracias por la ayuda