Dynamic Shortcodes Archives

Archive mit Dynamic Shortcodes

tl;dr: Publisher die sich nicht vor ein wenig Codenähe fürchten sollten sich unbedingt die Erweiterung Dynamic Shortcodes näher ansehen. Diese funktioniert mit dem Blockeditor (Gutenberg) aber auch mit Elementor, WPBakery, Bricks, Breakdance und sogar mit dem Classic Editor. Ausserdem unterstützt sie ACF, Jet, WooCommerce etc., Und das Ganze startet bei € 34,- p.a.

Voraussetzungen

Dynamic Shortcodes hat als Claim Display data anywhere you want, damit schlägt es die Brücke vom Programmierer zum Designer. Als Webmaster muss man sich vor dem wenigen Code nicht fürchten, in der Tat kommt man mit Copy/Paste (aus den innerhalb der eigenen Website zu findenden Beispielen) vmtl. weiter als mit der sog. KI und Vibe-Coding.

Für diesen Artikel wurden eine Standard-Installation mit Twenty-Twenty Five verwendet. Die Gutenberg-Unterstützung ist offiziell noch beta, funktioniert aber prächtig.

Hinweis: Hast du eine über Dynamic Content for Elementor freigeschaltene Version von Dynamic Shortcodes, so funktioniert diese nicht mit dem Blockeditor. Statt dessem kannst du aber einfach ein Elementor-Widget verwenden und dort über Dynamische Inhalte > Dynamic Shortcodes auswählen.

Die Funktion

Der schnelle Einstieg gelingt einfach über

Dashboard > Dynamic Shortcodes > Demo Shortcodes

Der erste Tab post sucht sich den neuesten Post und bietet das fertige ausgefüllte Beispiel an:

{post:title}

Es ist wirklich einfach: in geschwungenen Klammern (engl: braces, curly brackets oder frz: accolades, bei uns auch Akkoladen) wird mit einem Paar aus key:value eine Abfrage definiert. Das Beispiel oben zeigt also den Titel eines Beitrags an.

Will man die Ausgabe steuern so wird mittels des Pipe-Zeichens | der Shortcode erweitert.

{post:title | strtoupper}

Eingesetzt werden diese Ausdrücke einfach im Blockeditor (hier:Absatz).

Demo Dynamic Shortcodes
Auf der Demoseite werden Beispiele mit Echtdaten zum Einfachen Copy/Paste angeboten
Dynamic Shortcodes im Blockeditor
Dynamic Shortcodes im Blockeditor einfach im Text eingesetzt
Dynamic Shortcodes Frontend
Die Ausgabe des Beispiels links sieht dann so aus

Man kann sich gut vorstellen, dass verschiedene Shortcodes hintereinander eingesetzt werden und so eine Abfrage eines Posts erstellt die Titel, Link, Featured-Image etc. zusammensetzt. Man erstellt also eine Art Loop-Template aus einzelnen Dynamischen Shortcodes.

Power Shortcodes

WordPress hat einige Beschränkungen eingebaut die versuchen gefährliche Abfragen zu verhindern. Um diese Sicherheitsbeschränkungen zu umgehen benutzen wir eine Technik die Power Shortcodes genannt wurde. Man kann sich einen Power Shortcode als eine Art Satz vorstellen während ein einzelnes Wort dieses Satzes ein Shortcode wie zuvor beschrieben darstellt.

Dashboard > Dynamic Shortcodes > Power Shortcodes

ist der Platz, wo man diese Dinger anlegen kann. Jeder Power Shortcode besteht aus

  • Namen (7bit, keine Sonderzeichen)
  • Beschreibung (optional)
  • Content (der Platz wo alles drinnen steht)
Power Shortcode
Beispiel eines Power Shortcodes

Hier sehen wir nun einen Power-Shortcode im Detail:

Name: simple-archive soll eine einfache Liste von Beiträgen anzeigen.

Description: die Eingabe sorgt für eine einfache Dokumentation

Content: der Bereich, wo alles statt findet

Anzeige/Copy: hier kann der Power-Shortcode für die Anwendung auf einer Seite kopiert werden.

Schauen wir uns nun den Content etwas näher an:

<ul>
{loop:{query:posts}
   [<li><a href="{post:permalink}">{post:title}</a>]
   }
</ul>

Der Begriff loop definiert, dass eine Schleife ausgeführt werden soll, und zwar mit den Parametern {query:posts}. Diese Schleife wird nun in den Eckigen Klammern ausgegeben [ … ]. Innerhalb der Schleife finden wir die beiden Shortcodes {post:permalink} und {post:title}. Der Rest ist HTML.

Übersetzt bedeutet das jetzt:

Mach mir eine Liste ul aus den vorhandenen Beiträgen {query:posts}; in jeder Zeile [li mach einen Link zu diesem Post a href {post:permalink} und verwende als Linktext den Titel des Posts {post:title}. Beende Link und Zeile /a, ] , Beende die Liste /ul.

Es ist also eine Frage der korrekten Synatax und wie ich meine Abfrage fomuliere.

Powershortcode im Backend
Im Gutenberg Backend sieht das einfach so aus
Loop frontend
Auf der Website sieht man die Auflistung der Beiträge

Genauere Abfragen

Zugegeben: eine solche Abfrage hätte man mit dem Block Neueste Beiträge noch einfacher umsetzen können. Spannend wird es dann, wenn man näher ins Detail geht. Am einfachsten ist es wohl, ein paar Beispiele näher zu betrachten:

<ul>{loop:{query:posts @ posts-per-page=5} [<li>{post:title}]}</ul>

Diese Abfrage limitiert die Anzahl der Ergebnisse mit Hilfe der Anweisung posts-per-page=5 auf 5. Die Syntax hierfür ist die Trennung durch ein @ . Das Zeichen steht hier dafür, dass danach eine Liste von Optionen beginnen kann. Mehr zur Syntax hier.

Weitere Beispiele:

{query:posts@category_name=technology}

Liefert eine Liste von Beiträgen aus der Kategorie technology.

{query:posts@author=2}

Liefert eine Liste von Beiträgen des Autors mit der Id 2.

{query:posts@meta_key=color meta_value=blue}

Sucht Beiträge, in denen das Custom Field color den Wert blue hat.

{query:woo-orders@limit=5 status=processing}

Liefert 5 WooCommerce Bestellungen, die im Augenblick im Status processing stehen.

Man sieht also sehr schnell: möglich ist das, was man sich vorstellen kann. Nicht nur Beiträge:

  • posts
  • users
  • terms
  • woo-orders

Ausserdem beherrscht das System auch noch for-Schleifen.

{for:user-id
   {query:users}
   [{user:nickname @ID={get:user-id}]
   @ sep=', '
}

Das Liefert eine Schleife der User einer WordPress-Seite indem die Nicknames mit , getrennt ausgegeben werden.

Fazit

Die Erweiterung Dynamic Shortcodes funktioniert beinahe überall: in den gängigen Themes genauso wie in verbreiteten Pagebuildern. Natürlich benötigt man ein wenig Einarbeitungszeit und wohl auch ein wenig Überwindung, wenn man zuvor nur mit grafischen Oberflächen gearbeitet hat. Durch das perfekt integrierte Beispielsystem in Verbindung mit eigenen Inhaltstypen kann mehr mir einem Leichtgewichts-Plugin sehr gute individuelle Lösungen umsetzen. Eine klare Empfehlung!

Veröffentlicht am: 2. Januar 2026
Letztes Update am: 12. August 2026

Hinterlasse den ersten Kommentar