Digital resources in the Social Sciences and Humanities OpenEdition Our platforms OpenEdition Books OpenEdition Journals Hypotheses Calenda Libraries OpenEdition Freemium Follow us

Mehr Inhalte anzeigen mit dem Abfrage-Loop

Eine der schönsten Neuerungen bei WordPress aus den letzten Jahren ist ein Block mit dem kryptischen Namen “Abfrage-Loop”. Was vorher nur bei einem einzigen der Hypotheses-Themes möglich war – nämlich Beiträge mit Teaser und Kachelbild auf einer Übersichtseite zu versammeln – lässt sich jetzt in jedes Blog integrieren, unabhängig vom Theme.1 Was kompliziert klingt, ist ein unglaublich praktisches und individuell anpassbares Werkzeug, mit dem sich wunderbar ansprechende Seiten gestalten lassen.

Das kann dann zum Beispiel so aussehen:

Es könnte aber auch so aussehen:

Oder auch ganz anders: Denn ob das Bild neben dem Text oder unter dem Text angezeigt werden soll oder gar nicht, ob die Beiträge mit Versatz, in Spalten (und wenn ja, in wie vielen), ob das Datum (und wenn ja, in welchem Format) angezeigt werden soll, ob ein Textauszug mit dem Beitrag veröffentlicht werden soll und welche Beiträge hier überhaupt angezeigt werden soll, das lässt sich alles individuell einstellen. Dazu unten mehr bei “Das Abfrageloop konfigurieren“.

Zu Beginn sollte man sich entscheiden, ob das Abfrage-Loop in einen Beitrag oder in eine Seite integriert werden soll. Im obigen Beispiel wurden Seiten angelegt, um diese im Theme Twenty Seventeen auf der Startseite anzeigen zu lassen. Wer als Theme eines der “Twenties” nutzt und trotzdem auf der Startseite eine Übersicht der Blogbeiträge als Kacheln wünscht, kann eine Seite anlegen, hier das Abfrage-Loop einfügen und diese Seite dann als statische Startseite festlegen.2

Wo finde ich den Block “Abfrage-Loop”?

Der Block “Abfrage-Loop” findet sich, genau wie alle anderen Blöcke, in der linken Seite der Beitrags- bzw. Seitenansicht beim Klick auf +. Am einfachsten ist es, dort direkt “Abfrage-Loop” ins Suchfeld einzugeben, ansonsten findet man ihn unter den Blöcken der Kategorie “Theme”. Als Icon wurde für den Block ein unterbrochenes Unendlichkeitszeichen (∞) gewählt.

Wenn der Block hinzugefügt wird, muss als erstes eine Vorlage ausgewählt werden: Entweder beginnt man mit einem Template aus den Blockvorlagen oder man klickt auf “Leer beginnen” und wählt dann aus, wie das Abfrageloop grob aussehen soll: Also ob nur der Titel und das Datum oder aber auch noch andere Elemente angezeigt werden sollen, die dann untereinanderstehend erscheinen.

Mehr Möglichkeiten zur individuellen Konfiguration des Loops bieten die Blockvorlagen: Hier hat man die Wahl zwischen der Darstellung der Beiträge als Kacheln mit Versatz, in Spalten, untereinander – und viel mehr.

Abfrage-Loop. Wähle eine Vorlage für den Abfrageloop aus oder beginne leer. "Auswählen" ist angeklickt, "Leer beginnen" nicht.

Das Abfrageloop konfigurieren

Egal, ob man zu Beginn mit einer Blockvorlage oder mit einem leeren Abfrageloop begonnen hat: Nun kann die Darstellung nach Belieben angepasst werden. Um Elemente zu löschen oder hinzuzufügen ist es am einfachsten, sich in der Listenansicht des Blocks zu bewegen. Die Listenansicht findet sich links oben und öffnet eine Übersicht aller im Beitrag verwendeten Blöcke. Um alle Blöcke anzeigen zu lassen, muss jeweils das Mehr-Zeichen (umgekehrter Hut) angeklickt werden, bis alle Blöcke angezeigt werden.

Listenansicht zeigt die verwendeten Blöcke in der richtigen Reihenfolge

