Studio Editor: Deine Website-Stile verwalten
7 min
Verwalte Textstile, Farben, Seitenübergänge und die maximale Breite deiner Website an einem Ort. Ein Design für die Website deines Kunden zu erstellen ist eine großartige, ganzheitliche Möglichkeit, Zeit zu sparen und für ein einheitliches Design zu sorgen.
Wie greife ich auf die Website-Stile zu?
In diesem Artikel erfährst du mehr über folgende Themen:
Die Schriftarten und Textstile bearbeiten
Passe den Text, der auf der gesamten Website verwendet wird, nach deinen Wünschen an. Du kannst die Website-Schriftarten ändern oder das Aussehen der 9 einzelnen Textstile anpassen (6 Überschriften, 3 Absätze).
Was ist der Unterschied zwischen Schriftarten und Textstilen?
Tipp:
H1-H6 sind Überschriften-Tags, die diesen Titeln automatisch zugewiesen werden. Behalte die Hierarchie deiner Titel von oben nach unten in Übereinstimmung mit den Überschriften-Tags bei, denn das hilft sowohl der SEO als auch der Barrierefreiheit.
Um einen Typografie-Stil anzupassen:
- Klicke links im Editor auf Website-Stile
. - Wähle aus, was du anpassen möchtest, eine Schriftart oder einen Textstil:
Schriftarten
Textstile
.
.
Textstile zu einer Seite hinzufügen
Die Textvorlagen für Überschriften und Textabschnitte sind über das Elemente hinzufügen-Panel verfügbar. Klicke auf Text und ziehe den entsprechenden Stil unter Textvorlagen an die gewünschte Stelle.
Einen Stil auf ein Textelement anwenden
Du kannst auch einen Stil auf ein vorhandenes Textelement auf der Seite anwenden. Klicke auf dem Element auf Text bearbeiten und wähle im Inspektor aus dem Dropdown-Menü Design den entsprechenden Stil aus.
Überschreiben von Textstilen
Wenn du das Design der Schrift eines Elements änderst, nachdem du einen Stil (Design) dafür ausgewählt hast, erstellst du ein „Design-Override“. Das bedeutet, dass Aktualisierungen des gewählten Stils nicht auf dieses Textelement angewendet werden.
Du kannst Textelemente mit Overrides auf ihren ursprünglichen Stil zurücksetzen. Darüber hinaus kannst du auch Overrides auf den Stil selbst anwenden. Fahre mit der Maus über Stil und klicke auf das Symbol für Weitere Aktionen 
, um auszuwählen, was du tun möchtest.
, um auszuwählen, was du tun möchtest.
Die Website-Farben ändern
Definiere die Designfarben der Website. Designfarben sind in Kategorien unterteilt, sodass du sie für bestimmte Teile der Website anpassen kannst. Passe den Gesamtbereich einer Kategorie oder einen bestimmten Farbton in einem Bereich an.
Was ist der Unterschied zwischen Farbbereichen und Farben?
Tipp:
Diese Aktion wirkt sich sofort auf die Elemente mit der Farbe aus, die du ändern möchtest, also zum Beispiel auf alle Elementvorlagen, die du hinzugefügt hast, oder andere Elemente, auf denen du diese Farbe verwendet hast.
Um die Website-Farben anzupassen:
- Klicke links im Editor auf Website-Stile .
- Wähle aus, was du anpassen möchtest, einen Farbbereich oder eine einzelne Farbe:
Bearbeite einen Farbbereich
.
, um eine neue Farbe an einer beliebigen Stelle auf deinem Bildschirm auszuwählen.
Bearbeite eine bestimmte Farbe aus dem Bereich
Einen Seitenübergang hinzufügen
Füge einen Seitenübergang hinzu, um die Navigation für Besucher ansprechender zu gestalten. Sobald du einen Übergang aus dem Website-Stile-Panel ausgewählt hast, wird dieser auf jeder Seite der Website angezeigt.
Um einen Seitenübergang hinzuzufügen:
- Klicke links im Editor auf Website-Stile .
- Klicke auf Seitenübergänge.
- Wähle einen Übergang aus der Liste aus:
- Keine: Es wird kein Übergang angezeigt, wenn Besucher zwischen den Seiten wechseln.
- Außen-Innen: Die aktuelle Seite wird ausgeblendet und die neue Seite eingeblendet.
Häufig gestellte Fragen (FAQs)
Wähle eine Frage aus, um mehr über Website-Stile zu erfahren.
Was passiert, wenn ich eine einzelne Farbe oder einen einzelnen Farbbereich berarbeite?
Was passiert, wenn ich Textstile/Schriftarten aktualisiere?