Teilen deiner Website eigene Farben geben
Füge neben deinen Hauptfarben Farbschemata hinzu und wähle, welche Abschnitte jeder Seite sie nutzen.
Für Team-Owner und Admins · 6 Schritte
Was du vorher brauchst
- Dein Team hat ein Website-Abo und hat eine Vorlage gewählt – siehe Vorlage und Look auswählen.
- Du bist Owner oder Admin des Teams.
Schritte
Schritt 1: Darstellung öffnen
Tippe im Menü links auf Vorlage und dann oben rechts auf Darstellung.
Du siehst: das Formular für die Darstellung, daneben eine Live-Vorschau deiner Website.
Schritt 2: Farbschema hinzufügen
Tippe unter Farbschemata auf Helles Schema hinzufügen. Deine Farben oben sind das Schema Haupt. Du kannst bis zu drei weitere Schemata hinzufügen. Der Button bietet zuerst ein helles Schema an, dann ein Akzentband und dann eine Kopie von Haupt als Ausgangspunkt.
Du siehst: ein neues Schema mit Namen, fünf Farben und eigenen Texten und Flächen, jeweils mit derselben Lesbarkeitszahl wie bei Haupt. Deine Shop-, Produkt- und Warenkorbseiten nutzen dein helles Schema, sobald du eins hast – der Rest deiner Website bleibt bei Haupt, bis du etwas anderes wählst.
Schritt 3: Farben des Schemas festlegen
Gib dem Schema einen Namen. Ändere dann seine Farben so wie bei Haupt. Jede Farbe, auf der Text steht, zeigt eine Zahl wie 7.2:1 · gut lesbar. Liegt sie unter dem Minimum, nennt sie den Farbton, den Besucher sehen, und bietet Lesbar machen an.
Du siehst: den Namen des Schemas unten im Menü jedes Abschnitts.
Schritt 4: Schema für einen Abschnitt wählen
Suche unter Abschnitte den Teil deiner Website, den du ändern willst. Die Abschnitte sind nach Seite sortiert, von Jede Seite (Navigation und Footer) über Startseite, Shop und die übrigen. Wähle in seinem Menü ein Schema. Standard folgt Haupt, bei Shop, Produkt und Warenkorb deinem hellen Schema. Du kannst auch auf einen Teil der Live-Vorschau klicken, um seine Zeile zu finden.
Du siehst: Die Live-Vorschau wechselt zu dieser Seite, der Teil ist markiert und im gewählten Schema dargestellt.
Schritt 5: Speichern
Tippe unten im Formular auf Speichern.
Du siehst: „Darstellung gespeichert“. Besucher sehen das noch nicht – gespeicherte Änderungen bleiben in deinem Entwurf, bis du veröffentlichst.
Schritt 6: Website veröffentlichen
Tippe im Menü links auf Veröffentlichen und veröffentliche – siehe Website veröffentlichen.
Du siehst: Darstellung in der Liste der Änderungen und nach dem Veröffentlichen die Abschnitte in ihren Schemata.
So erkennst du, dass es geklappt hat
- Jeder gewählte Abschnitt erscheint auf deiner Website in seinem Schema.
- Shop und Warenkorb nutzen dein helles Schema oder das Schema, das du für sie gewählt hast.
Sieht etwas nicht richtig aus?
„Helles Schema hinzufügen“ ist ausgegraut
Zuerst kommen die Farben von Haupt. Jede der fünf Farben von Haupt braucht einen vollständigen Farbcode wie #0a0a0a. Korrigiere die fehlerhafte Farbe, dann kannst du Helles Schema hinzufügen – oder Schema hinzufügen – wieder antippen.
Mein Shop wurde hell, sobald ich ein Schema hinzugefügt habe
Shop-, Produkt- und Warenkorbseiten nutzen standardmäßig dein helles Schema, damit Käufer Preise und Warenkorb gut lesen können. Wenn sie bei Haupt bleiben sollen, stell ihre Zeilen unter Abschnitte auf Start.
Ich habe ein Schema entfernt – was ist mit seinen Abschnitten passiert?
Sie sind zu ihrem Standard zurückgekehrt: Haupt, beim Shop dein helles Schema. Nichts wird gelöscht.
Ich habe eine Voreinstellung gewählt und meine Schemata haben sich geändert
Jede Voreinstellung bringt eigene Schemata Akzentband und Hell mit, die deine bisherigen ersetzen. Abschnitte mit einem Schema, das die Voreinstellung nicht hat, kehren zu ihrem Standard zurück. Wenn du deine eigenen behalten willst, wähle deine Farben unter Farbschemata erneut.
Ein Abschnitt, den ich will, fehlt in der Liste
Die Liste zeigt die Teile, die deine Vorlage darstellt. Manche Vorlagen stellen mehrere Teile einer Seite zusammen dar. Diese teilen sich eine Zeile.
Die Checkout-Seite ist immer noch dunkel
Der Checkout ist eine eigene Seite von Fourthwall. Seine Farben kommen aus dem Design deines Shops bei Fourthwall – siehe Shop deines Teams eröffnen.
Ähnliche Artikel
Kommst du nicht weiter? Kontaktiere den Support oder schreib an support@spawnfront.com – nenn uns die Seite, auf der du bist, und die Schrittnummer.