In diesem Ratgeber erfährst du, wie du mit dem Stilbuch in einer Vorschau sehen kannst, wie sich Stiländerungen auf die Anzeige von Blöcken auswirken, ohne diese Blöcke auf der Website einfügen zu müssen.
Diese Funktion ist auf Websites mit den WordPress.com-Tarifen Premium, Business und Commerce verfügbar sowie auf Websites mit dem alten Pro-Tarif. Führe für Websites mit Kostenlos- und Persönlich-Tarif ein Tarif-Upgrade durch, um auf diese Funktion zuzugreifen.
Das Stilbuch zeigt dir Beispiele dafür, wie alle verfügbaren Blöcke nach dem Speichern von Stiländerungen aussehen.
- Rufe das Dashboard deiner Website auf.
- Navigiere zu Design → Editor.
- Wähle im Menü auf der linken Seite die Option Stile aus.
- Klicke auf das Icon eines Auges rechts neben dem Text „Stile“. (Du kannst erneut auf das Icon klicken, um zum Editor zurückzukehren.)

Du kannst das Stilbuch auch öffnen, wenn du eine beliebige Seite, ein beliebiges Template oder ein beliebiges Template-Teil bearbeitest. Dies sind die Schritte, die in der Videoübersicht oben verwendet werden. Befolge diese Schritte:
- Rufe das Dashboard deiner Website auf.
- Navigiere zu Design → Editor.
- Bearbeite eine Seite, ein Template oder ein Template-Teil.
- Klicke auf das Stile-Icon (ein Kreis mit einer weißen und einer schwarzen Hälfte) in der oberen Werkzeugleiste des Editors.
- Klicke auf das Stilbuch-Icon (das Icon sieht aus wie ein Auge), um das Stilbuch zu öffnen. (Du kannst erneut auf das Icon klicken, um zum Editor zurückzukehren.)
Sobald du das Stilbuch geöffnet hast, kannst du eine Vorschau deines Farbschemas und deiner Typografie anzeigen und diese ändern. Beispiele dafür, wie sich jede Änderung auf bestimmte Texte, Blöcke, Medien und mehr auswirkt, findest du hier.

Rechts neben dem Bereich Stile findest du eine Vorschau der verschiedenen Arten von Elementen (Farben, Typografie, Buttons, Bilder usw.) auf deiner Website. So bearbeitest du die Stile eines bestimmten Elements:
- Klicke in der Vorschau rechts auf deinem Bildschirm auf ein Element (Farben, Typografie usw.).
- Bearbeite die Stile des Elements im Bereich Stile auf der linken Seite.
- Klicke auf den Zurück-Pfeil neben dem Elementnamen, um zur vollständigen Liste der Elemente zurückzukehren und ein anderes Element zum Gestalten auszuwählen.

- Wenn du fertig bist, klicke auf den Button Änderung überprüfen… am Ende des Bereichs Design, um deine Änderungen zu überprüfen und zu speichern.

Um den Vorgang zu beenden, ohne deine Änderungen zu speichern, klicke auf das Icon oben links im Bereich Design und wähle die Option aus, um das Fenster ohne Speichern der Änderungen zu verlassen.