Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. wp-paginate
Kernattribut Blog und Beiträge

Seitenzahlen unter einer Liste von Beiträgen

wp-paginate="mid_size=1"

Wenn es mehr Beiträge gibt, als auf eine Seite passen, geben diese Attribute die Seitenzahlen und die Links „neuer / älter“ aus.

Wo es hingehört

Unter dem Blog, einem Kategoriearchiv oder den Suchergebnissen: ein leerer Block mit wp-paginate.

Unter deiner eigenen wp-query-Liste: wp-paginate-query an einem Block nach der Liste, nicht darin.

Parameter im Wert: mid_size=1 (Zahlen rund um die aktuelle Seite), prev_text=Newer&next_text=Older.

Beispiel: News-Seiten

Markup index.html
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article class="news-card">
    <h3 wp="post-title">New autumn menu</h3>
  </article>
</div>
<div class="pagination"
     wp-paginate-query="prev_text=Newer&next_text=Older"></div>
Im Adminbereich Posts
Posts
  • New autumn menu
  • Filter of the day is back
  • Open on Sundays
  • … 14 posts
Auf der Website die News-Seite
News
New autumn menu
Filter of the day is back
Newer 1 2 3 Older

Worauf es ankommt

  • Wie viele Beiträge eine Seite füllen: posts_per_page der Abfrage, für den Blog Einstellungen → Lesen.
  • Setz das Attribut an einen leeren Block: WordPress gibt die Links selbst aus.

Typische Fehler

Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.

So nicht
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article><h3 wp="post-title">New autumn menu</h3></article>
</div>
<div class="pagination" wp-paginate="mid_size=1"></div>

Unter einer eigenen Liste zählt wp-paginate die Seiten des Blogs, nicht der Liste: Die Zahlen stimmen nicht oder fehlen, und das Protokoll meldet nichts.

So geht’s
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>6">
  <article><h3 wp="post-title">New autumn menu</h3></article>
</div>
<div class="pagination" wp-paginate-query="mid_size=1"></div>

wp-paginate-query nach der Liste.

Alternative Schreibweise

wp_paginate funktioniert genauso: Der Build ergibt ein identisches Theme.

In diesen Rezepten verwendet

Wenn du so weit bist

Sieh dir den WordPress-Adminbereich deiner Website an, bevor du zahlst.