WP Manifestindependent plugin directory
manifest / editor / ud-card-grid

UD Block: Card Grid

Individuelle WordPress-Blöcke für dieses Projekt.

by ulrich.digital gmbh · github.com/ulrich-digital/ud-card-grid

★ 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-card-grid/archive/refs/heads/main.zip
Readme github.com/ulrich-digital/ud-card-grid ↗

Wrapper- und Karten-Block zur Darstellung von Inhalten in einem flexiblen Raster.

Übersicht

Dieses Plugin stellt zwei Blöcke zur Verfügung:

  • Card Grid (Container): Definiert das Raster und Layout
  • Card Grid Item (Einzelelement): Einzelne Karte innerhalb des Rasters

Mehrere Items können innerhalb des Containers angeordnet werden und bilden ein responsives Kartenlayout.

Funktionen

  • Container-Block für Kartenraster
  • Frei definierbare Anzahl an Karten
  • Steuerung von:
    • Abstand zwischen Karten (Gap)
    • Maximale Breite der Karten
  • Karten mit:
    • Eyebrow
    • Titel
    • Text
    • Hintergrund-Variante
  • Responsive Darstellung
  • Anchor-Unterstützung für den Container

Rendering-Kontext

Card Grid (Container)

  • Definiert Rasterstruktur und Layout
  • Gibt Layout-Werte (z. B. Gap, Max-Width) an die Items weiter

Card Grid Item (Einzelblock)

  • Nur innerhalb des Containers verfügbar
  • Rendert Inhalte wie Eyebrow, Titel und Text

Editor

Screenshot des Blocks im Editor mit mehreren Card Grid Items und bearbeitbaren Inhalten direkt im Block.

  • Layout wird im Container definiert
  • Inhalte werden direkt in den Items gepflegt
  • Texte (Eyebrow, Titel, Inhalt) direkt editierbar

Frontend

Beispielhafte Darstellung eines Kartenrasters mit mehreren Cards und unterschiedlichen Inhalten.

Die Darstellung erfolgt als flexibles Grid mit individuell befüllbaren Karten. Styling und Verhalten werden über Theme und Block-Styles gesteuert.

Technische Hinweise

  • Block-Registrierung erfolgt aus dem build/blocks-Verzeichnis
  • Zwei Blöcke:
  • ud/card-grid (Container)
  • ud/card-grid-item (Einzelelement)
  • Container übergibt Layout-Werte via Block Context an die Items
  • Zentrale Logik über helpers.php, render.php, enqueue.php

Autor

ulrich.digital gmbh

Lizenz

GPL v2 or later
https://www.gnu.org/licenses/gpl-2.0.html