Home » Dynamic Content » 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, beta) 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.
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.
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).
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.
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
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:
{loop:{query:posts}
[- {post:title}]
}
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.
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:
{loop:{query:posts @ posts-per-page=5} [- {post:title}]}
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:
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.
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: 5. Januar 2026
Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie müssen den Inhalt von reCAPTCHA laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.
Mehr Informationen