Wenn ich zum Beispiel nur den Titel, nicht aber das Beitragsbild zeigen möchte, klicke ich auf den Block “Beitragsbild” in der Listenansicht und entferne ihn, indem ich im Dreipunkt-Menü ganz unten auf “Löschen” klicke. Umgekehrt genauso: Wird hier kein Beitragsbild angezeigt, kann ich einfach auf den Reiter “+” gehen und den Block “Beitragsbild” an der gewünschten Stelle hinzufügen.

Beitrags-Template zeigt die Gruppe der Blöcke, der Block Beitragsbild ist blau markiert.

In der Listenansicht können auch andere Elemente, wie zum Beispiel eine kurze Textzusammenfassung (wenn zuvor das Feld “Textauszug” ausgefüllt wurde) hinzugefügt werden.

Auch das Format des Datums lässt sich ändern: Dazu in den Block “Datum” klicken und den Schieber neben “Standardformat” deaktivieren. Nun kann das gewünschte Format des Datums ausgewählt werden.

Der Schieber neben "Standardformat" ist noch aktiviert.

Einstellungen des Beitragsbilds ändern

Ebenso kann das Format des Beitragsbilds individuell bestimmt werden. Dazu in der Listenansicht den Reiter “Beitragsbild” auswählen (oder hinzufügen, falls er nicht in der Vorlage enthalten ist). In den Einstellungen im Reiter “Block” in der rechten Seitenleiste kann hier gleich auch der “Link zum Beitrag” aktiviert werden, damit auch beim Klick ins Bild der Beitrag geöffnet wird. So wird gleich etwas für die Nutzerfreundlichkeit getan.

Um das Format des Beitragsbilds zu ändern, wird dann der halbgefüllte Mond angeklickt:

Pfeil zeigt auf den Halbmond im Reiter "Block"

Hier kann nun unter “Maße” bestimmt werden, in welchem Seitenverhältnis das Beitragsbild angezeigt werden soll. Werden die Beiträge in mehreren Spalten angezeigt, so wie es hier der Fall ist, muss die Einstellung jeweils für jede Spalte vorgenommen werden. Dazu wird in der Listenansicht links erst in der ersten Spalte auf “Beitragsbild” geklickt und danach das Gleiche in der zweiten Spalte wiederholt.

In der Listenansicht sind in beiden Spalten die Reiter "Beitragsbild" markiert, in der rechten Seitenleiste unter Maße das Drop-Down-Element "Klassisch - 3:2".

Anzahl der Beiträge bestimmen & Filter anwenden

Das Abfrageloop zeigt bis zu 100 Blogbeiträge an. Um die Anzahl der angezeigten Artikel zu ändern, wird in der linken Seitenleiste im Reiter “Block” bei “Darstellung” die gewünschte Anzahl eingegeben. (Achtung: Dazu muss bei “Einstellungen” in der rechten Seitenleiste der Schieber auf “Individuell” gesetzt sein). Auch das muss bei zwei Spalten für die zweite Spalte wiederholt werden.

Direkt darunter findet sich die Einstellung “Filter”. Dort können die anzuzeigenden Beiträge nach verschiedenen Filtern sortiert werden: Zum Beispiel könnten nur die Beiträge eines bestimmten Autoren oder einer Autorin angezeigt werden. Unter “Taxonomien” können Kategorien und Schlagwörter ausgewählt werden, nach denen die Beiträge gefiltert werden sollen. Im Beispiel oben wurde die Kategorie “Features” ausgewählt, sodass alle Beiträge angezeigt werden, die unter dieser Kategorie abgelegt wurden. Ähnlich der Filter “Stichwort”: Hier werden Beiträge angezeigt, in denen ein bestimmtes Stichwort vorkommt. Über “Formate” könnte definiert werden, ob zum Beispiel nur Bilder oder Audio-Inhalte angezeigt werden sollen. Es können übrigens auch mehrere Kategorien, Schlagwörter oder Formate mit einander kombiniert werden.

Sonderfall: Zwei oder mehr Abfrage-Loops in Verbindung miteinander nutzen

