WordPress bietet viele Funktionen, um durch die verschiedenen Beiträge und Seiten vor und zurück navigieren. Diese werden im Rahmen der Themen, oft in einer völlig austauschbar verwendet, obwohl sie einige Unterschiede enthalten. Diese in der Tat schaffen viel Verwirrung in der Wahl der Funktion zu nutzen. Hier sind einige Hinweise:
adjacent_post_link()-
next_posts_link() -
posts_nav_link()
Mit der Veröffentlichung von WordPress 2.7, dann haben andere Funktionen hinzugefügt (oder veröffentlicht) tatsächlich in die bereits bekannt sind, verwendet. , disponibile dalla release 0.71. Zum Beispiel die neue get_next_posts_link() wird verwendet von next_posts_link() , verfügbar ab Release 0.71. . Offensichtlich get_previous_posts_link() wird aufgerufen previous_posts_link() .
Aus historischen Gründen und Kompatibilität mit "alten" Vorlage, durch die Analyse des Quellcodes von WordPress Sie feststellen, dass einige Funktionen wirklich redundant sind. e next_posts_link() . Zum Beispiel posts_nav_link() ruft in previous_posts_link() und next_posts_link() . Allerdings ist der Code (in der Version von WordPress 2,7) von next_posts_link() ist:
1 2 3 4 5 6 7 8 9 10 11 12 | / ** * Anzeige der nächsten Beiträge Seiten verlinken. * * @ Seit 0,71 * @ Verwendet get_next_posts_link () * * @ Param string $ label Inhalt für Link-Text. * @ Param int $ max_page optional. Max-Seiten. * / $label = 'Next Page »' , $max_page = 0 ) { next_posts_link function ($ label = 'Nächste Seite' ', $ max_page = 0) { $label , $max_page ) ; get_next_posts_link echo ($ label, $ max_page); } |
Customization
Abgesehen von der Frage der Low-Level-Source-Code, gehen wir zurück zum Thema dieses Beitrags, dh wie leicht modifizieren das klassische Layout von Avanti und her anzugehen. Navigation vor und zurück platziert, wo Sie wollen, zum Beispiel in der Datei archive.php Sie verwenden können:
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> Zurück </ span > ')?> </ div > "next alignright" ><?php previous_posts_link ( '<span> Successivo < / span > ') ?> < / div > < div class = "alignright next"> <? php previous_posts_link ('<span> Next </ span > ')?> </ div > </ div > |
. Da wir in ein Archiv, das im Vergleich zu den ganzen Möglichkeit nach beschränkt sich bewegt (weil Filtern nach Datum, Betreff, Tags, etc ...) wir next_posts_link() und previous_posts_link() . Dann setzen Sie die Etiketten in einer fristgerechten Weise, wie in dem Beispiel, wir können das Layout ändert sich nur durch das Stylesheet zu machen, so dass eine Leistung gültigen HTML. Zum Beispiel können Sie "verstecken" das Etikett und sostiturle mit einem Bild unter Verwendung von:
1 2 3 4 5 6 7 | float : right } . Alignright {float: right} float : left } . Alignleft {float: left} / * Navigation * Personalisierung> div.navigation {display: block; height: 38px; padding: 16px 0 16px 16px; width: 678px} div.navigation div.prev a {display: block; width: 38px; height: 38px; background: url (images / prev_image.png) no-repeat} div.navigation div.next a {display: block; width: 38px; height: 38px; background: url (images / next_image.png) no-repeat} div.navigation div.prev zu div.navigation div.next zu span span {display: none} |
e previous_posts_link() Die letzte Zeile ist eine, die Sie auf den Text zu verbergen können, und das ist, warum sie eingeführt worden span in die Funktion aufrufen next_posts_link() und previous_posts_link()
Um die Dateien single.php oft verwendet wird:
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 ('% link', '<span> Zurück </? span > ', false,'', true);?> </ div > "next alignright" ><?php adjacent_post_link ( '%link' , '<span> Successivo < / span > ', false, '', false); ?> < / div > < div class = "alignright next"> <php adjacent_post_link ('% link', '<span> Weiter </? span > ', false,'', false);?> </ div > </ div > |
In diesem Fall wird die CSS-Code das gleiche.
Toller Artikel ... Ich fange an Ihren Blog zu folgen, und ich muss sagen, Sie sind mit Inhalt wirklich interessant. Komplimente
!
@ Ziosteve: Danke!
Vielen Dank für den Artikel ... sehr nützlich. Auf dem Prüfstand so schnell wie möglich auf Ihr Feedback. Hallo!
Anfänger
Ich hoffe, zu verbessern
und lernen Sie Schritt für Schritt
Hallo, Ich habe den Navigations-Links auf einer Seite nicht funktionieren, aber wp. Wenn ich auf einen der beiden Links klicke ich immer die gleichen Elemente erscheinen auf der "main".
Was ist los?
mit Hilfe