Wie verwende ich eine Abfrageschleife in WordPress, um eine Seite mit einer Beitragsliste zu erstellen?

Blog-Posts-Seite zeigt alle Blog-Posts auf Ihrer WordPress-Website auf einer Seite an, unabhängig von Kategorie, Typ, Veröffentlichungsdatum oder Autor. Haben Sie jemals Websites gesehen, die im Grunde nur Blog-Posts und Artikel sind? Nun, das ist im Wesentlichen eine Blog-Posts-Seite, die als Startseite für die genannten Websites dient. Diese Arten von Websites sind am deutlichsten bei Websites, die ausschließlich Nachrichteninhalte anzeigen. Abgesehen davon sind Postlistenseiten normalerweise das, was Sie sehen, wenn Sie die Blogs oder die Nachrichtenseite der meisten Websites aufrufen. Wie können Sie also eine davon für Ihre eigene Website erstellen?

Blog-Posts-Seite in WordPress einrichten

Wenn Sie eine Blog-Seite einrichten möchten, können Sie einfach eine Seite in WordPress erstellen.

• Gehen Sie zum Admin-Dashboard Ihrer Website und wählen Sie „Seiten > Neu hinzufügen“.
• Geben Sie einen Titel für die Seite ein. Auf den meisten Websites wird diese Seite, wie bereits erwähnt, als "Blogs" oder "News" bezeichnet. Sie können alles verwenden, was Sie möchten.
• Stellen Sie sicher, dass die Seite keinen Inhalt enthält, und veröffentlichen Sie die leere Seite.
• Gehen Sie nun in Ihrem WordPress-Admin-Panel zum Abschnitt „Einstellungen > Schreiben“ und wählen Sie die leere Seite als „Beitragsseite“ aus.
• Speichern Sie Ihre Einstellungen.

Sie können die Anzahl der auf der Beitragsseite angezeigten Beiträge anpassen und für jeden Beitrag die Zusammenfassung oder den vollständigen Inhalt anzeigen.

Die gestaltete Beitragslistenseite wird durch Ihr Thema gesteuert und Sie können auch Seitenerstellungs-Plugins verwenden, um eine benutzerdefinierte Beitragsseite für Ihre Website zu erstellen. Nun, da Sie sich vielleicht fragen, warum es im Gutenberg-Editor einen separaten Abfrageschleifenblock gibt, wenn dies eine Standardoption ist.

Der Abfrageschleifenblock

WordPress hat in Version 5.8 eine wirklich coole neue Funktion veröffentlicht, den Query Loop-Block. Im Gegensatz zu einer Blog-Post-Seite haben Sie mit dem Abfrageschleifenblock Anpassungsoptionen zum Anpassen der Anzeige und verschiedener anderer Funktionen. Im Wesentlichen können Sie den Abfrageschleifenblock verwenden, um ganz einfach eine Beitragslistenseite zu erstellen, die mit all Ihren Beiträgen gefüllt ist, die Ihren spezifischen Vorlieben in Bezug auf Design, Ausrichtung und Struktur entsprechen.

Die Abfrageschleife ist im Grunde ein verschachtelter Block, der Posttitel, Postinhalt, Beitragsbild usw. enthält und genau wie der Block "Posts List" funktioniert. Mit vielen Blockmustern, die in diesen neuen Blockeditor integriert sind, können Sie ganz einfach eine Portfolio-Seite oder eine Seite mit Ihren Lieblingsposts erstellen, ohne Plugins von Drittanbietern. In dieser Anleitung führen wir Sie durch alle Schritte, die zum Einrichten einer Beitragsseite und zum Verwenden des Abfrageschleifenblocks erforderlich sind, um die Seite mit den Blogbeiträgen auf Ihrer WordPress-Site zu füllen.

Für diese Übung empfehlen wir, dass Sie bereits mindestens einige Beiträge auf Ihrer Website haben, bevor Sie Ihre Beitragslistenseite erstellen. Stellen Sie außerdem sicher, dass Sie den Gutenberg-Blockeditor verwenden und nicht den alten Classic-Editor.

Hinzufügen eines Abfrageschleifenblocks

• Klicken Sie auf den (+) Add Block Inserter und wählen Sie den Query Loop- Block aus, wie in der Abbildung unten gezeigt. Um den Abfrageschleifenblock zu finden, müssen Sie auf Alle durchsuchen klicken und dann zum Abschnitt Thema des Block-Inserters blättern. Alternativ können Sie „/query loop“ in einen neuen Absatzblock eingeben, um dasselbe zu tun.

Anpassen des Abfrageschleifenblocks

Wenn Sie den Abfrageschleifenblock zu Ihrer Seite hinzufügen, füllt der Block Ihre Seite standardmäßig mit dem neuesten Beitrag. Um jedoch eine Beitragsseite zu erstellen, können Sie die Anzahl der anzuzeigenden Beiträge ändern. Der Blockeditor der Abfrageschleife bietet Ihnen verschiedene Layoutoptionen in Form von Blockmustern, mit denen Sie auswählen und anpassen können. Die verschiedenen Layout-Optionen können in Form eines Karussells oder eines Rasterformats angezeigt werden.

