Design: Farben, Schriften, Hintergrund
PetWorkers Wave · Prüfe zuerst, ob du diese Produktlinie verwendest. Menüwege und Bilder können sich zwischen Classic und Wave unterscheiden.
So gibst du deiner Website in PetWorkers ein neues Aussehen: Farbpalette wählen, Schrift der Überschriften ändern, Hintergrund und Basisfarben verstehen. Mit Vorher-Nachher-Vergleich auf der Website.
Kapitel im Video
Ein Klick auf eine Zeitmarke startet das Video an dieser Stelle.
Design: Farben, Schriften, Hintergrund
Mit dem Klick auf das Video werden Daten an YouTube/Google übertragen. Details in der Datenschutzerklärung.
Transkript anzeigen
Einleitung
In diesem Video änderst du das Aussehen deiner Website: Farben, Schriften und Hintergrund. So sieht unsere Beispiel-Website jetzt aus. Wir geben ihr ein neues Farbschema und eine andere Schrift für die Überschriften.
Wo du es findest
Alles rund ums Aussehen findest du links unter „Layout“: „Designeinstellungen“, „Hintergrund“ und „Schriftarten“.
Ein Farbschema wählen
Am schnellsten geht ein neues Farbschema über den „Einrichtungsassistent“, Schritt 2 „Farbpalette“. Eine Farbpalette ist ein fertiges Farbschema. Sie setzt mit einem Klick alle Farben deiner Website passend zueinander. Hier siehst du eine Auswahl. Mehr Paletten bekommst du mit „Alle anzeigen“. Die Paletten sind nach Stil sortiert, zum Beispiel Modern, Natur, Vintage oder Pastell. Die runden Punkte zeigen die Farben. Wir wählen die Palette „Lagune“, ein ruhiges Blaugrün. Dann klickst du auf „Palette anwenden & weiter“. PetWorkers meldet kurz „Farbpalette „Lagune“ angewendet“. Der Assistent springt dann zum Schritt „Schriften“. Hier kannst du schon eine Schrift für Überschriften und eine für den Fließtext wählen. Oder du machst es später in den Designeinstellungen.
Die Schrift ändern
Für feinere Einstellungen klickst du unter „Layout“ auf „Designeinstellungen“. Hier hat jeder Bereich der Website einen eigenen Kasten: Überschriften, Menü, Seitenbereich, Buttons, Fußzeile und mehr. Im Kasten „Überschrift 1“ steht bei „Schriftart“ zurzeit „Quicksand“. Das ist die große Überschrift jeder Seite. Wir wählen „Playfair Display“, eine elegante Schrift mit Füßchen. Daneben stellst du Größe, Stärke und Farbe ein. Klicke auf „Änderungen speichern“. Oben steht „Änderungen gespeichert“. Die Website hat die neue Schrift sofort.
So sieht es dein Kunde
So sah die Startseite vorher aus: Violett, Überschrift in Quicksand. Und so sieht sie jetzt aus: Knöpfe und Linien in Blaugrün, die Überschrift in Playfair Display. Auch jede andere Seite ändert sich mit, hier die Seite „Über uns“ vorher … … und nachher. Du musst keine einzelne Seite anfassen.
Hintergrund, Basisfarben, eigene Schrift
Unter „Layout“, „Hintergrund“ legst du fest, was hinter deiner Website liegt: kein Hintergrund, ein Farbverlauf oder ein Bild. Unter „Layout“, „Basisfarben“ stehen die sieben Grundfarben, aus denen PetWorkers alle anderen Farben ableitet. Unter „Schriftarten“ lädst du eine eigene Schrift als ZIP-Datei hoch. Danach steht sie in den Designeinstellungen zur Auswahl. Wichtig: Eine Palette setzt das ganze Design neu, auch den Hintergrund. Eigene Feinanpassungen an Farben gehen dabei verloren. Einen Rückgängig-Knopf gibt es nicht. Merke dir deshalb deine alte Palette. Unsere Beispiel-Website hatte vorher „Aurora (hell)“.
Zusammenfassung
Kurz gesagt: Farbschema über die Farbpalette, Schriften in den Designeinstellungen, Hintergrund unter „Layout“. Alles gilt sofort für die ganze Website. Im nächsten Video zeige ich dir, wie du deine Angebote auf der Website zeigst.