Links zum nächsten und vorherigen Beitrag
wp="next-post-link" Unten im Beitrag geht es weiter zu den Nachbarn: Die Leser lesen weiter, ohne zur Liste zurückzukehren. Die Nachbarbeiträge werden nach dem Veröffentlichungsdatum bestimmt.
Wo es hingehört
An Links <a>: wp="prev-post-link" für den vorherigen (älteren) Beitrag, wp="next-post-link" für den nächsten.
Auf single.html, neben wp="post-title".
Beispiel: Navigation unter einem Beitrag
<main class="post" wp="post">
<h1 wp="post-title">New autumn menu</h1>
<nav class="pager">
<a class="pager__prev" href="#" wp="prev-post-link">Summer cold brew</a>
<a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>
</nav>
</main>- Open late on Fridays
- New autumn menu
- Summer cold brew
Die Pfeile kommen aus den Styles, die Linktexte sind die Titel der Nachbarbeiträge.
Worauf es ankommt
- Der Linktext wird durch den Titel des Nachbarbeitrags ersetzt.
- Der erste Beitrag hat keinen vorherigen, der letzte keinen nächsten: Dieser Link fehlt dann einfach auf der Seite.
- Nachbarn sind Beiträge desselben Typs: Bei einem Blogbeitrag sind es Blogbeiträge.
Typische Fehler
Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.
<a class="pager__next" href="#" wp="next-post-link">Next post →</a>Die Beschriftung „Next post →“ im Link: Auf der Website ersetzt sie der Titel des Nachbarbeitrags. Das Protokoll meldet nichts.
<a class="pager__next" href="#" wp="next-post-link">Open late on Fridays</a>Im Link steht der Titel aus dem Layout, Pfeil oder Beschriftung kommen aus den Styles (::after).
Alternative Schreibweise
wp="next_post_link" funktioniert genauso: Der Build ergibt ein identisches Theme.