Entwurfsmuster für Schleifenblöcke abfragen

Wählen Sie eines der beiden Ansichtsformate Karussell oder Raster basierend auf der von Ihnen bevorzugten Designansicht oben im Schleifenblock auf Ihrer Beitragslistenseite. Sie verlassen nun die Taste Wählen Sie verwenden müssen, wenn Sie sich entscheiden , mit dem Karussell - Ansicht zu gehen oder eine der verfügbaren Optionen wählen , wenn die Gitterform Anzeigeformat der Wahl.

Die von WordPress standardmäßig bereitgestellten Abfrageschleifenmuster sind:

• Standard
• Bild links
• Kleines Bild und Titel
• Netz
• Großer Titel
• Versatz

Zu Demonstrationszwecken haben wir uns entschieden, das unten gezeigte Standard- Designmuster mit dem Karussell-Ansichtsformat zu verwenden. Umgekehrt können Sie auch mit Blank beginnen und eine der vier Variationen auswählen, die Ihren spezifischen Bedürfnissen entspricht, und von dort aus weiter anpassen.

Abfrage-Schleifenblock-Optionen

Wie bereits erwähnt, besteht die Abfrageschleife aus verschachtelten Blöcken, die neu angeordnet, hinzugefügt, ausgerichtet usw. werden können. Das Gute ist, wenn Sie einen Block anpassen und ändern, wird dasselbe auf alle Blöcke desselben Typs angewendet. Wie im Screenshot unten gezeigt, können Sie mithilfe der oberen Symbolleiste die folgenden Änderungen an Ihren Post-Blöcken vornehmen:

• Breite: Ändern Sie die Breite der verschiedenen Elemente im Abfrageschleifenblock. In der oberen Symbolleiste können Sie die Beiträge auf die volle oder breite Breite einstellen. Die Option für breite Breite erweitert den Block über die Inhaltsgröße hinaus, während die Option für die volle Breite den Abfrageschleifenblock erweitert, um die gesamte Breite Ihres Bildschirms abzudecken.
• Ausrichtung: Ändern Sie die Ausrichtung der verschiedenen Elemente im Abfrageschleifenblock. Sie haben die Möglichkeit, Ihre Ausrichtungseinstellungen von links über die Mitte bis zum rechten Seitenrand zu wählen.
• Anordnung: Sie können die Elemente des Abfrageschleifenblocks nach Belieben neu anordnen, indem Sie die Mover wie unten gezeigt verwenden.

• Farben: Über die Blockeinstellungsoptionen des ausgewählten Blocks können Sie verschiedene Arten von Farboptionen anwenden.
• Blöcke hinzufügen : Sie können Ihren Blöcken auch neue Elemente hinzufügen, z. B. Beitragsautoren oder Auszüge, wenn Sie dies möchten.

Symbolleiste für Abfrageschleifenblock

In der Symbolleiste des Abfrageschleifenblocks finden Sie die Schaltfläche Anzeigeeinstellungen , die beim Anklicken ein Popup öffnet, in dem Sie auswählen können, wie viele Beiträge angezeigt werden sollen.

• Elemente pro Seite: Anzahl der Beiträge, die innerhalb des Abfrageschleifenblocks angezeigt werden
• Offset: Anzahl der Beiträge, die Sie überspringen möchten
• Max. anzuzeigende Seite: Begrenzt, wie viele Beiträge Sie anzeigen möchten

Wählen Sie die Anzahl der Beiträge aus, die Sie auf Ihrer Beitragslistenseite anzeigen möchten. Es wird empfohlen, dass auf den Postlistenseiten alle Posts auf der Website angezeigt werden. Sie befinden sich jedoch möglicherweise nicht auf derselben Seite und können mithilfe von Paginierung über mehrere Seiten hinweg angezeigt werden.

Auf der Symbolleiste Abfrageblock können Sie auch zwischen Listenansicht und Rasteransicht umschalten, wenn Sie Ihre Beiträge im gestapelten Listenformat bzw. als Raster nebeneinander anzeigen möchten.

Verwandte: Top 5 Gutenberg-Block-Plugins für WordPress.

Abfrageschleifenblock-Editor

Durch die Verwendung der spezifischen Funktionen und Modifikatoren im Abfrageschleifen-Blockeditor können Sie Änderungen an den Farbeinstellungen vornehmen, postspezifische Filter anwenden sowie die Postreihenfolge auf Ihrer Postlistenseite ändern. Falls Sie den Blockeditor nicht sehen, klicken Sie auf das Zahnradsymbol neben der Schaltfläche zum Veröffentlichen, um die Editor-Seitenleiste auf der rechten Seite Ihres Bildschirms zu öffnen.

