Design-Anpassungen
Soulclick bietet zahlreiche Möglichkeiten, das Design deiner Plattform ohne Code-Änderungen anzupassen. Diese Seite gibt einen Überblick, was du alles konfigurieren kannst.
Was kann ich anpassen?
| Bereich | Einstellungen | Navigation |
|---|---|---|
| Logo | Header-Logo, Mobile-Logo, Footer-Logo, Favicon, Logo-Höhe | Erscheinungsbild |
| Farben | Hintergrund, Text, Buttons (primär/sekundär/tertiär), Links, Flächen, Badges | Farbwelt |
| Schriftarten | Google Fonts oder eigene Schriftarten, Font-Weights, Titel-Stil | Schriftarten |
| Buttons | Rund oder eckig, Radius, Grossbuchstaben | Erscheinungsbild |
| Kacheln | Ecken rund oder eckig, Radius | Erscheinungsbild |
| Viewport | Maximale Breite des Inhaltsbereichs (1440px oder 1280px) | Erscheinungsbild |
| Navigation | Sticky Header, Breadcrumbs in Teasern | Erscheinungsbild |
| Barrierefreiheit | Links unterstreichen | Erscheinungsbild |
Tipps für ein einheitliches Design
- Verwende maximal 2 Schriftarten: Eine für den Fliesstext, eine für Titel. Mehr Schriftarten wirken unruhig.
- Halte die Farbpalette klein: Primärfarbe, Sekundärfarbe und eine Akzentfarbe reichen in der Regel aus.
- Button-Stil konsistent halten: Entscheide dich für rund oder eckig und verwende diesen Stil durchgehend.
- Logo-Grösse testen: Prüfe dein Logo in verschiedenen Höhen (40px, 60px, 80px) und wähle die Grösse, die am besten zum Header passt.
- Kontraste prüfen: Achte darauf, dass Text auf farbigen Flächen gut lesbar bleibt. Mindestkontrast 4.5:1 für WCAG AA.
- Vorschau nutzen: Unter Farbwelt und Schriftarten gibt es eine Live-Vorschau. Nutze sie, bevor du speicherst.
Weitergehende Anpassungen
Für Anpassungen, die über die Admin-Einstellungen hinausgehen (z. B. Custom CSS, individuelle Layouts), steht das Custom-Code Plugin zur Verfügung. Kontaktiere den Soulclick-Support für individuelle Design-Projekte.
Updated 3 days ago