Erscheinungsbild
Unter Erscheinungsbild konfigurierst du das visuelle Erscheinungsbild deiner gesamten Plattform. Alle hier vorgenommenen Einstellungen gelten plattformweit und beeinflussen das Design aller Seiten.
Navigation: Admin → Grundeinstellungen → Branding → Erscheinungsbild
Globale Einstellungen
Die folgenden Einstellungen sind immer sichtbar und gelten plattformweit.
Branding und Logo
Das Hauptlogo, das in der Kopfzeile deiner Website angezeigt wird.
| Einstellung | Beschreibung |
|---|---|
| Höhe Logo | Bestimmt die Höhe des Header-Logos. Mögliche Werte: 40px, 60px, 80px oder 100px (Standard: 40px). |
| Logo Header | Das Logo für die Desktop-Ansicht der Kopfzeile. Empfohlene Formate: SVG, PNG oder WebP. |
| Logo Header Mobile | Ein separates Logo für die mobile Ansicht. Ideal für eine kompaktere Version des Logos. |
| Logo Footer | Das Logo in der Fusszeile. Kann sich vom Header-Logo unterscheiden. |
| Favicon | Erscheint im Browser-Tab und in den Lesezeichen. Quadratisch, idealerweise 512 × 512 px. Alle benötigten Grössen werden automatisch generiert. |
SVG- und WebP-Logos werden automatisch in PNG konvertiert für den E-Mail-Versand (z.B. Spendenverdankungen).
Header und Navigation
| Einstellung | Beschreibung | Optionen |
|---|---|---|
| Sticky Header | Kopfzeile bleibt beim Scrollen sichtbar | Aktiviert / Deaktiviert (Standard: deaktiviert) |
| Navigationspfad in Teasern | Breadcrumbs erscheinen in Weiss im Teaser-Bild | Aktiviert / Deaktiviert (Standard: deaktiviert). Nur sichtbar wenn Plugin-Library aktiviert ist. |
Button-Styling
Bestimme das Aussehen aller Buttons auf deiner Plattform.
| Einstellung | Beschreibung | Optionen |
|---|---|---|
| Button Text Style | Schreibweise der Button-Texte | Normal oder Grossbuchstaben |
| Button Style | Form der Buttons | Rund (abgerundete Ecken) oder Eckig (scharfe Ecken) |
| Button Radius | Abrundung der Ecken (nur bei „Rund") | 5px - 80px (Standard: 10px) |
Bei Auswahl von Eckig wird das Feld „Button Radius" ausgegraut, da keine Abrundung angewendet wird.
Kachel-Styling
Bestimme das Aussehen von Kacheln (Cards) und das Viewport-Layout.
| Einstellung | Beschreibung | Optionen |
|---|---|---|
| Default Viewport | Maximale Breite des Inhaltsbereichs | 1440px (Standard) oder 1280px |
| Kachel Ecken-Style | Form der Kachel-Ecken | Rund oder Eckig |
| Kachel Radius | Abrundung der Ecken (nur bei „Rund") | 5px, 10px oder 15px (Standard: 10px) |
Bei Auswahl von Eckig wird das Feld „Kachel Radius" ausgegraut, da keine Abrundung angewendet wird.
Accessibility
| Einstellung | Beschreibung |
|---|---|
| Links unterstreichen | Wenn aktiviert, werden alle relevanten Links unterstrichen dargestellt. Standard: deaktiviert. |
Barrierefreiheit (WCAG): Diese Einstellung verbessert die Lesbarkeit für Menschen mit Sehbeeinträchtigungen. Unterstrichene Links sind leichter von normalem Text zu unterscheiden und entsprechen den WCAG-Richtlinien für Barrierefreiheit.
Wenn aktiviert, erhalten folgende Elemente eine Unterstreichung:
- Links in Absätzen (
<p>) - Links in Listen (
<ul>,<ol>)
CSS-Eigenschaften bei Aktivierung:
text-decoration: underlinetext-underline-offset: 3pxtext-decoration-thickness: 1px
Updated 4 days ago