Zurück zur Übersicht
Block Libraries
Wiederverwendbare Komponentenbibliotheken pro Branche für konsistente Websites.
Was sind Block Libraries?
Eine Block Library ist eine Sammlung wiederverwendbarer Komponenten (Blöcke), die nach Branche oder Stil gruppiert sind. Denken Sie an eine Bibliothek für Zahnarztpraxen, Restaurants, Immobilienmakler oder Salons.
Jede Library enthält:
• Eine Auswahl an Komponenten (z.B. Hero, Speisekarte, Öffnungszeiten)
• Design Tokens (Farben, Schriftarten, Abstände)
• Eine Versionsnummer (Semver: 1.0.0)
Eine Library erstellen
Klicken Sie auf "Neue Library" und füllen Sie aus:
1. Name – Ein erkennbarer Name (z.B. "Restaurant Pro")
2. Widget – Die Branche, für die die Library bestimmt ist (Zahnarzt, Restaurant, Immobilien, Salon, Recht oder Generisch)
Nach dem Erstellen können Sie Komponenten auswählen und Design Tokens konfigurieren.
Komponenten und Design Tokens
Im Library-Editor können Sie:
• Komponenten auswählen, die zur Branche passen
• Design Tokens einstellen: Primärfarbe, Schriftart, Abstände, Border-Radius
• Eine Vorschau sehen, wie die Komponenten mit Ihren Tokens aussehen
Die Tokens werden automatisch auf alle Komponenten in der Library angewendet.
Tipps
- Wählen Sie Tokens, die zum Markenstil der Branche passen. Sie können sie pro Website noch überschreiben.
- Je mehr Komponenten Sie hinzufügen, desto flexibler ist die Library für verschiedene Websites.
Versionsverwaltung und Veröffentlichung
Jede Library hat eine Versionsnummer (z.B. 1.0.0). Wenn Sie Änderungen veröffentlichen, wählen Sie den Update-Typ:
• Patch (1.0.1) – Kleine Fehlerbehebungen oder Anpassungen
• Minor (1.1.0) – Neue Komponenten oder Features
• Major (2.0.0) – Breaking Changes
Websites, die die Library verwenden, können auf die neueste Version aktualisieren.
Hinweis
- Ein Major-Update kann bestehende Websites beeinflussen. Testen Sie immer auf einer Entwurfs-Website, bevor Sie eine Major-Version ausrollen.
Token-Presets verknüpfen
Jede Library kann mit einem Satz Design-Token-Presets verknüpft werden. Das sind vordefinierte Kombinationen aus Farben, Schriftarten und Abständen, die zu einer bestimmten Branche passen.
So verknüpfen Sie ein Token-Preset:
1. Öffnen Sie den Library-Editor
2. Gehen Sie zum Tab "Design Tokens"
3. Wählen Sie ein bestehendes Preset oder erstellen Sie ein neues
4. Speichern — die Tokens werden automatisch auf alle Komponenten angewendet
Token-Presets sorgen dafür, dass alle Websites, die diese Library verwenden, ein einheitliches Erscheinungsbild haben.
Tipps
- Erstellen Sie Presets pro Branche: ein Zahnarzt-Preset mit ruhigen Blautönen, ein Restaurant-Preset mit warmen Farben.
- Sie können die Tokens pro Website noch überschreiben, wenn der Kunde eine eigene Markenidentität hat.
Library Websites zuweisen
Sie können eine Library einer oder mehreren Websites zuweisen. Dadurch erhalten diese Websites Zugriff auf alle Komponenten und Tokens der Library.
So weisen Sie eine Library zu:
1. Gehen Sie zu den Library-Einstellungen
2. Klicken Sie auf "Websites zuweisen"
3. Wählen Sie die Websites aus, die diese Library verwenden sollen
4. Bestätigen — die Komponenten sind sofort im Page Builder dieser Websites verfügbar
Eine Website kann nur eine Library gleichzeitig verwenden. Beim Wechsel der Library werden bestehende Blöcke nicht entfernt, aber die verfügbaren Komponenten ändern sich.
Tipps
- Weisen Sie eine Library beim Erstellen einer Website über einen Blueprint zu für die schnellste Einrichtung.
- Prüfen Sie nach dem Wechsel der Library, ob alle bestehenden Blöcke noch korrekt dargestellt werden.
Hinweis
- Das Wechseln der Library auf einer bestehenden Website kann dazu führen, dass einige Blöcke im Editor nicht mehr verfügbar sind.