Administration einer Website · Grundlagen · 0:58 Min.

Design: Style-Editor, Vorlagen, Navigation

Vorlagen ausprobieren, Farben mit Kontrastprüfung, Navigation – mit Live-Vorschau.

Ohne Ton, mit Untertiteln Untertitel Deutsch und Englisch – im Player über „CC“ ein- und ausschalten. Das Video liegt auf diesem Server und lädt erst beim Abspielen. Die Schritte unten sind der vollständige Text zum Video.

Ziel

Sie passen Farben, Schrift und Navigation an – barrierefrei geprüft und ohne das Kit zu verändern.

Voraussetzungen

Recht „Design (Style-Editor)“ und die Funktion Design.

Schritt für Schritt

Transkript: Jeder Schritt entspricht einem Untertitel im Video.

Administration › Design: Farben, Schrift und Formen des Kits für diese Website.
Vorlagen füllen das Formular mit einem stimmigen Satz – die Vorschau rechts zeigt es sofort.
Jede Farbe mit Kontrastprüfung (AA/AAA) – für helle und dunkle Darstellung.
Reiter Typografie, Navigation, Kopfbereich: Suche & Aktionen – Schrift, Menü, Suchfeld und Button oben.
Vorschau prüfen: Seite wählen, Mobil und Dunkel umschalten.
Speichern stellt das Design online, Verlauf holt frühere Stände zurück. Zum Ausprobieren: Verwerfen.

Tipps & Stolperfallen

Tipp

Welche Seiten im Menü stehen, steuern Sie in der Seitenliste (Schalter „Menü“) bzw. über Abschnitte mit Sprungmarke („In Hauptnavigation anzeigen“).

Tipp

Export/Import übertragen ein Design auf eine andere Website mit demselben Kit.

Achtung

Rote Kontrastwerte beheben, bevor Sie speichern – sonst sind Texte schlecht lesbar (WCAG).