Kniffelig wird es, wenn man im Abfrage-Loop mehr als 100 Beiträge anzeigen lassen will, denn eigentlich ist ja die Obergrenze bei 100 Beiträgen. Aber auch das ist möglich: Zu diesem Zweck werden zwei (oder mehr) Abfrage-Loops hintereinander erstellt. Dazu wird zunächst die Anzahl der anzuzeigenden Beiträge in beiden Abfrageloops auf 100 gesetzt (siehe oben: Anzahl der Beiträge bestimmen & Filter anwenden). Beim unteren wird dann ein Offset festgelegt. Das Offset bestimmt die Anzahl der Beiträge ab dem ersten Beitrag, die in diesem Loop angezeigt werden. Standardmäßig ist der Offset auf 0 gesetzt, es werden also alle Beiträge ab dem ersten angezeigt. Dieser Offset wird nun beim zweiten Abfrage-Loop auf 100 gesetzt, denn das ist die Anzahl der Beiträge, die im oberen Loop angezeigt wurden, die also übersprungen werden sollen. Im zweiten Loop werden nun die restlichen Beiträge ab dem 101. angezeigt. Sollen mehr als 200 Beiträge angezeigt werden, wird entsprechend ein drittes Abfrage-Loop mit Offset hinzugefügt.

Der Offset findet sich im Reiter “Block”, der auch hier wieder über die Listenansicht mit Klick auf das ∞-Symbol erreicht wird.

Eine individuelle Hintergrundfarbe einstellen

Wer mag, kann das Ganze wie im obersten Beispiel noch mit einer Hintergrundfarbe abrunden. Das funktioniert genauso wie bei jedem anderen Block auch. Wenn in der Listenansicht “Spalte” ausgewählt ist, wird über den Reiter “Block” der halbgefüllte Mond ausgewählt. Dort wird bei “Farbe” auf “Hintergrund” geklickt. Jetzt kann entweder eine der voreingestellten Farben ausgewählt werden oder per Klick in das grau-weiße Schachbrettmuster ein Hex-Code eingegeben werden.

Unter dem Reiter “Einstellungen” (Listenansicht: Spalte) kann darüber hinaus, wenn gewünscht, auch die Breite der verwendeten Spalten individuell angepasst werden. Allerdings kann die Breite der Seite hier nicht beeinflusst werden, es geht nur um das Verhältnis der Spalten, wenn eine schmalere und eine breitere Spalte gewünscht ist.

Also: Wer nicht zurückschreckt vor etwas Tüftelei wird mit dem Abfrage-Loop ganz neue Möglichkeiten der individuellen Bloggestaltung entdecken. Detaillierte Infos zum Abfrage-Loop gibt es (auf Englisch) auch auf auf WordPress.com. Viel Spaß beim Basteln!

Beitragsbild: Yusuf Onuk auf Unsplash.

  1. In Hueman werden auf der Startseite die Beiträge auf Wunsch mit Beitragsbild und immer mit Teasertext angezeigt, ebenso lassen sich Beiträge so gesammelt und nach Kategorie gefiltert anzeigen. ↩︎
  2. Das geht im Backend unter Design > Customizer > Inhalt der Startseite. Dort im Drop-Down-Menü “Eine statische Seite” auswählen. ↩︎


OpenEdition schlägt Ihnen vor, diesen Beitrag wie folgt zu zitieren:
Ulrike Stockhausen (23. Mai 2025). Mehr Inhalte anzeigen mit dem Abfrage-Loop. Bloghaus. Abgerufen am 8. Februar 2026 von https://doi.org/10.58079/1402q


Das könnte dich auch interessieren …

Eine Antwort

  1. 12. Juni 2025

    […] Im zweite Teil am 9. Juli vermitteln wir den versierten Umgang mit Blöcken und Blockvorlagen um Medien einzubetten, Beiträge übersichtlich zu gestalten (Stichwort: Ankerlinks), mit Farben zu arbeiten und Inhalte visuell ansprechend darzustellen, z.B. mit dem Block “Abfrage-Loop“. […]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

This site uses Akismet to reduce spam. Learn how your comment data is processed.