Globale Stile sind die Marken- und Designeinstellungen – Farben, Schriftarten und Typografie – die auf jeder Seite Ihrer gesamten Website angewendet werden. Wenn Sie einen globalen Stil ändern, werden alle Seiten auf einmal aktualisiert, sodass Sie Ihre Markenidentität nur an einem Ort festlegen müssen.

Greifen Sie auf den globalen Stileditor zu

Klicken Sie auf dem Bildschirm Seitengruppen auf Globale Stile bearbeiten.

Der globale Stileditor. In diesem Artikel wird durchgehend auf nummerierte Anmerkungen Bezug genommen.

Setzen Sie Ihre Farbpalette

Im rechten Feld (1) definieren Sie die Farbpalette Ihrer Website, indem Sie vier Basisfarben eingeben:

• Primär
• Sekundär
• Tertiär
• Quartär

Verwenden Sie die Farbauswahl, um den Wert jeder Farbe einzugeben. Nach der Einrichtung generiert das System automatisch sechs zusätzliche Farbtöne – hellere und dunklere Varianten –, die ohne manuelle Anpassungen als Hintergrundfarben auf Ihrer gesamten Website verwendet werden können.

Zur Barrierefreiheit: Das Farbsystem legt Wert auf Zugänglichkeit. Automatisch generierte Farben werden mit Vordergrundtextfarben kombiniert, die die Kontrastanforderungen der WCAG AA erfüllen. Die vier Basisfarben können als Hintergründe verwendet werden, allerdings kann die Einhaltung von WCAG AA für diese nicht garantiert werden, da ihre genauen Werte benutzerdefiniert sind.

Stellen Sie Ihre Schriftarten ein

Im rechten Bereich (1) wählen Sie die Schriftart und -größe für jede Ebene der Typografiehierarchie Ihrer Website aus:

• Überschriftenebenen (H1–H6)
• Textkörper
• Links
• Schaltflächen

Es stehen über 1.500 Schriftarten zur Auswahl. Aktuell werden nur Schriftarten mit lateinischen Zeichen unterstützt.

Änderungsvorschau anzeigen

Verwenden Sie den Editor vor der Veröffentlichung, um zu überprüfen, wie Ihre Stile auf der Website aussehen.

• Seitenvorschau (2) – Ihre Änderungen werden live in der Vorschau angezeigt, während Sie sie vornehmen.
• Seitengruppen / Entitäten (4) – Schalten Sie zwischen verschiedenen Seitengruppen und Entitäten um, um sicherzustellen, dass Ihre Stile auf der gesamten Website korrekt aussehen. Sie können auch eine Entität im Knowledge Graph direkt von hier aus öffnen, um Inhaltsänderungen vorzunehmen.
• Viewport-Steuerungen (7) – Wechseln Sie zwischen Desktop-, Tablet- und Mobilansicht, um die Reaktionsfähigkeit zu überprüfen.
• Änderungsvorschau (9) – Erzeugt einen teilbaren Vorschaulink mit allen Ihren unveröffentlichten Bearbeitungen. Nutzen Sie dies, um vor der Live-Schaltung Feedback von den Beteiligten einzuholen. Die Vorschau zeigt lokale Änderungen an; Ihre Live-Website zeigt nur veröffentlichte Änderungen an.
• Bereich einklappen (6) – Klappen Sie den rechten Bereich ein, um einen größeren Vorschaubereich zu erhalten.

Hinweis: Sie können zwischen Seitengruppen und Entitäten umschalten, um eine Vorschau anzuzeigen, aber Sie können im globalen Stileditor keine Abschnitte hinzufügen, neu anordnen oder entfernen. Um die Seitenstruktur zu ändern, verwenden Sie den Layout-Editor.

Veröffentlichen Sie Ihre Änderungen

Änderungen werden während der Bearbeitung automatisch gespeichert. Wenn Sie bereit sind, die Aktualisierungen live zu schalten:

1. Klicken Sie in der Änderungskontrolle auf Veröffentlichen (8). Wenn Ihre Seiten bereits live sind, lautet diese Schaltfläche Aktualisieren # Seiten.

Ihre Stile werden gleichzeitig auf jeder Seite und jeder Seitengruppe aktiviert.

Zur Überprüfung: Öffnen Sie nach der Veröffentlichung Ihre Live-Website (9) und aktualisieren Sie sie, um zu bestätigen, dass die Aktualisierungen sichtbar sind.

Hinweis: Die Schaltfläche Veröffentlichen ist deaktiviert, während eine Bereitstellung im Gange ist oder Ihre Website Fehler aufweist. Sie können weiterhin Änderungen lokal vornehmen und speichern – diese können veröffentlicht werden, sobald die Bereitstellung abgeschlossen ist oder der Fehler behoben wurde. Weitere Details finden Sie unter Seiten anzeigen und Fehler untersuchen.