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.
| Anzahl | Gebiet | Wozu es dient |
| 1 | Rechter Bereich | Farben, Schriftarten und andere globale Gestaltungsoptionen festlegen |
| 2 | Seitenvorschau | Live-Vorschau Ihrer Änderungen, während Sie sie vornehmen |
| 4 | Seitengruppe / Entität umschalten | Wechseln Sie zwischen Seitengruppen, Entitäten und Lokalitäten, um eine Vorschau anzuzeigen |
| 6 | Bereich-Umschalter | Der rechte Bereich kann für mehr Arbeitsfläche ein- oder ausgeblendet werden |
| 7 | Viewport-Steuerung | Zwischen Desktop, Tablet und Handy wechseln; vergrößern und verkleinern |
| 8 | Änderungskontrollen | Änderungen rückgängig machen, wiederherstellen, verwerfen oder veröffentlichen |
| 9 | Vorschau / Live-Verknüpfungen | Öffnen Sie eine teilbare Vorschau oder Ihre Live-Website in einem neuen Tab |
| 10 | Bibliothek aktualisieren | Laden Sie die neuesten Produktaktualisierungen herunter (wird nur angezeigt, wenn Sie im Rückstand sind) |
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.
| Hintergrund | Vordergrund | WCAG AA-konform |
| weiß | schwarz | ✓ |
| Primär 98 % Helligkeit | schwarz | ✓ |
| Sekundär 98 % Helligkeit | schwarz | ✓ |
| Tertiär 98 % Helligkeit | schwarz | ✓ |
| Quartär 98 % Helligkeit | schwarz | ✓ |
| Primär 20 % Helligkeit | weiß | ✓ |
| Sekundär 20 % Helligkeit | weiß | ✓ |
| Basisfarben (Primär, Sekundär, Tertiär, Quartär) | Weiß oder Schwarz | Nicht garantiert |
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:
- 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.