Erscheinungsbild
Unter Erscheinungsbild konfigurierst du das visuelle Erscheinungsbild deiner gesamten Plattform. Alle hier vorgenommenen Einstellungen gelten plattformweit und beeinflussen das Design aller Seiten.
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 about 2 months ago