Logo und Branding anpassen
So passt du Logo und Header-Elemente deiner easyWebsite an.
Easy Mode
Setze die Logo-Parameter in der .gitlab-ci.yml:
Parameter
| Parameter | Beschreibung |
|---|---|
logo-path | Pfad zur Logo-Bilddatei (SVG, PNG, JPG) für den Header |
header-lower-badge-logo-path | Pfad zum Badge-Logo im unteren Header-Bereich |
Alle weiteren Parameter findest du in der Referenz der CI/CD-Komponenten.
Developer Mode
Konfiguriere Branding in der theme.config.tsx:
Konfigurationsoptionen
| Eigenschaft | Typ | Default | Beschreibung |
|---|---|---|---|
logo | ReactNode | FC | Digitalwappen (SVG) | Logo-Komponente im Header |
logoText | string | "" | Text neben dem Logo |
logoLink | boolean | string | true | true → Startseite, false → kein Link, string → benutzerdefinierte URL |
faviconGlyph | string | — | Emoji als Favicon (z. B. "📚") |
header.lowerBadgeLogoPath | string | — | Pfad zum Badge-Logo |
Logo-Formate
- SVG empfohlen — skaliert ohne Qualitätsverlust
- PNG/JPG möglich — verwende ausreichende Auflösung (mind. 2x für Retina)
- Lege Logo-Dateien im
assets-Ordner ab