WordPress ofrece muchas funciones para navegar a través de los distintos puestos y las páginas hacia adelante y hacia atrás. Estos se utilizan dentro de los temas, a menudo de forma totalmente intercambiables, aunque contienen algunas diferencias. Esto, de hecho, crear una gran confusión en la elección de la función a usar. Aquí están algunas notas:
adjacent_post_link()-
next_posts_link() -
posts_nav_link()
Con el lanzamiento de WordPress 2.7, entonces, las funciones se han añadido otros (o hecha pública) utiliza realmente en los ya conocidos. , disponibile dalla release 0.71. Por ejemplo, el 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 el "viejo" modelo, analizando el código fuente de WordPress te das cuenta de que algunas funciones son muy redundantes. e next_posts_link() . Por ejemplo posts_nav_link() las llamadas en previous_posts_link() y next_posts_link() . Sin embargo, el código (en el lanzamiento de WordPress 2.7) de next_posts_link() es:
1 2 3 4 5 6 7 8 9 10 11 12 | / ** * Mostrar los mensajes siguientes páginas enlazan. * * @ Desde 0,71 * @ Usos get_next_posts_link () * * @ Param string $ contenido de la etiqueta de texto del vínculo. * @ Param int $ max_page opcional. Max páginas. * / $label = 'Next Page »' , $max_page = 0 ) { función next_posts_link ($ label = 'Página siguiente' ', $ max_page = 0) { $label , $max_page ) ; get_next_posts_link echo ($ etiqueta, $ max_page); } |
Personalización
Dejando de lado la cuestión del código fuente bajo nivel, vamos a volver a abordar el tema de este post, es decir, la facilidad con que modificar el diseño clásico de Avanti y hacia atrás. Navegar hacia atrás y adelante se pueden colocar donde quieras, por ejemplo en el archivo de archive.php que puede utilizar:
1 2 3 4 | "navigation" > < div class = "navegación"> "prev alignleft" ><?php next_posts_link ( '<span> Precedente < / span > ') ?> < / div > < div class = "prev alignleft"> <? php next_posts_link ('<span> anterior </ periodo > ')?> </ div > "next alignright" ><?php previous_posts_link ( '<span> Successivo < / span > ') ?> < / div > < div class = "alignright siguiente"> <? php previous_posts_link ('<span> siguiente </ periodo > ')?> </ div > </ div > |
. Dado que nos estamos moviendo en un archivo, que es limitada en comparación con la posibilidad de publicar todo (porque los filtros por fecha, tema, etiquetas, etc ...) que next_posts_link() y previous_posts_link() . Luego de configurar las etiquetas de una manera oportuna, como en el ejemplo, podemos hacer los cambios de diseño sólo a través de la hoja de estilo, dejando una salida HTML válido. Por ejemplo, puede "ocultar" la etiqueta y sostiturle con una imagen utilizando:
1 2 3 4 5 6 7 | float : right } . Alignright {float: right} float : left } . Alignleft {float: left} / * Navegación * Personalización> div.navigation {display: block; height: 38px; padding: 16px 16px 16px 0; ancho: 678px} div.navigation div.prev a {display: block; Ancho: 38px; height: 38px; background: url (images / prev_image.png) no-repeat} div.navigation div.next a {display: block; Ancho: 38px; height: 38px; background: url (images / next_image.png) no-repeat} div.navigation div.prev para abarcar div.next div.navigation a gen {display: none} |
e previous_posts_link() La última línea es la que permite ocultar el texto, y es por eso que ha insertado span en la función de llamada next_posts_link() y previous_posts_link()
Para ver los archivos single.php se utiliza a menudo:
1 2 3 4 | "navigation" > < div class = "navegación"> "prev alignleft" ><?php adjacent_post_link ( '%link' , '<span> Precedente < / span > ', false, '', true); ?> < / div > < div class = "prev alignleft"> <php adjacent_post_link ('link% "," Anterior <span> </? lapso de > ', false,'', true);?> </ div > "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo < / span > ', false, '', false); ?> < / div > < div class = "alignright siguiente"> <php adjacent_post_link ('link%', '<span> siguiente </? lapso de > ', false,'', false);?> </ div > </ div > |
En este caso, el código CSS es el mismo.
Gran artículo ... Estoy comenzando a seguir su blog y debo decir que usted está ofreciendo contenido realmente interesante. Felicitaciones
!
@ Ziosteve: gracias!
Muchas gracias por el artículo ... muy útil. Puesto a prueba tan pronto como sea posible para sus comentarios. Hello!
el principiante
Espero mejorar
y aprender paso a paso
Hola, he añadido los enlaces de navegación en una página no funcionan, sin embargo, wp. Cuando hago clic en uno de los dos enlaces que siempre muestra los mismos elementos que aparecen en la "principal".
¿Qué pasa?
con la ayuda