Design-Modus - Schema anpassen
Sie möchten nun das Designschema Ihrer Designer-Webseite anpassen, dh. die Farben für Hintergründe, Buttons, Titel etc. sowie die Schriften für den Inhaltstext oder die Titel.
Nachdem Sie sich in den «Designer eingeloggt» haben, befinden Sie sich auf der Startseite im Designer-Editor und somit im Bereich «Baukasten». Gehen Sie wie folgt vor:
1. Navigieren
Gehen Sie gemäss Anleitung «Design-Modus - Designschema wählen» Punkt 1-2 vor.
2. Anpassen
Wählen Sie «Anpassen» bzw. das «Regler»-Icon, um die verfügbaren Icons für «Farben» & «Schriften» zu erhalten.
3. Ansicht
Die Anpassen-Ansicht wird umgehend angezeigt. Sie haben hier nun die folgenden Anpassungsmöglichkeiten:
4. Farbkonzept anpassen
Um das Farbkonzept anzupassen klicken Sie oben auf den Bereich «Farben». Ein Popup-Fenster mit verschiedenen Farbkombinationen öffnet sich.
Hier haben Sie nun die Möglichkeit aus den
• Favoriten auszuwählen oder
• Individuell Farben zu hinterlegen.
5. Favoriten - Farbkombinationen wählen
Farbkombinationen bestehen immer aus 3 Farben. Einer «Dunklen», «Weiss» und einer «Hellen». Wenn Sie nun auf eine Farbkombination klicken, passt sich die Vorschau umgehend an. Wenn Sie zufrieden sind, klicken Sie im Popup-Fenster auf «Speichern».
6. Individuelle Farbkombinationen wählen
Um die «Hex-Farbcodes» Ihres CI/CD bzw. Ihre eigene Farbwahl zu hinterlegen, wählen Sie im entsprechenden Popup «Eigene». Nun werden Ihnen die 3 Farbvorgaben angezeigt. Wählen Sie die Farbe (Dunkel, Licht bzw. Akzent) durch Klick auf den entsprechenden Farbkreis aus.
7. HEX-Code hinterlegen
Der «HEX-Farbcode» ist eine 6stellige Zahlenkombination, welche beginnend mit einem Hash-Tag gekennzeichnet wird. Fügen Sie nun den von Ihnen gewünschten Farbcode ein und klicken Sie anschliessend auf «Speichern».
8. Eigene Farbkombination speichern
Haben Sie all Ihre Farben gemäss Punkt 7 (Dunkel, Licht bzw. Akzent) hinterlegt, klicken Sie anschliessend auf dieser Übersicht erneut auf «Speichern» im Popup.
9. Schriften anpassen
Um die Schriften anzupassen klicken Sie oben auf den Bereich «Schriften». Ein Popup-Fenster mit verschiedenen Schriftkombinationen öffnet sich
10. Schriftkombination wählen
Wenn Sie auf eine Schriftkombination klicken, passt sich umgehend die Vorschau an. Wenn Sie zufrieden sind, klicken Sie im Popup-Fenster auf «Speichern».
11. Schrift individuell anpassen
Klicken Sie im oberen Bereich auf «Individuell», so können Sie die «Überschriften» und den «Absatz» selber formatieren. D.h. wählen Sie nach Ihrem Gutdünken die passende Schrift aus (die Vorschau passt sich jeweils umgehend an) und klicken Sie anschliessend auf den «Speichern»-Button.
12. Editor Ansicht
Um nun weiter an den Inhalten Ihrer Webseite zu arbeiten klicken Sie oben auf den gelben Button «Zum Homepage-Baukasten wechseln».