Passen Sie Ihre Cloudbeds Website mit dem Site Theme an

Gabriela Garcia

Aktualisiert 23. Oktober 2026 11:56

Zweck	Verwalten Sie siteweite Farben, Schaltflächen, Typografie, Bildgestaltung und Hintergründe über das Site-Theme im Cloudbeds-Websites-Editor.
Am besten geeignet für	Manager/General Manager und Administratoren, die den visuellen Stil einer Cloudbeds-Website verwalten.
Verwenden Sie dies, wenn	Sie konsistente Design-Einstellungen auf der gesamten Website anwenden möchten, anstatt einzelne Widgets oder Seiten einzeln zu gestalten.
Voraussetzungen	Eine Cloudbeds-Website und Zugriff auf den Cloudbeds-Websites-Editor.
Erwartetes Ergebnis	Deine Website verwendet konsistente globale Design-Einstellungen, wobei individuelle Überschreibungen nur dort angewendet werden, wo sie benötigt werden.

Einführung

Verwenden Sie das Site-Theme im Cloudbeds-Websites-Editor, um den gesamten visuellen Stil Ihrer Website an einem Ort zu verwalten. Das Site-Theme hilft Ihnen dabei, Farben, Schaltflächen, Typografie, Bildgestaltung und Hintergründe auf den Seiten konsistent zu halten.

Nutzen Sie das Site-Theme, wenn eine Designänderung breit auf der Website angewendet werden soll. Änderungen, die direkt an einem einzelnen Widget oder einer Seite vorgenommen werden, überschreiben die entsprechende Einstellung des Site-Themes.

Inhaltsverzeichnis

Auf Site-Theme zugreifen
Globale Stile und Überschreibungen verstehen
Theme-Farben anpassen
Button-Stile anpassen
Theme-Text anpassen
Bildstile anpassen
Hintergründe anpassen
Weitere Site-Theme-Optionen

Auf Site-Theme zugreifen

Öffnen Sie das Site-Theme über das linke Bedienfeld des Cloudbeds-Webseiten-Editors, wenn Sie globale Design-Einstellungen für die Website verwalten möchten.

Öffnen Sie Ihre Cloudbeds-Website im Cloudbeds-Webseiten-Editor.
Wählen Sie im linken Bedienfeld das Theme-Symbol aus.
Nutzen Sie die verfügbaren Site-Theme-Abschnitte, um globale Design-Einstellungen zu aktualisieren.

Das Site-Theme-Bedienfeld enthält globale Steuerungen für Farben, Buttons, Text, Breite & Abstand, Bilder und Hintergründe:

Der obere Bereich des Site-Themes zeigt die globalen Steuerungen für Farben, Buttons und Text:

Weiter unten enthält das Site-Theme Überschriftenstile sowie Breite & Abstand, Bilder und Hintergründe:

Globale Stile und Überschreibungen verstehen

Änderungen, die im Site-Theme vorgenommen werden, gelten für die gesamte Website, sodass Sie einen konsistenten visuellen Stil beibehalten können, ohne dieselbe Einstellung auf jeder Seite bearbeiten zu müssen.

Direkt an einem einzelnen Widget oder einer Seite vorgenommene Änderungen überschreiben die entsprechende Site-Theme-Einstellung. Legen Sie zuerst Ihr globales Theme fest und wenden Sie individuelle Überschreibungen nur dort an, wo sie benötigt werden.

Theme-Farben anpassen

Verwenden Sie den Abschnitt Farben, um die globale Farbpalette zu erstellen und zu verwalten, die auf der gesamten Website verwendet wird.

Erweitern Sie im Site-Theme den Bereich Farben.
Wählen Sie die Farbfelder aus, die Sie aktualisieren möchten.
Geben Sie einen HEX- oder RGB-Wert ein oder verwenden Sie das Pipetten-Werkzeug, um eine Farbe auszuwählen.
Wiederholen Sie dies bei Bedarf für die übrigen Theme-Farben.
Um eine Theme-Farbe umzubenennen, fahren Sie mit der Maus über den Farbnamen und wählen das Stiftsymbol aus, dann geben Sie den neuen Namen ein.

Schaltflächenstile anpassen

Verwenden Sie den Abschnitt Schaltflächen, um die globalen Primär- und Sekundär-Schaltflächenstile zu verwalten, die auf der gesamten Website verwendet werden.

Erweitern Sie im Site-Theme den Bereich Schaltflächen.
Wählen Sie den Primär- oder Sekundär-Schaltflächenstil aus, den Sie aktualisieren möchten.
Passen Sie die verfügbaren Schaltflächeneinstellungen an, damit sie zum Design Ihrer Website passen.

Theme-Text anpassen

Verwenden Sie den Abschnitt Text, um die globale Typografie für Standardtext, Absatztext und Überschriftenebenen zu verwalten.

Erweitern Sie im Site-Theme den Bereich Text.
Wählen Sie den Texttyp aus, den Sie aktualisieren möchten:
- DFLT: Legt das Theme für Text in Widgets fest, der keinem Absatz- oder Überschriftenstil zugewiesen ist. Auch das Aussehen von Links kann hier angepasst werden.
- PAR: Legt das Theme für Absatz- oder Text-Widget-Inhalte fest.
- H1-H6: Legt das Theme für Überschriftenebenen 1 bis 6 fest.
Passen Sie die verfügbaren Texteinstellungen an, die Schriftart, Gewicht, Größe, Textskalierung, Farbe, Schriftformat, Textrichtung, Zeilenhöhe, Buchstabenabstand, Großschreibung und Textschatten umfassen können.

Wählen Sie Schriftstile, die zu Ihrer Marke passen und gut lesbar bleiben. Halten Sie Größen und Gewichtungen der Überschriften konsistent und verwenden Sie Textfarben, die sich klar vom Hintergrund abheben.

Bildstile anpassen

Verwenden Sie den Abschnitt Bilder, um das globale Styling für Bild-Widgets zu verwalten. Verfügbare Steuerungen können Bildlayout, Rahmenstil, abgerundete Ecken und Schatteneffekte umfassen.

Zum Hochladen, Organisieren und Wiederverwenden von Medieninhalten siehe Bilder und Medien in Cloudbeds Websites verwalten.

Hintergründe anpassen

Verwenden Sie den Abschnitt Hintergründe, um einen Standardseitenhintergrund festzulegen oder einen anderen Hintergrund für eine bestimmte Seite anzuwenden.

Standardhintergrund festlegen

Erweitern Sie im Site-Theme den Bereich Hintergründe.
Erweitern Sie Standardhintergrund.
Wählen Sie die Option Farbe oder Bild aus.
Wählen Sie den Hintergrund aus, den Sie als Standard für die Website verwenden möchten.

Hintergrund für eine bestimmte Seite festlegen

Erweitern Sie im Site-Theme den Bereich Hintergründe.
Erweitern Sie Hintergrund pro Seite.
Wählen Sie die Seite aus, die Sie anpassen möchten.
Wählen Sie die Option Farbe oder Bild aus.
Wählen Sie den Hintergrund aus, den Sie für diese Seite verwenden möchten.

Weitere Optionen im Site-Theme

Das Site-Theme-Panel enthält außerdem Steuerungen für Breite & Abstand. Diese Steuerungen erscheinen zusammen mit den anderen globalen Site-Theme-Kategorien in der aktuellen Editor-2.0-Benutzeroberfläche.

Da Sie nun wissen, wie Sie globale Site-Theme-Einstellungen verwalten, nutzen Sie diese Ressourcen für eine umfassendere Orientierung und Navigation im Cloudbeds-Websites-Editor: