Den Reiter „Stile“ für Ihre Houzz-Website verwenden
Während Sie an Ihrer Houzz-Website arbeiten, gibt es viele wichtige Funktionen der Symbolleiste, die Sie kennen sollten. In diesem Artikel wird der Reiter „Stile“ behandelt, der sich in Ihrer linken Symbolleiste befindet. Eine allgemeinere Übersicht über die Symbolleisten des Website-Editors finden Sie in diesem Artikel.
Der Reiter „Stile“ ist Ihre zentrale Anlaufstelle für die Steuerung des visuellen Erscheinungsbilds verschiedener Elemente auf Ihrer Website. Die hier vorgenommenen Änderungen gelten für die gesamte Website.
Um darauf zuzugreifen, suchen Sie den Reiter „Stile“ auf der linken Seite Ihres Bildschirms und klicken Sie darauf.
Farben
Im Bereich „Farbe“ können Sie die Markenfarben Ihrer Website festlegen und steuern. Wie bei anderen Einstellungen im Stile-Menü werden auch hier alle Änderungen universell übernommen. Das bedeutet, dass durch die Aktualisierung einer Farbe automatisch alle Elemente Ihrer Website aktualisiert werden, die diese bestimmte Farbe verwenden.
Um die Farben Ihrer Website anzupassen, klicken Sie unter dem Reiter „Stile” auf „Farbe”. Dort finden Sie „Websitefarben”.
Hier finden Sie sechs Felder, die die Farben Ihrer Website festlegen.
Farbe ändern
Um eine der Farben zu ändern, klicken Sie auf ein Farbfeld, um die Farbauswahl zu öffnen.
Hier können Sie:
- Farbton anpassen: Bewegen Sie den unteren Regler, um die Farbe zu ändern.
- Sättigung anpassen: Ziehen Sie den Farbwähler nach links oder rechts, um die Farbintensität zu steuern.
- Helligkeit anpassen: Ziehen Sie den Regler im Hauptfarbfeld nach oben oder unten, um die Farbe heller oder dunkler zu machen.
- Einen Hex-Code verwenden: Wenn Sie eine bestimmte Markenfarbe haben, können Sie deren Hex-Code direkt in das dafür vorgesehene Feld einfügen.
Wenn Sie alle Änderungen vorgenommen haben, klicken Sie einfach außerhalb der Farbauswahl, um zu sie speichern. Sie werden sofort sehen, dass alle Abschnitte oder Blöcke Ihrer Website, die die aktualisierte Farbe verwendet haben, nun die neue Auswahl widerspiegeln.
Farbvoreinstellungen verwenden
Farbvoreinstellungen sind vordefinierte Farbschemata, die auf verschiedene Elemente Ihrer Website angewendet werden können, darunter Text, Buttons, Hintergründe und mehr. Sie tragen zur Einheitlichkeit des Designs bei und ermöglichen schnelle, auf der gesamten Website geltende Stiländerungen. Diese Voreinstellungen können schnell auf Abschnitte, Karten, Kopf- und Fußzeilen angewendet werden.
Ihre Website verfügt über drei Farbvoreinstellungen. Alle diese Voreinstellungen sind vollständig anpassbar.
Farbvoreinstellungen ändern
Um eine vorhandene Farbvoreinstellung zu ändern, klicken Sie auf die Voreinstellung, die Sie bearbeiten möchten, um das Fenster „Farbvoreinstellungen“ zu öffnen. Es erscheint ein neues Fenster.
In der linken Spalte sehen Sie verschiedene Kategorien von Elementen. In der mittleren Spalte finden Sie die Farbfelder, die jedem Element innerhalb dieser Kategorie zugewiesen sind. In der rechten Spalte zeigt Ihnen eine Vorschau, wie diese Farbauswahl zusammen aussieht.
Klicken Sie auf ein Farbfeld, um die Farbauswahl zu öffnen.
Am unteren Rand der Farbauswahl sehen Sie die Hauptfarbfelder Ihrer Website. Wenn eines davon schwarz hervorgehoben ist, bedeutet dies, dass die Farbe für dieses Element mit dieser allgemeinen Websitefarbe verknüpft ist. Änderungen am Hauptfarbfeld der Website aktualisieren automatisch die Farbe dieses Elements in der Voreinstellung.
In der Farbauswahl können Sie auch manuell eine Farbe auswählen. Dadurch wird die Farbauswahl unabhängig und nicht mehr mit Ihren allgemeinen Websitefarben verknüpft.
Farbvoreinstellungen anwenden
Farbvoreinstellungen können auf die Abschnitte, Karten, Kopf- und Fußzeilen Ihrer Website angewendet werden.
Abschnitt
Um dies für einen Abschnitt zu tun, klicken Sie in der Vorschau des Website-Editors auf den gewünschten Abschnitt. Auf der rechten Seite neben der Schaltfläche „Abschnitt bearbeiten“ sehen Sie ein kleines Pinsel-Symbol.
Klicken Sie auf das Pinsel-Symbol und wählen Sie eine Ihrer Farbvoreinstellungen aus. Die Farben des Abschnitts werden sofort in der Vorschau aktualisiert.
Karte
Möglicherweise stellen Sie fest, dass eine Karte innerhalb eines Abschnitts nicht immer ihre Farbe ändert, wenn Sie eine Voreinstellung auf den Abschnitt anwenden. Das liegt daran, dass Karten ihre eigenen unabhängigen Farbvoreinstellungen haben können.
Wenn Sie die Farbvoreinstellung für eine Karte anpassen möchten, wählen Sie die Karte aus, die Sie ändern möchten, und klicken Sie dann auf das Pinsel-Symbol neben dem Bleistift-Symbol.
Wählen Sie eine Farbvoreinstellung aus, um sie anzuwenden.
Bitte beachten Sie: Karten haben auch eine vierte Option, mit der sie die Farbvoreinstellung übernehmen können, die auf den Abschnitt angewendet wurde, in dem sie sich befinden. Dies gewährleistet auf Wunsch eine einheitliche Darstellung.
Header und Footer
Der Header und der Footer (Kopf- und Fußzeile) können ebenso wie alle anderen Abschnitte mit Farbvoreinstellungen versehen werden.
Um sie zu aktualisieren, klicken Sie auf die Kopf- oder Fußzeile und dann auf das Pinsel-Symbol neben dem Button „Bearbeiten“. Wählen Sie eine Farbvoreinstellung aus, um sie anzuwenden.
Typografie
Im Bereich „Typografie“ können Sie alle Schriftarten für Ihre Website festlegen und steuern. Lesen Sie die Schritt-für-Schritt-Anleitung, um mehr zu erfahren.
Um Ihre Schriftarten anzupassen, klicken Sie unter dem Reiter „Stile“ auf „Typografie“. Dort sehen Sie eine Liste aller Ihrer Schriftarteneinstellungen. Sie können nach unten scrollen, um die vollständige Liste anzuzeigen.
Voreinstellungen für Schriftarten festlegen
Wenn Sie schnell eine neue Auswahl an Schriftarten für Ihre Website auswählen möchten, können Sie dies über „Voreinstellung Typografie“ tun.
Bitte beachten Sie: Durch die Auswahl einer Typografie-Voreinstellung werden alle zuvor getroffenen Schriftartenauswahlen überschrieben.
Wählen Sie eine andere Voreinstellung aus, um sie auf die gesamte Website anzuwenden. Klicken Sie anschließend auf „Speichern“. Alle Schriftarten werden entsprechend der neuen Voreinstellung aktualisiert.
Textstil anpassen
Sie können die Typografie für websiteweite Textelemente wie Überschriften, Absätze und Schaltflächen anpassen.
Um eine Schriftart zu ändern, klicken Sie auf die Schriftart, die Sie ändern möchten. Klicken Sie auf das Dropdown-Menü „Schriftfamilie“, um eine neue Schriftart auszuwählen.
Unser Website-Editor nutzt die gesamte Google-Schriftartenbibliothek, die über tausend einzigartige Schriftarten enthält. Scrollen Sie durch die Liste der beliebten Schriftarten oder klicken Sie auf „Weitere Schriftarten“, um die gesamte Bibliothek zu durchsuchen.
Sie können auch die Größe, die Stärke, den Buchstabenabstand und die Zeilenhöhe für jede Schriftart einstellen. Wenn Sie beispielsweise die Größe Ihrer Überschriften erhöhen, fallen diese besser ins Auge, und durch Anpassen des Abstands können Sie die Lesbarkeit verbessern.
Zusätzliche Stileinstellungen
Neben Farben und Schriftarten bietet das Bedienfeld „Stile“ weitere Einstellungen, mit denen Sie das Erscheinungsbild Ihrer Website noch individueller gestalten können. Dazu gehören Optionen für Navigation, Footer, Buttons und Links, Icons, Trenner, Formulare, Bewertungen und Projekte. Wir werden hier nicht auf alle Einstellungen im Detail eingehen, aber in diesem Artikel erfahren Sie mehr über die Darstellungsoptionen für Ihre Projekte.
Weitere Quellen für Website-Dienste
Inhalte zur Houzz-Website hinzufügen
Den Reiter „Einstellungen“ in Ihrer Houzz-Website verwenden
Das Menü im Website-Editor für Ihre Houzz-Website verwenden
Den Reiter „Seiten“ für Ihre Houzz-Website verwenden
Die Seite „Projekte“ Ihrer Houzz-Website bearbeiten
Eine Domain für Ihre von Houzz verwaltete Website einrichten und veröffentlichen