Abfrage-Block in WordPress 5.8

Dynamische Inhalte mit dem neuen WordPress Core Query-/Abfrage-Block

Eine verwöhnte Drupal User:in schaut gelegentlich ein wenig verwirrt auf WordPress und fragt sich, wie dort eigentlich dynamische Blöcke auf den jeweiligen Inhaltsseiten erstellt werden. Also so etwas wie die neuesten fünf Beiträge, die Events im nächsten Monat, die zuletzt aktualisierten Beiträge, ein paar Portfolio Beiträge zum Thema XY und das alles unterschiedlich sortiert mit individuellem Layout und ausgewählten Feldern.

Bisher wurde so etwas in WordPress über Plugins realisiert, unter anderem auch über zusätzliche, konfigurierbare Widgets in Plugins, beispielsweise im Jetpack Plugin oder auch viel ausgefeilter in Elementor Custom Post Loops, um nur zwei Beispiele zu nennen. Im WordPress Core gibt es bisher wenige vordefinierte Widgets mit ein paar Parametern. Im Rahmen des Gutenberg-Editor Block-Konzeptes nähern sich Blöcke und Widgets nun immer mehr an und bereiten WordPress auf vollständig Block-basierte Seiten vor.

Besonders augenfällig wird dies nach dem Update auf WordPress 5.8 in der Administrationsseite der Widgets (Design -> Widgets).

Nach dem Update erscheinen dort die bisherigen Widgets in der Übersicht als Legacy-Widgets. Die Seite ist jetzt organisiert wie im Gutenberg-Editor und man sieht bereits, wie Widgets und Blöcke sich immer mehr ähneln. Widgets werden nun in einer Live-Vorschau dargestellt.

Widgets im Novatrend-Block nach Update auf WordPress 5.8

In der Widget-Ansicht im Customizer erscheint sogar eine Begrüssungsnachricht „Willkommen bei den Block-Widgets“, die bestätigt werden soll.

Hinweis: Wem das alles noch nicht geheuer ist, der kann sich das Classic Widgets Plugin laden und dann bleibt alles wie gehabt.

Wer sich allerdings auf das neue System einlässt, erlebt vielleicht einen echten Aha-Moment!

Inhalte können nun tatsächlich komplett aus Blöcken erstellt werden. Als Sahnehäubchen gibt es den Query- (English) oder Abfrage-Block (deutsch). Mit diesem Abfrage-Block lassen sich die obigen Beispiele

… also so etwas wie die neuesten 5 Beiträge, die Events im nächsten Monat, die zuletzt aktualisierte Beiträge, ein paar Portfolio Beiträge zum Thema XY, und das alles unterschiedlich sortiert mit individuellem Layout …

erstellen. Was auf den ersten Blick eine eher unscheinbare Neuerung ist, enthält auf den zweiten Blick viel Potential. Der Abfrage-Block bietet gewissermassen eine rudimentäre Benutzeroberfläche für die WP_Query Klasse in WordPress. Was bisher nur mit PHP auf Code-Ebene möglich war, kann nun über die Benutzeroberfläche konfiguriert werden. Die momentane Renaissance von No-Code-Plattformen lässt grüssen!

Wer wissen will, wo diese Entwicklung hinführen könnte, sollte sich das Layout- und das Views-Modul in Drupal ansehen. Und wenn solche Konzepte in WordPress eingeführt werden, dann wird das alles mit der Zeit noch viel benutzerfreundlicher werden 🙂

Beispiele

Ein Beispiel ist besser als tausend Worte. Der nun folgende Abfrage-Block enthält zwei Spalten mit je einem Beitrag aus der Kategorie soziale Netze und ist „Neu nach alt“ (mit dem Bezug auf das Erstellungsdatum) sortiert. Es werden maximal zwei Beträge angezeigt. Im Hintergrund ist ein Farbverlauf, die Schriftfarbe wurde verändert.

  • Eine Community für ein Jahrgangstreffen (Signal/Friendica/Jitsi)

    Eine Community für ein Jahrgangstreffen (Signal/Friendica/Jitsi)

    Die Zeit vergeht erstaunlich schnell und plötzlich erhalte ich eine Einladung zu einem Jahrgangstreffen. Es gibt wundersamer Weise in fast jeder Schule ein paar Personen, die unermüdlich über Jahrzehnte Adressen pflegen und es tatsächlich schaffen, so ein Jahrgangstreffen nach vielen Jahren zu organisieren. Mein Jahrgang liegt weit vor der Erfindung des iPhones und des Internets.…


  • Informationen und Neuigkeiten per RSS-Feed abonnieren

    Informationen und Neuigkeiten per RSS-Feed abonnieren

    Wie informierst du dich eigentlich Online? Ich meine so ganz einfache Dinge. Was passiert … an deinem Wohnort? … in deiner Region? … deinem Land? … der Welt? … bei deinen Hobbies? … deinen Themen in der Arbeit, Schule oder Universität? … deinen Freund:innen? … den Nachbarn? … der Familie? Was wir über unsere Gesellschaft,…


Wir benutzen das aktuelle WordPress-Theme Twenty-Twenty-One hier im Novatrend Blog (mit g) und ich konnte diesen Beispiel-Block (mit ck 🙂 ), während ich den Beitrag geschrieben habe, sehr einfach innerhalb des Gutenberg Editors konfigurieren!

Im Editor sieht die Zusammenstellung des Abfrage-Blocks aus wie im nächsten Screenshot. Auf der rechten Seite können die Parameter eingestellt werden.

Konfiguration eines Abfrage-Block-Blocks

Wer nun in einer Web-Agentur sitzt und die Hände über den Kopf zusammenschlägt ob der unpassenden Farben, Schriftgrössen und ähnlichen typografischen Möglichkeiten diverser Fehltritte, dem sei gesagt, das solche Blöcke natürlich auch wiederverwendbar und an individuelle Themes angepasst von einer Agentur konfiguriert werden können.

Die jeweilige Anwender:in, die den Beitrag schreibt, muss den Block nur noch im Gutenberg-Editor auswählen.

Fazit

Der Abfrage-Block ermöglicht die Verbindung während des Schreibens eines Beitrags mit der Programmierung und dem Design individueller Widgets, die dann in dem Beitrag auftauchen.

Die durchaus disruptive Neuigkeit an diesem Konzept ist die Tatsache, dass Programmierung und Design hinter einer abstrahierten No-Code Benutzeroberfläche verschwinden. Der Benutzer wählt ganz einfach aus den vordefinierten Möglichkeiten aus.

Momentan sind diese Möglichkeiten noch eingeschränkt, wer jedoch schon mal mit dem Views-Modul in Drupal gearbeitet hat, kann sich vorstellen, was in Zukunft in WordPress möglich sein wird.

Links


Beitrag veröffentlicht

in

von

Schlagwörter:

Kommentare

Eine Antwort zu „Dynamische Inhalte mit dem neuen WordPress Core Query-/Abfrage-Block“

  1. Avatar von Jeffry Khankah

    Hallo,
    Ich bearbeite meine Website mit Oxygen Builder, mit diese Page Bilder hat man die Möglichkeit dynamische Daten zu verwenden sowie dynamische Blöcke ..

    Gruss J.K.

Schreibe einen Kommentar

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