• Die Farboptionen im Blockeditor der Abfrageschleife wirken sich auf den gesamten Abfrageblock aus, Sie können jedoch auch einzelne Elemente innerhalb des Blocks anpassen, indem Sie sie gezielt auswählen und entsprechende Änderungen über die Editor-Seitenleiste vornehmen. Der Block-Editor für Abfrageschleife bietet die folgenden Farbanpassungsoptionen innerhalb des Blocks:
  • Textfarbe: Ermöglicht Ihnen, Farbänderungen an dem Text vorzunehmen, der in der Abfrageschleife enthalten ist. Hier haben Sie die Möglichkeit, eine der voreingestellten Farben aus dem Menü auszuwählen, eine benutzerdefinierte Farbe aus der Palette auszuwählen oder einen bestimmten Farbcode Ihrer Wahl hinzuzufügen.
  • Hintergrundfarbe: Dies wirkt sich auf die Farbe des gesamten Hintergrunds des Blocks aus. Hier können Sie entweder eine voreingestellte Farbe auswählen, eine benutzerdefinierte Farbe auswählen, einen bestimmten Farbcode hinzufügen oder auch eine Farbverlaufsoption verwenden. Im folgenden Screenshot können Sie sehen, wie sich die Verwendung einer Farbverlaufsoption auf den Abfrageblock ausgewirkt hat.
  • Linkfarbe : Diese Farboption steuert die Farben aller Links in jedem der im Abfrageblock vorhandenen Beiträge. Diese Option hat genau die gleichen Farbvariationen wie die Textfarboption.

• In der Seitenleiste des Blockeditors für Abfrageschleife wird die Option Abfrage von Vorlage übernehmen angezeigt. Diese Option kann ein- und ausgeschaltet werden, je nachdem, ob Sie die Abfrage anpassen möchten, auf der die Schleife basiert. Wenn Sie es aktivieren, werden bestimmte Anpassungsoptionen ausgeblendet, aber wenn Sie es deaktivieren, werden weitere Anpassungsoptionen angezeigt, wie zum Beispiel:
  • Spalten: Dies ist eine Ziehleiste, mit der Sie die Anzahl der Spalten auswählen können, in denen Ihre Beiträge angezeigt werden sollen. Diese Option wird nur angezeigt, wenn die Rasteransicht und nicht die Listenansicht ausgewählt ist.
  • Sortieren nach: Sie können die Beiträge auf der Beitragslistenseite nach einem der folgenden Kriterien sortieren:
    • Vom Neuesten zum Ältesten, dies ist die Standardbestelloption
    • Vom Ältesten zum Neuesten
    • Alphabetisch, A bis Z
    • Alphabetisch, Z bis A
  • Sticky-Posts: Mit dieser Option können Blog-Posts oben auf der Titelseite der Posts platziert werden und dort bleiben, bis ein neuerer Sticky-Post veröffentlicht wird. Sie können Sticky Posts entweder einschließen, ausschließen oder nur anzeigen.
• Sie finden auch die Filteroption in der Seitenleiste des Abfrageschleifen-Blockeditors, eine Option, die Ihnen hilft, die angezeigten Beiträge weiter anzupassen. Diese Option ist unsichtbar, wenn Sie die Option Abfrage von Vorlage übernehmen aktivieren. Um einen Filter zum Anzeigen von Beiträgen auf Ihrer Beitragslistenseite zu erstellen, können Sie mit den folgenden Optionen herumspielen.
  • Kategorien: Sie müssen alle Kategorien von Beiträgen auflisten, die Sie einschließen möchten. Bitte beachten Sie, dass Sie Ihre Beiträge verschiedenen Kategorien zuordnen müssen, damit dieser Filter funktioniert.
  • Autor: Sie können diesen Filter verwenden, wenn Sie auf Ihrer Indexseite nur Blogs anzeigen möchten, die von einem bestimmten Autor verfasst wurden.
  • Schlüsselwort: Wenn Sie Beiträge nach Schlüsselwörtern filtern möchten, die die Beiträge enthalten können, verwenden Sie diese Filteroption.
• Schließlich finden Sie auch die Option Erweiterte Einstellungen, mit der Sie eine benutzerdefinierte CSS-Klasse hinzufügen können, mit der Sie den Blockstil nach Ihren spezifischen Vorlieben anpassen können. Sie können auch ein HTML-Element zuweisen, wenn Sie möchten. Wenn Sie jedoch keine Vorkenntnisse in der Front-End-Webentwicklung haben, empfehlen wir Ihnen, diese Option unverändert zu lassen und die anderen Blockanpassungsoptionen zum Gestalten Ihres Abfrageschleifenblocks zu verwenden.

Und da hast du es! Sie können die verschiedenen oben genannten Optionen im Abfrageschleifenblock verwenden, um eine Beitragsseite zu erstellen, um die verschiedenen Beiträge auf Ihrer WordPress-Site aufzulisten und sie nach Belieben anzupassen. Bei Bedarf können Sie die Beitragsseite als Ihren Blog zuweisen oder als separaten Blog mit bestimmten Parametern verwenden.