WordPress »Tutoriels» Développement »Internet» CSS

WordPress: personnaliser la navigation entre les postes

Lundi, Février 9, 2009

Wordpress offre de nombreuses fonctionnalités pour naviguer à travers les différents postes et pages en avant et en arrière. Ils sont utilisés dans les thèmes, souvent de façon interchangeable, même si elles contiennent quelques différences. Ceci, en fait, créer une grande confusion dans le choix de la fonction à utiliser. Voici quelques notes:

  • adjacent_post_link()
  • next_posts_link()
  • posts_nav_link()

Avec la version 2.7 de Wordpress, ensuite, ont été l'ajout d'autres fonctions (ou publique mis) effectivement utilisés dans ceux déjà connus. Par exemple, la get_next_posts_link() nouveau get_next_posts_link() est utilisée par next_posts_link() disponible depuis la version 0.71. Évidemment get_previous_posts_link() est appelée par previous_posts_link()

Pour des raisons historiques et compatibilité avec les "vieux" modèle, analysant le code source de Wordpress nous nous rendons compte que certaines fonctions sont vraiment superflu. posts_nav_link() Exemple posts_nav_link() appelle l'intérieur previous_posts_link() et next_posts_link() Toutefois, le code (dans la version 2.7 de Wordpress) de next_posts_link() est:

PLAIN TEXT
PHP:
  1. / **
  2. * Affichage des pages suivantes postes lien.
  3. *
  4. * @ Since 0.71
  5. * @ Get_next_posts_link Usages ()
  6. *
  7. * @ Param string $ content étiquette de texte du lien.
  8. * @ Param int $ max_page facultatif. Max pages.
  9. * /
  10. $label = 'Next Page »' , $max_page = 0 ) { next_posts_link function ($ label = 'Page Suivante', max_page = 0 $) (
  11. $label , $max_page ) ; get_next_posts_link echo ($ label, $ max_page);
  12. )

Personnalisation

Laissant de côté les questions de code de bas niveau source, nous retournons à aborder le sujet de ce post, à savoir comment modifier facilement la présentation classique Avanti et-vient. Naviguer dans les deux sens peut être placé là où vous voulez, par exemple dans archive.php fichier vous pouvez utiliser:

PLAIN TEXT
HTML:
  1. "navigation" > <div class = "navigation">
  2. "prev alignleft" ><?php next_posts_link ( '<span> Precedente </span> ') ?> </div> <div "prev alignleft" classe => <? next_posts_link php ( '<span> Précédent </ span >')?> </ div>
  3. "next alignright" ><?php previous_posts_link ( '<span> Successivo </span> ') ?> </div> <div "next alignright" classe => <? previous_posts_link php ( '<span> Suivant </ span >')?> </ div>

Étant donné que nous entrons dans une archive, qui est limité par rapport à l'occasion entier à la poste (car le filtre par date, thème, tags, etc ...), nous utilisons next_posts_link() et previous_posts_link() Mettre en place l'étiquette intelligente d'une manière convenable, comme dans l'exemple, nous pouvons faire des modifications 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:

PLAIN TEXT
CSS:
  1. float : right } . Alignright (float: right)
  2. float : left } . Alignleft (float: left)
  3. / * Navigation * personnalisation>
  4. div.navigation (display: block; height: 38px; padding: 16px 0 16px 16px; width: 678px)
  5. div.navigation div.prev bis (display: block; width: 38px; height: 38px; background: url (images / prev_image.png) no-repeat)
  6. div.navigation div.next bis (display: block; width: 38px; height: 38px; background: url (images / next_image.png) no-repeat)
  7. une durée de div.navigation div.prev, div.next div.navigation une durée de (display: none)

La ligne du bas est celle qui permet de cacher le texte, qui est la raison pour laquelle elles sont incorporées les span de la next_posts_link() appel de fonction next_posts_link() et previous_posts_link()

Pour parcourir les single.php souvent d'utilisation:

PLAIN TEXT
HTML:
  1. "navigation" > <div class = "navigation">
  2. "prev alignleft" ><?php adjacent_post_link ( '%link' , '<span> Precedente </span> ', false, '', true);  ?> </div> <div "prev alignleft" classe => <? adjacent_post_link php ( '% link', '<span> Précédent </ span>', false,'', true);?> </ div>
  3. "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo </span> ', false, '', false);  ?> </div> <div "next alignright" classe => <? adjacent_post_link php ( '% link', '<span> Suivant </ span>', false,'', false);?> </ div>

Encore une fois, le CSS est toujours le même.

Related Post

Cet article était utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Chargement ...

Tags:

5 commentaires pour "WordPress: personnaliser la navigation entre le poste»

  1. getAvatar 1.0
    09 feb, 2009 ziosteve:

    Excellent article ... Je commence à suivre votre blog et je dois dire que vous offrir un contenu vraiment très intéressant. Félicitations :-) !

    Répondre Partager
  2. getAvatar 1.0
    09 feb, 2009 Giovambattista Fazioli:

    @ Ziosteve: Merci! :)

    Répondre Partager
  3. getAvatar 1.0
    10 février 2009 liliansi:

    Merci beaucoup pour cet article ... très utile en effet. Mettra à l'essai dès que vos conseils. Bonjour!

    Répondre Partager
  4. getAvatar 1.0
    25 février 2009 lumière noire:

    le débutant
    J'espère que d'améliorer
    et apprendre pas à pas

    Répondre Partager
  5. getAvatar 1.0
    31 mars 2009 Rinaldo

    Bonjour, j'ai ajouté les liens de navigation sur une page WP ne fonctionne pas. Lorsque je clique sur l'un des liens que je affiche toujours les mêmes éléments figurant dans le "principal".
    Quel est le problème?

    Merci pour l'aide

    Répondre Partager

Laissez un commentaire

TAG PERMISSIONS XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE: 
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL