WordPress offre de nombreuses fonctionnalités pour naviguer à travers les différents postes et des pages en avant et en arrière. Ils sont utilisés dans les thèmes, souvent dans un environnement complètement interchangeables, bien qu'ils contiennent quelques différences. Ceci, en fait, de créer beaucoup de confusion dans le choix de la fonction à utiliser. Voici quelques notes:
adjacent_post_link()-
next_posts_link() -
posts_nav_link()
Avec la sortie de WordPress 2.7, puis, d'autres fonctions ont été ajoutées (ou rendu public) réellement utilisés dans ceux déjà connus. , disponibile dalla release 0.71. Par exemple, le nouveau get_next_posts_link() est utilisée par next_posts_link() , disponible à partir communiqué 0,71. . Évidemment get_previous_posts_link() est appelé par previous_posts_link() .
Pour des raisons historiques et la compatibilité avec les «anciens» modèles, en analysant le code source de WordPress vous vous rendez compte que certaines fonctions sont vraiment redondantes. e next_posts_link() . Par exemple posts_nav_link() appelle l'intérieur previous_posts_link() et next_posts_link() . Toutefois, le code (dans la libération de WordPress 2.7) de next_posts_link() est:
1 2 3 4 5 6 7 8 9 10 11 12 | / ** * Affichage de la prochaine messages pages de lien. * * @ Depuis 0.71 * @ Utilise get_next_posts_link () * * @ Param string $ pour l'étiquette de contenu texte du lien. * @ Param int $ max_page optionnel. Pages max. * / $label = 'Next Page »' , $max_page = 0 ) { Fonction next_posts_link ($ label = 'Page Suivante' ', $ max_page = 0) { $label , $max_page ) ; get_next_posts_link echo ($ label, $ max_page); } |
Personnalisation
Laissant de côté la question du code source de bas niveau, nous allons revenir à aborder le sujet de ce post, c'est combien il est facile de modifier l'agencement classique d'Avanti et-vient. Naviguer en arrière peut être placé où vous le souhaitez, par exemple dans le fichier archive.php vous pouvez utiliser:
1 2 3 4 | "navigation" > < div class = "Navigation"> "prev alignleft" ><?php next_posts_link ( '<span> Precedente < / span > ') ?> < / div > < div class = "prev alignLeft"> <? php next_posts_link ('<span> Précédent </ durée > ')?> </ div > "next alignright" ><?php previous_posts_link ( '<span> Successivo < / span > ') ?> < / div > < div class = "alignRight prochaine"> <? php previous_posts_link ('<span> Suivant </ durée > ')?> </ div > </ div > |
. Puisque nous entrons dans une archive, qui est limitée par rapport à la possibilité entière de poste (parce que les filtres par date, sujet, tags, etc ...) nous next_posts_link() et previous_posts_link() . Ensuite vous définissez les étiquettes en temps opportun, comme dans l'exemple, nous pouvons rendre le changement de disposition que par la feuille de style, en laissant une sortie HTML valide. Par exemple, vous pouvez «cacher» l'étiquette et sostiturle avec une image en utilisant:
1 2 3 4 5 6 7 | float : right } . AlignRight {float: right} float : left } . AlignLeft {float: left} / * Navigation * Personnalisation> div.navigation {display: block; hauteur: 38px; padding: 16px 0 16px 16px; largeur: 678px} div.navigation div.prev a {display: block; largeur: 38px; hauteur: 38px; background: url (images / prev_image.png) no-repeat} div.next div.navigation a {display: block; largeur: 38px; hauteur: 38px; background: url (images / next_image.png) no-repeat} div.navigation div.prev pour enjamber div.next div.navigation d'span {display: none} |
e previous_posts_link() La dernière ligne est celle qui vous permet de cacher le texte, et c'est pourquoi ils été insérés span de l'appel de fonction next_posts_link() et previous_posts_link()
Pour parcourir les fichiers single.php est souvent utilisée:
1 2 3 4 | "navigation" > < div class = "Navigation"> "prev alignleft" ><?php adjacent_post_link ( '%link' , '<span> Precedente < / span > ', false, '', true); ?> < / div > < div class = "prev alignLeft"> <php adjacent_post_link («lien%", "Previous <span> </? durée > ', false,'', true);?> </ div > "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo < / span > ', false, '', false); ?> < / div > < div class = "alignRight prochaine"> <php adjacent_post_link («lien% ',' <span> Suivant </? durée > ', false,'', false);?> </ div > </ div > |
Dans ce cas, le code CSS est le même.
Grand article ... Je commence à suivre votre blog et je dois dire que vous proposant un contenu vraiment intéressant. Compliments
!
@ Ziosteve: merci!
Merci beaucoup pour cet article ... très utile. Mettez à l'épreuve dès que possible à vos commentaires. Bonjour!
le débutant
J'espère que pour améliorer
et d'apprendre, étape par étape
Bonjour, j'ai ajouté les liens de navigation sur une page ne fonctionne pas, cependant, wp. Lorsque je clique sur l'un des deux liens, je présente toujours les mêmes éléments apparaissent sur le «principal».
Quel est le problème?
à l'aide