WP Manifestindependent plugin directory
manifest / editor / ud-teaser-card-in-cover-block

UD Block: Beitragsteaser im Cover

WordPress-Block zur Darstellung eines Beitrags oder Projekts als Teaser innerhalb eines Cover-Blocks – mit Titel und „Mehr erfahren“-Link für visuell betonte Inhaltsbereiche.

by ulrich.digital gmbh · github.com/ulrich-digital/ud-teaser-card-in-cover-block

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/ulrich-digital/ud-teaser-card-in-cover-block/archive/refs/heads/main.zip
Readme github.com/ulrich-digital/ud-teaser-card-in-cover-block ↗

Der dynamische Gutenberg-Block stellt einen ausgewählten Beitrag oder ein Projekt als verlinkte Teaserkarte innerhalb eines WordPress-Cover-Blocks dar. Titel und Zieladresse werden direkt aus dem gewählten Inhalt übernommen.

Frontend

Ein verlinkter WordPress-Beitrag wird als Teaserkarte über einem grossformatigen Coverbild dargestellt.

Die gesamte Karte führt zum ausgewählten Inhalt. Beschriftung, Titel und Pfeil bilden dabei eine kompakte visuelle Einheit; Schrift und Farben können über das Theme geprägt werden.

Editor

Im WordPress-Editor lässt sich der Beitragsteaser direkt im Cover über die Bearbeitungsschaltfläche auswählen.

Die Auswahl wird direkt über die Bearbeitungsschaltfläche in der Teaserkarte geöffnet. Beiträge und Projekte stehen in einer gemeinsamen, durchsuchbaren Liste zur Verfügung.

Funktionen

  • Verknüpft einen Beitrag oder ein Projekt über dessen Beitrags-ID
  • Übernimmt Titel und Permalink beim serverseitigen Rendern aus WordPress
  • Macht die gesamte Teaserkarte zum Linkziel
  • Ermöglicht die Auswahl direkt in der Karte
  • Ist für die Platzierung als innerer Block eines Core-Cover-Blocks gestaltet
  • Überlässt Typografie und Farben dem Theme und stellt passende Fallback-Werte bereit
  • Unterstützt einen optionalen HTML-Anker

Verwendung

  1. Einen WordPress-Cover-Block einfügen und das gewünschte Hintergrundbild wählen.
  2. Darin den Block „Beitragsteaser im Cover“ einfügen.
  3. Die Bearbeitungsschaltfläche in der Karte öffnen.
  4. Einen Beitrag oder ein Projekt auswählen.

Der Block speichert die ID des ausgewählten Inhalts im Attribut postId. Die sichtbare Ausgabe wird in includes/render.php erzeugt und bleibt dadurch mit Änderungen an Titel und Permalink synchron.

Unterstützte Inhaltstypen

  • Beiträge (post)
  • Projekte (projekt)

Für Projekte muss der entsprechende Inhaltstyp in WordPress registriert und für die REST-API verfügbar sein.

Installation

  1. Den Plugin-Ordner ud-teaser-card-in-cover nach wp-content/plugins/ kopieren.
  2. Das Plugin im WordPress-Backend aktivieren.
  3. Den Block im Editor innerhalb eines Cover-Blocks einfügen.

Entwicklung

npm install
npm run start

Produktions-Build erstellen:

npm run build

Autor

ulrich.digital gmbh

Lizenz

GPL v2 or later