Magazinbeiträge und Projekte in WordPress verknüpfen
Magazinbeiträge können ein Projekt inhaltlich ergänzen und Leserinnen und Leser direkt zur passenden Referenz führen. Eine individuelle Gutenberg-Lösung speichert diese Beziehung zentral am Beitrag und gibt sie dynamisch als Projektlink an der vorgesehenen Stelle aus.
Magazinbeiträge und Projekte bilden unterschiedliche Perspektiven auf dieselbe Arbeit. Ein Beitrag vermittelt Wissen, Hintergründe oder einen Lösungsweg; das zugehörige Projekt zeigt die konkrete Anwendung. Eine strukturierte Verbindung führt beide Inhaltstypen an der passenden Stelle zusammen.
Dafür haben wir den Block «Projekt verknüpfen» entwickelt. Redakteurinnen und Redakteure wählen das zugehörige Projekt in der Dokument-Seitenleiste des Beitrags aus. Der dynamische Gutenberg-Block liest diese Zuordnung aus und erzeugt daraus einen direkten Link zum Projekt.
Eine Beziehung zwischen zwei Inhaltstypen abbilden
Die Lösung verbindet den WordPress-Inhaltstyp post mit dem projektspezifischen Inhaltstyp projekt. Das ausgewählte Projekt wird als ID im registrierten Meta-Feld ud_projekt_verknuepfen gespeichert. Durch die REST-Freigabe des Meta-Felds kann der Block-Editor diese Zuordnung gemeinsam mit dem Beitrag laden und sichern.
Die Projektbeziehung wird damit zentral am gesamten Beitrag gepflegt. Der Ausgabeblock kann dort eingesetzt werden, wo der Verweis im Layout erscheint. Datenmodell und visuelle Platzierung übernehmen dabei getrennte, miteinander verbundene Aufgaben. Wie Projektverknüpfungen auch die Auswahl einer Übersicht bestimmen können, beschreibt der Abschnitt zur Muota-Variante im Beitrag Inhaltsübersichten in WordPress flexibel abfragen und redaktionell gestalten.
Projekt direkt in der Dokument-Seitenleiste auswählen
Ein eigenes Panel mit dem Titel «Projekt-Verknüpfung» ergänzt die Dokument-Einstellungen von Magazinbeiträgen. Das Auswahlfeld lädt die verfügbaren Projekte über die WordPress REST API und stellt ihre Titel zur Auswahl bereit.
Die Zuordnung liegt damit an einer zentralen redaktionellen Stelle. Sie wird gemeinsam mit dem Beitrag gepflegt und steht der dynamischen Ausgabe unabhängig von ihrer Position im Inhalt zur Verfügung.
Projektlink dynamisch ausgeben
Der Block verwendet einen serverseitigen Render-Callback. WordPress liest beim Aufruf des Beitrags die gespeicherte Projekt-ID aus, ermittelt Permalink und Titel des Projekts und erzeugt daraus die Ausgabe unter «Weitere Informationen». So verweist der Link stets auf die von WordPress verwaltete Projektadresse und übernimmt den aktuellen Projekttitel.
Auch im Beitragseditor wird die Ausgabe serverseitig als Vorschau geladen. Redaktion, Datenbeziehung und Frontend-Darstellung greifen dadurch unmittelbar ineinander.
Den Verweis in das Beitragstemplate integrieren
Für die projektspezifische Gestaltung kann der Link zusätzlich in einen vorbereiteten Bereich des Beitragstemplates übernommen werden. Das Frontend-Skript erkennt dafür ein Element mit der Klasse link_zum_projekt_im_head und fügt dort eine Kopie des Projektlinks ein. Auf diese Weise lässt sich die redaktionelle Zuordnung mit einer hervorgehobenen Position im Kopfbereich verbinden. Eine weitere Darstellungsform zeigt der Beitrag Beiträge und Projekte im WordPress-Cover verlinken: Dort wählt die Redaktion den Inhalt direkt im Teaser aus.
Der Block unterstützt breite und vollbreite Ausrichtungen und lässt sich in Full-Site-Editing-Strukturen einsetzen. Inhalt, Metadaten und Template arbeiten mit einer festen Aufgabenteilung: Die Seitenleiste verwaltet die Beziehung, der Block erzeugt die Ausgabe und das Theme gestaltet ihre Einbindung.
Ergebnis
Projektverknüpfungen zentral pflegen und dynamisch ausgeben
Die Lösung verbindet Magazinbeiträge und Projekte über eine zentral gespeicherte Beziehung. Redaktion, dynamischer Gutenberg-Block und Beitragstemplate greifen dabei auf dieselbe Zuordnung zu.
Projekt zentral auswählen
Die Dokument-Seitenleiste lädt verfügbare Projekte über die REST API. WordPress speichert die Auswahl als registriertes Beitrags-Metadatum.
Projektlink dynamisch ausgeben
Der serverseitig gerenderte Gutenberg-Block liest die Auswahl aus und gibt Projektadresse sowie aktuellen Titel aus. Die Vorschau nutzt dieselbe Datenquelle.
Link im Template positionieren
Eine definierte Schnittstelle bindet den Verweis bei Bedarf im Kopfbereich ein. Sie unterstützt klassische Beiträge und Full-Site-Editing-Strukturen.