Website-weite Designeinstellungen treffen

Website-weite Design-Einstellungen in der chocoBRAIN App: Ein Überblick

Die Design-Einstellungen in der chocoBRAIN App bieten eine zentrale Möglichkeit, das Erscheinungsbild deiner gesamten Website zu steuern. Diese Funktion ist besonders hilfreich, um ein konsistentes Design über alle Seiten hinweg zu gewährleisten und die Corporate Identity (CI) deines Unternehmens präzise umzusetzen. In diesem Artikel erhältst du einen Schnellüberblick über die verschiedenen Optionen und Einstellungen, die dir zur Verfügung stehen.

Zugriff auf die Design-Einstellungen

Um zu den Website-weiten Design-Einstellungen zu gelangen, gibt es zwei Wege:

1. Über das Website-Konto: Navigiere im Menü zu den Einstellungen und dann zu Design und Organisation.
2. Über das Icon oben rechts: Klicke auf das Symbol und wähle den Generator (dein Markenkonto). Wähle anschließend das gewünschte Website-Konto aus und bearbeite das Design durch einen Klick auf den Stift.

Die wichtigsten Design-Einstellungen

Die Design-Einstellungen bieten dir umfassende Anpassungsmöglichkeiten. Hier ein Überblick über die wichtigsten Bereiche:

1. Logo und Favicon

Unter „Strukturierte Daten zur Organisation“ kannst ein Logo und ein Favicon für deine Website hochladen. Diese Elemente repräsentieren deine Marke und sind auf jeder Seite deiner Website sichtbar.

2. Unternehmensdaten

Es ist sinnvoll, hier auch Angaben zum Unternehmen wie Name, Adresse und Kontaktdaten zu hinterlegen. Diese Informationen können später automatisch in verschiedenen Bereichen der Website genutzt werden.

3. Farben

Die Farben spielen eine zentrale Rolle im Design deiner Website. Du kannst hier die globalen CI-Farben festlegen, darunter die Primärfarbe, Sekundärfarbe, und spezielle Farben für Elemente wie Links oder Buttons. Für jedes Element kannst du zudem eine Hover-Farbe einstellen.

4. Schriften

In den Design-Einstellungen kannst du die Schriftart, Schriftgröße und weitere Schriftparameter wie Zeilenhöhe und Absatzabstände festlegen. Du kannst aus verschiedenen Schriftarten wählen oder eine spezifische Schriftart verwenden, die deiner Corporate Identity entspricht.

5. Abstände und Zeilenhöhen

Hier kannst du die globalen Abstände zwischen Absätzen und die Zeilenhöhe definieren, um sicherzustellen, dass der Text auf deiner Website angenehm lesbar ist. Diese Einstellungen tragen maßgeblich zum Gesamteindruck bei und bestimmen, wie „luftig“ deine Website wirkt.

6. Buttons

Buttons sind ein wichtiger Bestandteil jeder Website. Du kannst hier festlegen, wie Buttons auf deiner Website aussehen sollen. Dazu gehören Einstellungen zur Schriftgröße, Abstand innerhalb des Buttons, sowie die Wahl von Rahmen und Schatten. Außerdem kannst du für Primär- und Sekundär-Buttons jeweils eigene Designs definieren.

7. Bilder und Karten

Für Bilder und Karten kannst du globale Einstellungen festlegen, z. B. ob alle Bilder abgerundet sein sollen oder ob sie einen Rand haben. Diese Einstellungen sorgen dafür, dass das Bild- und Kartendesign auf der gesamten Website konsistent bleibt.

8. Dachzeilen

Falls du auf deiner Website Dachzeilen nutzt, kannst du deren Design hier anpassen. Dazu gehören Farbe, Schriftgröße und die Frage, ob die Dachzeilen in Großbuchstaben dargestellt werden sollen.

9. Tracking und Google-Integration

Für Marketingzwecke kannst du Google-Tracking-Dienste wie Google Analytics oder die Google Search Console integrieren. Hier trägst du die entsprechenden IDs ein, damit die Daten auf deiner Website korrekt erfasst und analysiert werden.

10. Artikel-Design

Für den Fall, dass deine Website Artikel enthält, kannst du auch das Design von Artikeln spezifisch anpassen. Dazu gehören Schriftgröße, Zeilenhöhe und andere Parameter, die den Aufbau eines Artikels betreffen.

11. Breadcrumbs

Breadcrumbs, also die Navigationspfade, die den Besuchern zeigen, wo sie sich auf der Website befinden, können ebenfalls hinsichtlich Hintergrund- und Schriftfarbe angepasst werden.

12. Symbole und Animationen

Symbole (Icons) und Animationen spielen eine wachsende Rolle im modernen Webdesign. Du kannst hier festlegen, welche Icons verwendet werden sollen und wie sie aussehen. Zudem kannst du Animationsoptionen für verschiedene Sektionen auf der Website einrichten und bestimmen, wie und wann sie wiederholt werden sollen.

13. Schwebender Kopfbereich

Eine Besonderheit ist der schwebende Kopfbereich, der als spezielles Design-Feature für bestimmte Websites verwendet werden kann. Er wird nicht als herkömmlicher Kopfbereich, sondern schwebend über dem Seiteninhalt dargestellt und sorgt so für ein modernes, auffälliges Design.

14. Einträge und Sprachauswahl

Die Design-Einstellungen bieten auch Optionen für spezielle Einträge, wie z. B. Sprachauswahl oder Öffnungszeiten. Besonders relevant ist dies für mehrsprachige Websites, wo du die Sprachen angeben und verwalten kannst.

Fazit

Die Website-weiten Design-Einstellungen in der chocoBRAIN App bieten umfassende Anpassungsmöglichkeiten, um das Erscheinungsbild deiner Website nach deinen Wünschen zu gestalten. Vom Logo über Farben und Schriftarten bis hin zu spezifischen Einstellungen für Bilder und Buttons – alles lässt sich zentral steuern. So stellst du sicher, dass dein Webdesign konsistent bleibt und deiner Corporate Identity entspricht.