Globale Styles

Ein Globaler Style ist ähnlich wie ein Globales Element. Nur eben fürs Styling.

Es ist also ein Style, der nicht nur einem Element, sondern mehreren Elementen in mehreren Seiten und Templates zugeordnert werden kann. Oder anders gesagt: Es sind Klassen.

Dabei kannst du jedem Element einen Globalen Style zuordnen. Wenn du hier eine Änderung vornimmst, wird diese automatisch überall getätigt, wo die Zuordnung ebenfalls vorkommt:

globaler style vorschau

Dabei greifen die Globalen Styles für alle Element-Stati (Normal, Hover etc.) und für alle Bildschirmgrößen (Responsive). Einzige Ausnahme sind Animationen und Formen. Diese müssen jedem Element einzeln hinzugefügt werden.

Globalen Style wählen

globalen style waehlen 1

Wenn du ein Element kopierst, bleibt die Zuordnung für den Globalen Style vorhanden. Falls du das nicht möchtest, kannst du den Globalen Style entfernen (siehe unten).

Globalen Style bearbeiten

globalen style bearbeiten 1

Beachte hier jedoch, dass du damit alle Elemente in allen Seiten und Templates gleichzeitig stylst, die die Zuordnung haben.

Globalen Style entfernen

globalen style entfernen 1

Wenn du einen Globalen Style entfernst, wird einfach das Standard Style (siehe unten) für das Element geladen.

Globalen Style erstellen

Um einen Globalen Style zu erstellen, wähle das Element aus, gib einen Namen ein und bestätige mit Enter:

globalen style erstellen manuell

Globalen Style umbenennen

globalen style umbenennen

Globalen Style kopieren

globalen style kopieren

Globalen Style löschen

globalen style loeschen

Ein Globaler Style kann nur gelöscht werden, wenn er keinem Element mehr zugeordnet ist.

Standard Styles

Standard Styles beziehen sich auf das Styling von neuen Elementen und Elementen, die keinen Globalen Style zugeordnet haben.

Änderst du z.B. das Standard Styling eines Buttons von Blau nach Grün, ist jeder Button, den du neu reinziehst und jeder Button, der keinen Globalen Style zugeordnet hat, automatisch Grün.

Um einen Standard Style zu ändern, klicke auf das Element und wähle den Standard Style aus (du bekommst immer nur den passenden angezeigt):

standard style veraendern

Beachte hier jedoch, dass du damit alle gleichen Elemente bearbeitest, die keinen Globalen Style zugeordnet haben.

Beachte außerdem, wenn du eine Änderung durchführen möchtest, dass du den Standard Style jedes Mal explizit auswählen musst.

Am besten arbeitest du für deine Standard Styles mit einem Style Guide. Hier mehr dazu.

Brandneu

Neues Theme-Framework 🎉

Chimpify

Plattform

Powered by Chimpify