WordPress »Anleitungen» Entwicklung »Internet» CSS

WordPress: Passen Sie die Navigation zwischen den Pfosten

Montag, 9. Februar 2009

Wordpress bietet viele Funktionen, um durch die verschiedenen Beiträge und Seiten vor und zurück navigieren. Diese werden im Rahmen der Themen verwendet werden, oft sehr austauschbar, auch wenn sie einige Unterschiede enthalten. Diese in der Tat schaffen viel Verwirrung bei der Wahl der Funktion zu verwenden. Hier sind einige Hinweise:

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

Mit dem Release 2.7 von Wordpress, dann wurden durch Hinzufügen weiterer Funktionen (oder der Öffentlichkeit zugänglich gemacht), tatsächlich unter die bereits bekannt sind, verwendet. Zum Beispiel, get_next_posts_link() die neue get_next_posts_link() wird durch next_posts_link() verwendet next_posts_link() verfügbar seit Version 0.71. Offensichtlich get_previous_posts_link() wird durch previous_posts_link() genannt previous_posts_link()

Aus historischen Gründen und Kompatibilität mit "alten" Vorlage, Analyse des Quellcodes von Wordpress wir wissen, dass einige Funktionen eigentlich überflüssig sind. Beispiel posts_nav_link() fordert in previous_posts_link() und next_posts_link() Jedoch den Code (in Version 2.7 von Wordpress) der next_posts_link() ist:

PLAIN TEXT
PHP:
  1. / **
  2. * Anzeige der nächsten Postings Seiten verlinken.
  3. *
  4. * @ Since 0,71
  5. * @ Verwendet get_next_posts_link ()
  6. *
  7. * @ Param string $ label Inhalte für Link-Text.
  8. * @ Param int $ max_page Optional. Max-Seiten.
  9. * /
  10. $label = 'Next Page »' , $max_page = 0 ) { next_posts_link function ($ label = 'nächste Seite' ', $ max_page = 0) (
  11. $label , $max_page ) ; get_next_posts_link echo ($ label, $ max_page);
  12. )

Personalisierung

Abgesehen von den Fragen der Low-Level-Source-Code, kehren wir zum Thema dieser Stelle, und zwar, wie leicht das Layout ändern klassischen Avanti und her-Adresse. Navigation vor und zurück kann so positioniert werden, wo immer Sie wollen, zum Beispiel in der Datei archive.php Sie verwenden können:

PLAIN TEXT
HTML:
  1. "navigation" > <div class = "navigation">
  2. "prev alignleft" ><?php next_posts_link ( '<span> Precedente </span> ') ?> </div> <div "prev alignleft" Klasse => <? php next_posts_link ( '<span> zurück </ span >')?> </ div>
  3. "next alignright" ><?php previous_posts_link ( '<span> Successivo </span> ') ?> </div> <div "next alignright" Klasse => <? php previous_posts_link ( '<span> Weiter </ span >')?> </ div>

Da bewegen wir uns in ein Archiv, das beschränkt sich auf die gesamte Möglichkeit, Post (weil Filter nach Datum, Thema, tags, etc ...) verwenden wir next_posts_link() und previous_posts_link() verglichen wird previous_posts_link() Bis Smart Label in geeigneter Weise Set, wie in dem Beispiel, können wir Layout-Änderungen nur durch das Stylesheet zu machen, so dass ein gültiger HTML-Code ausgegeben. Zum Beispiel können Sie "verstecken" das Etikett und sostiturle mit einem Bild mit:

PLAIN TEXT
CSS:
  1. float : right } . Alignright (float: right)
  2. float : left } . Alignleft (float: left)
  3. / * Navigation * Personalisierung>
  4. div.navigation (display: block; height: 38px; padding: 16px 0 16px 16px; width: 678px)
  5. div.navigation div.prev a (display: block; width: 38px; height: 38px; background: url (images / prev_image.png) no-repeat)
  6. div.navigation div.next a (display: block; width: 38px; height: 38px; background: url (images / next_image.png) no-repeat)
  7. ein div.navigation div.prev span, div.navigation div.next einer Spannweite (display: none)

Unter dem Strich ist das, was erlaubt, den Text, weshalb sie eingebaut sind, die span im Funktionsaufruf next_posts_link() und previous_posts_link() hide previous_posts_link()

Um die Datei single.php benutzen oft:

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" Klasse => <? php adjacent_post_link ( '% link', '<span> zurück </ span>', false,'', true);?> </ div>
  3. "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo </span> ', false, '', false);  ?> </div> <div "next alignright" Klasse => <? php adjacent_post_link ( '% link', '<span> Weiter </ span>', false,'', false);?> </ div>

Auch hier ist die CSS immer die gleiche.

Verwandte Post

War dieser Artikel hilfreich?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

Tags:

5 Kommentare zu "WordPress: Passen Sie die Navigation zwischen den post"

  1. getAvatar 1,0
    Der 09. Februar 2009 ziosteve:

    Exzellente Artikel ... Ich fange an, einen Blog zu folgen, und ich muss sagen, dass Sie Inhalte bieten wirklich sehr interessant. Glückwünsche :-) !

    Antwort: Stellen
  2. getAvatar 1,0
    Der 09. Februar 2009 Giovambattista Fazioli:

    @ Ziosteve: Danke! :)

    Antwort: Stellen
  3. getAvatar 1,0
    10. Februar 2009 liliansi:

    Vielen Dank für den Artikel ... sehr nützlich. Wird zu testen, sobald Ihre Beratung. Hallo!

    Antwort: Stellen
  4. getAvatar 1,0
    25. Februar 2009 schwarze Licht:

    Anfänger
    Ich hoffe, zu verbessern
    und lernen Schritt für Schritt

    Antwort: Stellen
  5. getAvatar 1,0
    31. März 2009 Rinaldo

    Hallo, habe ich noch die Navigations-Links auf einer Seite wp funktioniert nicht. Wenn ich auf einen der Links I zeigt immer die gleichen Gegenstände gezeigt, in der "main".
    Was ist falsch?

    Thanks for the help

    Antwort: Stellen

Leave a comment

TAG XHTML Berechtigungen: <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