Thema und Markenidentität der Website
Unter „Einstellungen → Design“ werden globale Voreinstellungen für Farben, Typografie und Abstände festgelegt, die sich auf die Blöcke im Seiteneditor und die öffentlichen Seiten auswirken. Kombinieren Sie diese Einstellungen mit „Einstellungen → Allgemein“ und „Kopf- und Fußzeile“, damit der Name der Website, das Logo und die Benutzeroberfläche überall zu Ihrer Marke passen.
Das Theme steuert die globalen Farben, Schriftarten und Abstände, die auf Ihrer gesamten Website angewendet werden. Passen Sie das Branding unter Einstellungen → Theme und ergänzende Layout-Optionen unter Website-Layout an. Ein einheitliches Branding vermittelt Kunden und Besuchern den Eindruck, dass Ihre Website durchdacht gestaltet ist – nicht aufeinander abgestimmte Schriftarten auf der Startseite und im Blog-Index untergraben das Vertrauen schneller als ein Tippfehler in Ihrer Biografie.
Voraussetzungen
Dashboard → Einstellungen → Design
Siehe auch: Dashboard → Einstellungen → Seitenlayout, Allgemein (Seitenname)
Was Sie sehen
Registerkarte „Design“: Farbpalette, Typografie-Voreinstellungen, Schaltflächenstile und Akzentoptionen.
Registerkarte „Seitenlayout“: Seitenbreite, Abstände zwischen den Abschnitten und Layout-Voreinstellungen, sofern Ihr Design diese bietet.
Vorgehensweise
- Öffnen Sie Einstellungen und wählen Sie die Registerkarte Design aus.
- Wählen Sie eine Voreinstellung, die zu Ihrer Marke passt, oder legen Sie Primär- und Sekundärfarben manuell fest.
- Wählen Sie aus den verfügbaren Optionen Schriftarten für Überschriften und Fließtext aus.
- Speichern Sie die Änderungen am Design.
- Öffnen Sie Seitenlayout und wählen Sie eine Layout-Voreinstellung aus, sofern eine zum Stil Ihres Portfolios passt.
- Öffnen Sie Seiten → Bearbeiten Sie Ihre Startseite und zeigen Sie eine Vorschau für Desktop und Mobil an.
- Passen Sie die Designfarben so lange an, bis Kontrast und Lesbarkeit sowohl auf hellen als auch auf dunklen Bildhintergründen korrekt wirken.
- Veröffentlichen Sie wichtige Seiten, falls diese während des Tests des neuen Designs noch im Entwurfsstatus waren.
Was Sie sehen werden
Öffentliche Seiten spiegeln Ihre gewählten Farben und Schriftarten wider. Das Branding wirkt auf der Startseite, den Unterseiten und im Blog-Index einheitlich.
Wenn Text auf farbigen Bereichen schwer lesbar ist
Extrem individuelle Farben können den Kontrast für Barrierefreiheit beeinträchtigen – überprüfe den Lauftext auf farbigen Hintergründen. Einige Blöcke überschreiben die Designfarben lokal in den Blockeinstellungen, sodass ein einzelner Abschnitt möglicherweise manuell angepasst werden muss, selbst nachdem du das globale Design gespeichert hast.
Überprüfung Ihrer Einrichtung
- Theme-Farben und Schriftarten sind unter Einstellungen → Theme gespeichert.
- Die Vorschau der Startseite entspricht Ihrer Markenausrichtung auf dem Desktop und auf Mobilgeräten.
- Der Name der Website ist unter Einstellungen → Allgemein festgelegt.